Streamline of screens.

app/assets/javascripts/app/views/generic/admin/index.jst.eco

@@ -1,48 +1,17 @@
-<div class="page-header horizontal">
+<div class="flex scrollable">
-  <div class="page-header-title">
+  <div class="horizontal">
-    <h1><%- @T( @head ) %> <small><%- @T( 'Management' ) %></small></h1>
+    <div class="page-header-title">
+      <h1><%- @T( @head ) %> <small><%- @T( 'Management' ) %></small></h1>
+    </div>
+    <div class="page-header-meta">
+      <% if @buttons: %>
+      <% for button in @buttons: %>
+        <a data-type="<%= button['data-type'] %>" class="btn btn-default <%= button['class'] %>"><%- @T( button.name ) %></a>
+      <% end %>
+      <% end %>
+    </div>
   </div>
-  <div class="page-header-meta">
-    <% if @buttons: %>
-    <% for button in @buttons: %>
-      <a data-type="<%= button['data-type'] %>" class="btn btn-default <%= button['class'] %>"><%- @T( button.name ) %></a>
-    <% end %>
-    <% end %>
-  </div>
-</div>
 
-<!--
-<div class="row">
-  <div class="span3">
-    <ul class="nav nav-tabs nav-stacked">
-    <% if @menus: %>
-    <% for menu in @menus: %>
-      <li class="<%= menu['class'] %>"><a data-type="<%= menu['data-type'] %>" ><%= menu.name %></a></li>
--->
-<!--
-      <li class="dropdown">
-        <a class="dropdown-toggle" data-toggle="dropdown" href="#"><%= menu.name %><b class="caret"></b></a>
-        <ul class="dropdown-menu">
-          <li><a href="#">List</a></li>
-          <li><a href="#">Settings</a></li>
-          <li><a href="#">New</a></li>
-        </ul>
-      </li>
--->
-<!--
-    <% end %>
-    <% end %>
-    </ul>
-
-    <% for note in @notes: %>
-      <p><%- @T( note ) %></p>
-    <% end %>
--->
-<!--
-  </div>
--->
   <div class="table-overview"></div>
 
-<!--
+</div>
-</div>
--->

app/assets/javascripts/app/views/package.jst.eco

@@ -1,22 +1,21 @@
-<div class="page-header">
+<div class="flex scrollable">
-  <h1><%- @T( 'Package' ) %> <small><%- @T( 'Management' ) %></small></h1>
+  <div>
-</div>
+    <div class="page-header-title">
+    <h1><%- @T( 'Package' ) %> <small><%- @T( 'Management' ) %></small></h1>
+  </div>
 
-<div class="row">
-  <div class="span3">
 <!--
     <ul class="nav nav-tabs nav-stacked">
       <li class=""><a data-type="" ><%- @T( 'Installed' ) %></a></li>
       <li class=""><a data-type="" ><%- @T( 'Store' ) %></a></li>
     </ul>
 -->
-    <p>
+  <p>
-      <form action="<%= App.Config.get('api_path') %>/packages" method="post" enctype="multipart/form-data">
+    <form action="<%= App.Config.get('api_path') %>/packages" method="post" enctype="multipart/form-data">
-        <input type="file" name="file_upload"/>
+      <input type="file" name="file_upload"/>
-        <button class="btn btn--primary" type="submit"><%- @T('Install Package') %></button>
+      <button class="btn btn--primary" type="submit"><%- @T('Install Package') %></button>
-      </form>
+    </form>
-    </p>
+  </p>
-  </div>
 
   <table class="table table-striped table-hover">
     <thead>

app/assets/javascripts/app/views/scheduler.jst.eco

@@ -1,15 +1,15 @@
-<div class="page-header">
+<div class="flex scrollable">
-  <h1>Scheduler <small>Management</small></h1>
+  <div class="horizontal">
-</div>
+    <div class="page-header-title">
-
+      <h1>Scheduler <small>Management</small></h1>
-<div class="row">
+    </div>
-  <div class="span3">
-    <ul class="nav nav-tabs nav-stacked">
-      <li><a href="#">Jobs</a></li>
-    </ul>
   </div>
+
+  <ul class="nav nav-tabs nav-stacked">
+    <li><a href="#">Jobs</a></li>
+  </ul>
+
   <div class="table-overview">
-  
     <div class="tabbable">
       <ul class="nav nav-tabs">
         <li class="active"><a href="#channel-inbound" data-toggle="tab">Times</a></li>
@@ -93,6 +93,6 @@
         </div>
       </div>
     </div>
-  
+
   </div>
 </div>

app/assets/javascripts/app/views/session.jst.eco

@@ -1,27 +1,30 @@
-<div class="page-header">
+<div class="flex scrollable">
-  <h1><%- @T('Sessions') %><small></small></h1>
+  <div>
-</div>
+    <div class="page-header-title">
-<table class="table table-striped table-hover">
+    <h1><%- @T('Sessions') %><small></small></h1>
-  <thead>
+  </div>
-    <tr>
+  <table class="table table-striped table-hover">
-      <th class="span4"><%- @T('User') %></th>
+    <thead>
-      <th class="span3"><%- @T('Browser') %></th>
+      <tr>
-      <th class="span3"><%- @T('Location') %></th>
+        <th class="span4"><%- @T('User') %></th>
-      <th class="span1"><%- @T('Age') %></th>
+        <th class="span3"><%- @T('Browser') %></th>
-      <th class="span1"><%- @T('Update') %></th>
+        <th class="span3"><%- @T('Location') %></th>
-      <th class="span1"></th>
+        <th class="span1"><%- @T('Age') %></th>
-    </tr>
+        <th class="span1"><%- @T('Update') %></th>
-  </thead>
+        <th class="span1"></th>
-  <tbody>
+      </tr>
-    <% for session in @sessions: %>
+    </thead>
-    <tr>
+    <tbody>
-      <td><% if session.data.user: %><%= session.data.user.displayName() %><% end %></td>
+      <% for session in @sessions: %>
-      <td><% if session.data.user_agent: %><%= session.data.user_agent %><% end %></td>
+      <tr>
-      <td><% if session.data.geo: %><%= session.data.geo.country_code %> <%= session.data.geo.city %><% end %></td>
+        <td><% if session.data.user: %><%= session.data.user.displayName() %><% end %></td>
-      <td><span class="humanTimeFromNow" data-time="<%- session.created_at %>">?</span></td>
+        <td><% if session.data.user_agent: %><%= session.data.user_agent %><% end %></td>
-      <td><span class="humanTimeFromNow" data-time="<%- session.updated_at %>">?</span></td>
+        <td><% if session.data.geo: %><%= session.data.geo.country_code %> <%= session.data.geo.city %><% end %></td>
-      <td><a href="#" data-session-id="<%- session.id %>" data-type="delete" class="glyphicon glyphicon-trash" title="<%- @T('Delete') %>"></a></td>
+        <td><span class="humanTimeFromNow" data-time="<%- session.created_at %>">?</span></td>
-    </tr>
+        <td><span class="humanTimeFromNow" data-time="<%- session.updated_at %>">?</span></td>
-    <% end %>
+        <td><a href="#" data-session-id="<%- session.id %>" data-type="delete" class="glyphicon glyphicon-trash" title="<%- @T('Delete') %>"></a></td>
-  </tbody>
+      </tr>
-</table>
+      <% end %>
+    </tbody>
+  </table>
+</div>

app/assets/javascripts/app/views/user.jst.eco

@@ -1,22 +1,24 @@
-<div class="page-header horizontal">
+<div class="flex scrollable">
-  <div class="page-header-title">
+  <div class="horizontal">
-    <h1><%- @T( @head ) %> <small><%- @T( 'Management' ) %></small></h1>
+    <div class="page-header-title">
+      <h1><%- @T( @head ) %> <small><%- @T( 'Management' ) %></small></h1>
+    </div>
+    <div class="page-header-meta">
+      <% if @buttons: %>
+      <% for button in @buttons: %>
+        <a data-type="<%= button['data-type'] %>" class="btn btn-default <%= button['class'] %>"><%- @T( button.name ) %></a>
+      <% end %>
+      <% end %>
+    </div>
   </div>
-  <div class="page-header-meta">
+
-    <% if @buttons: %>
+  <input class="search" name="search" placeholder="<%- @T('Search for users') %>">
-    <% for button in @buttons: %>
+
-      <a data-type="<%= button['data-type'] %>" class="btn btn-default <%= button['class'] %>"><%- @T( button.name ) %></a>
+  <div class="tabs wide-tabs horizontal" style="width: 100%;">
-    <% end %>
+    <% for role in @roles: %>
+      <div class="tab" data-id="<%= role.id %>"><%- @T(role.displayName() ) %></div>
     <% end %>
   </div>
-</div>
 
-<input class="search" name="search" placeholder="<%- @T('Search for users') %>">
+  <div class="table-overview"></div>
-
+</div>
-<div class="tabs wide-tabs horizontal" style="width: 100%;">
-  <% for role in @roles: %>
-    <div class="tab" data-id="<%= role.id %>"><%- @T(role.displayName() ) %></div>
-  <% end %>
-</div>
-
-<div class="table-overview"></div>