X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/7a98271d94163cdc4afa5bfcf275db353bc062d2..d144724e1b48fa10e28f1e0ddddf440c6ac90ee2:/apps/workbench/app/views/collections/_show_files.html.erb

diff --git a/apps/workbench/app/views/collections/_show_files.html.erb b/apps/workbench/app/views/collections/_show_files.html.erb
index a56e885336..e3c79f143b 100644
--- a/apps/workbench/app/views/collections/_show_files.html.erb
+++ b/apps/workbench/app/views/collections/_show_files.html.erb
@@ -1,66 +1,108 @@
-<% content_for :css do %>
-.file-list-inline-image {
-  width: 50%;
-  height: auto;
-}
-<% end %>
-
-<table class="table table-condensed table-fixedlayout">
-  <colgroup>
-    <col width="4%" />
-    <col width="35%" />
-    <col width="40%" />
-    <col width="15%" />
-    <col width="10%" />
-  </colgroup>
-  <thead>
-    <tr>
-      <th></th>
-      <th>path</th>
-      <th>file</th>
-      <th style="text-align:right">size</th>
-      <th>d/l</th>
-    </tr>
-  </thead><tbody>
-    <% if @object then @object.files.sort_by{|f|[f[0],f[1]]}.each do |file| %>
-      <% f0 = file[0] %>
-      <% f0 = '' if f0 == '.' %>
-      <% f0 = f0[2..-1] if f0[0..1] == './' %>
-      <% f0 += '/' if not f0.empty? %>
-      <% file_path = "#{f0}#{file[1]}" %>
-      <tr>
-        <td>
-          <%= check_box_tag 'uuids[]', @object.uuid+'/'+file_path, false, {
-                :class => 'persistent-selection',
-                :friendly_type => "File",
-                :friendly_name => "#{@object.uuid}/#{file_path}",
-                :href => "#{url_for controller: 'collections', action: 'show', id: @object.uuid }/#{file_path}"
-              } %>
-        </td>
-        <td>
-          <%= file[0] %>
-        </td>
+<%
+  preview_selectable_container = ''
+  preview_selectable = ''
+  padding_left = '1em'
+  if !params['use_preview_selection'].nil? and params['use_preview_selection'] == 'true'
+    preview_selectable_container = 'preview-selectable-container selectable-container'
+    preview_selectable = 'preview-selectable selectable'
+    padding_left = '0em'
+  end
+%>
 
-      <td>
-        <%= link_to((if /\.(jpg|jpeg|gif|png|svg)$/i.match(file[1]) then
-                       image_tag "#{url_for @object}/#{file_path}", class: "file-list-inline-image"
-                     else
-                       file[1]
-                     end),
-                    {controller: 'collections', action: 'show_file', uuid: @object.uuid, file: file_path, size: file[2], disposition: 'inline'},
-                    {title: file_path}) %>
-      </td>
+<div class="selection-action-container" style="padding-left: <%=padding_left%>">
+  <% if Collection.creatable? and (!defined? no_checkboxes or !no_checkboxes) %>
+    <div class="row">
+      <div class="pull-left">
+        <div class="btn-group btn-group-sm">
+          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Selection... <span class="caret"></span></button>
+          <ul class="dropdown-menu" role="menu">
+            <li><%= link_to "Create new collection with selected files", '#',
+                    method: :post,
+                    'data-href' => combine_selected_path(
+                      action_data: {current_project_uuid: @object.owner_uuid}.to_json
+                    ),
+                    'data-selection-param-name' => 'selection[]',
+                    'data-selection-action' => 'combine-collections',
+                    'data-toggle' => 'dropdown'
+              %></li>
+          </ul>
+        </div>
+        <div class="btn-group btn-group-sm">
+          <button id="select-all" type="button" class="btn btn-default" onClick="select_all_items()">Select all</button>
+          <button id="unselect-all" type="button" class="btn btn-default" onClick="unselect_all_items()">Unselect all</button>
+        </div>
+      </div>
+      <div class="pull-right">
+        <input class="form-control filterable-control" data-filterable-target="ul#collection_files" id="file_regex" name="file_regex" placeholder="filename regex" type="text"/>
+      </div>
+    </div>
+    <p/>
+  <% end %>
 
-        <td style="text-align:right">
-          <%= raw(human_readable_bytes_html(file[2])) %>
-        </td>
+  <% file_tree = @object.andand.files_tree %>
+  <% if file_tree.nil? or file_tree.empty? %>
+    <p>This collection is empty.</p>
+  <% else %>
+    <ul id="collection_files" class="collection_files arv-selectable-items <%=preview_selectable_container%>">
+    <% dirstack = [file_tree.first.first] %>
+    <% file_tree.take(10000).each_with_index do |(dirname, filename, size), index| %>
+      <% file_path = CollectionsHelper::file_path([dirname, filename]) %>
+      <% while dirstack.any? and (dirstack.last != dirname) %>
+        <% dirstack.pop %></ul></li>
+      <% end %>
+      <li>
+      <% if size.nil?  # This is a subdirectory. %>
+        <% dirstack.push(File.join(dirname, filename)) %>
+        <div class="collection_files_row">
+         <div class="collection_files_name"><i class="fa fa-fw fa-folder-open"></i> <%= filename %></div>
+        </div>
+        <ul class="collection_files">
+      <% else %>
+        <% link_params = {controller: 'collections', action: 'show_file',
+                          uuid: @object.portable_data_hash, file: file_path, size: size} %>
+         <div class="collection_files_row filterable <%=preview_selectable%>" href="<%=@object.uuid%>/<%=file_path%>">
+          <div class="collection_files_buttons pull-right">
+            <%= raw(human_readable_bytes_html(size)) %>
+            <%= link_to(raw('<i class="fa fa-search"></i>'),
+                        link_params.merge(disposition: 'inline'),
+                        {title: "View #{file_path}", class: "btn btn-info btn-sm", disabled: !preview_allowed_for(file_path)}) %>
+            <%= link_to(raw('<i class="fa fa-download"></i>'),
+                        link_params.merge(disposition: 'attachment'),
+                        {title: "Download #{file_path}", class: "btn btn-info btn-sm"}) %>
+          </div>
 
-        <td>
-          <div style="display:inline-block">
-            <%= link_to raw('<i class="glyphicon glyphicon-download-alt"></i>'), {controller: 'collections', action: 'show_file', uuid: @object.uuid, file: file_path, size: file[2], disposition: 'attachment'}, {class: 'btn btn-info btn-sm', title: 'Download'} %>
+          <div class="collection_files_name">
+            <% if (!defined? no_checkboxes or !no_checkboxes) and current_user %>
+            <%= check_box_tag 'uuids[]', "#{@object.uuid}/#{file_path}", false, {
+                  :class => "persistent-selection",
+                  :friendly_type => "File",
+                  :friendly_name => "#{@object.uuid}/#{file_path}",
+                  :href => url_for(controller: 'collections', action: 'show_file',
+                                   uuid: @object.portable_data_hash, file: file_path),
+                  :title => "Include #{file_path} in your selections",
+                  :id => "#{@object.uuid}_file_#{index}",
+                } %>
+            <span>&nbsp;</span>
+            <% end %>
+        <% if CollectionsHelper::is_image(filename) %>
+            <i class="fa fa-fw fa-bar-chart-o"></i> <%= filename %></div>
+          <div class="collection_files_inline">
+            <%= link_to(image_tag("#{url_for @object}/#{file_path}"),
+                        link_params.merge(disposition: 'inline'),
+                        {title: file_path}) %>
           </div>
-        </td>
-      </tr>
-    <% end; end %>
-  </tbody>
-</table>
+         </div>
+        <% else %>
+            <i class="fa fa-fw fa-file" href="<%=@object.uuid%>/<%=file_path%>" ></i> <%= filename %></div>
+         </div>
+        <% end %>
+        </li>
+      <% end  # if file or directory %>
+    <% end  # file_tree.each %>
+    <%= raw(dirstack.map { |_| "</ul>" }.join("</li>")) %>
+  <% end  # if file_tree %>
+</div>
+
+<% content_for :footer_html do %>
+<div id="collection-sharing-modal-window" class="modal fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
+<% end %>