Untabify.
[arvados.git] / apps / workbench / app / views / collections / _show_recent.html.erb
index e0afb9c06ad4c5483b54dcf79242c5218ef832a0..a4ab51c1591cabb00f38aaad2f1223ab1f5535a8 100644 (file)
 </div>
 <% end %>
 
+<%= render partial: "paging", locals: {results: @collections, object: @object} %>
+
 <div style="padding-right: 1em">
 
-<table id="collections-index" class="topalign table table-condensed table-fixedlayout table-fixed-header-row">
+<%= form_tag do |f| %>
+
+<table id="collections-index" class="topalign table table-condensed table-fixedlayout"> <!-- table-fixed-header-row -->
   <colgroup>
+    <col width="4%" />
     <col width="10%" />
-    <col width="36%" />
-    <col width="22%" />
-    <col width="8%" />
-    <col width="16%" />
-    <col width="8%" />
+    <col width="34%" />
+    <col width="15%" />
+    <col width="18%" />
+    <col width="23%" />
   </colgroup>
   <thead>
     <tr class="contain-align-left">
+      <th></th>
       <th>uuid</th>
       <th>contents</th>
-      <th>owner</th>
       <th>age</th>
-      <th>tags</th>
       <th>storage</th>
+      <th>tags</th>
     </tr>
   </thead>
   <tbody>
     <%= render partial: 'index_tbody' %>
   </tbody>
 </table>
-</div>
 
-<% content_for :css do %>
-table.table-fixed-header-row {width: 100%;border-spacing: 0px;margin:0;}
-table.table-fixed-header-row thead {position:fixed; background: #fff;}
-table.table-fixed-header-row tbody {position:relative; top:1.5em;}
 <% end %>
+
+</div>
+
+<%= render partial: "paging", locals: {results: @collections, object: @object} %>
+
 <% content_for :footer_js do %>
 $(document).on('click', 'form[data-remote] input[type=submit]', function() {
   $('table#collections-index tbody').fadeTo(200, 0.3);
   return true;
 });
-HeaderRowFixer = function(selector) {
-    settings = {
-        tables: $(selector),
-        thead: []
-    };
-
-    this.duplicateTheadTr = function() {
-        $('>tbody', settings.tables).each(function(){
-            $(this).prepend($('thead>tr', this).clone().css('opacity:0'));
-        });
-    }
-    this.fixThead = function() {
-        settings.tables.each(function() {
-            var widths = [];
-            $('> tbody > tr:eq(1) > td', this).each( function(i,v){
-                widths.push($(v).width());
-            });
-            for(i=0;i<widths.length;i++) {
-                $('thead th:eq('+i+')', this).width(widths[i]);
-            }
-        });
-    }
-}
-$(function(){
-    var fixer = new HeaderRowFixer('.table-fixed-header-row');
-    fixer.fixThead();
-    fixer.duplicateTheadTr();
-    $(window).resize(function(){
-        fixer.fixThead();
-    });
-});
 <% end %>