show.html.erb in social_stream-oauth2_server-2.0.3

- old
+ new
@@ -1,52 +1,114 @@
-<div class="oauth2_server"> 
+<section id="site_client">
   <%= render partial: 'toolbar/home' %>
 
-  <section id="oauth2_server">  
-    <h1>
-      <%= @client.name %>
-    </h1>
-    <a class="pull-right" href="#">
-      ir a tus demás aplicaciones
-      </a>
-    <hr class="soften">
-    <div class="content">
-      <a class="pull-left" href="#">
+  <section class="site_client" id="<%= dom_id @client %>">
+    <header>  
+      <h1>
+        <%= @client.name %>
+        <a class="go-more" href="#">
+          ir a tus demás aplicaciones
+        </a>
+      </h1>
 
-        <%= image_tag('logos/app-default.png', class: "media-object") %>
+      <%= image_tag('logos/app-default.png', class: "logo-app pull-right") %>
 
+    </header>
 
+    <div class="content">
+      <div class="gereral-info">      
+        <h4>
+          <%= Site::Client.human_attribute_name :description %>
+        </h4>
+        <div class="result">
+          <%= link_to @client.description, @client.description%>
+        </div>
+
+        <h4>
+          <%= Site::Client.human_attribute_name :url %>
+        </h4>
+        <div class="result">
+          <%= link_to @client.url, @client.url%>
+        </div>
+
+        <h4>
+          <%= Site::Client.human_attribute_name :callback_url %>
+        </h4>
+        <div class="result">
+          <%= @client.callback_url %>
+        </div>
+      </div>
         
-      </a>
-      <article  class="media box">
-        <div class="media-body">
-          <h4>
-            <%= Site::Client.human_attribute_name :url %>
-          </h4>
-          <div class="result">
-            <%= link_to @client.url, @client.url%>
-          </div>
-          <h4>
-            <%= Site::Client.human_attribute_name :callback_url %>
-          </h4>
-          <div class="result">
-            <%= @client.callback_url %>
-          </div>
-          <h4>
+      <div class="btn-group">
+        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+          Credentials
+          <span class="caret"></span>
+        </a>
+        <ul class="dropdown-menu">
+          <li>
+            <h6>
             <%= Site::Client.human_attribute_name :id %>
-          </h4>
-          <div class="result">
+            <a href="#" class="pull-right">refresh</a>
+            </h6>
             <%= @client.id %>
-          </div>
-          <h4>
-            <%= Site::Client.human_attribute_name :secret %>
-          </h4>
-          <div class="result client_secret">
-            <p>
-              <%= @client.secret %>
-            </p>
-          </div>
-        </div>
-      </article>
+          </li>
+
+          <li>
+            <h6>
+              <%= Site::Client.human_attribute_name :secret %>
+              <a href="#" class="pull-right">refresh</a>
+            </h6>
+            <%= @client.secret %>
+          </li>
+        </ul>  
+      </div>   
     </div>
   </section>
-</div>
+
+  <div class="tabbable"> <!-- Only required for left/right tabs -->
+    <ul class="nav nav-tabs">
+      <li class="active"><a href="#tab1" data-toggle="tab">Users</a></li>
+      <li><a href="#tab2" data-toggle="tab">Organizations</a></li>
+      <li><a href="#tab3" data-toggle="tab">Stats</a></li>
+    </ul>
+    <div class="search-nav hidden-phone">
+      <%= form_tag search_path, method: 'get', class: "navbar-search pull-left" do %>
+        <%= text_field_tag :q, nil, autocomplete: :off, class: 'search-query input-small', placeholder: t('search.name'), "data-min_query" => SocialStream::Search::MIN_QUERY %>
+      <% end %>
+      <%= javascript_tag do %>
+        $(function() {
+          SocialStream.SearchHeader.show();
+        });
+      <% end %>
+      <div class="mat">
+        <%= render partial: 'layouts/loading' %>
+
+        <div class="query_too_short">
+          <%= t 'search.at_least', count: SocialStream::Search::MIN_QUERY %>
+        </div>
+
+        <div class="no_results">
+          <%= t 'search.nothing' %>
+        </div>
+
+        <div class="results">
+        </div>
+      </div>
+    </div>
+
+
+    <div class="tab-content">
+      <div class="tab-pane active" id="tab1">
+        <ul class="nav nav-pills">
+          <li class="active">
+            <a href="#">added</a>
+          </li>
+          <li><a href="#">registered</a></li>
+        </ul>
+      </div>
+
+      <div class="tab-pane" id="tab2">
+      </div>
+    </div>
+  </div>
+
+</section>
\ No newline at end of file