apps/workbench/app/views/folders/show.html.erb

   1 <div class="row row-fill-height">
   2   <div class="col-md-6">
   3     <div class="panel panel-info">
   4       <div class="panel-heading">
   5         <h3 class="panel-title">
   6           <%= render_editable_attribute @object, 'name', nil, { 'data-emptytext' => "New folder" } %>
   7         </h3>
   8       </div>
   9       <div class="panel-body">
  10         <img src="/favicon.ico" class="pull-right" alt="" style="opacity: 0.3"/>
  11         <p>
  12           <%= render_editable_attribute @object, 'description', nil, { 'data-emptytext' => "Created: #{@object.created_at.to_s(:long)}", 'data-toggle' => 'manual', 'id' => "#{@object.uuid}-description" } %>
  13         </p>
  14         <% if @object.attribute_editable? 'description' %>
  15         <a href="#" class="btn btn-xs btn-info" data-toggle="x-editable" data-toggle-selector="#<%= @object.uuid %>-description">Edit description</a>
  16         <% end %>
  17       </div>
  18     </div>
  19   </div>
  20   <div class="col-md-3">
  21     <div class="panel panel-default">
  22       <div class="panel-heading">
  23         <h3 class="panel-title">
  24           Activity
  25         </h3>
  26       </div>
  27       <div class="panel-body smaller-text">
  28         <!--
  29         <input type="text" class="form-control" placeholder="Search"/>
  30         -->
  31         <div style="height:0.5em;"></div>
  32         <% @logs[0..2].each do |log| %>
  33         <p>
  34           <%= time_ago_in_words(log.event_at) %> ago: <%= log.summary %>
  35           <% if log.object_uuid %>
  36           <%= link_to_if_arvados_object log.object_uuid, link_text: raw('<i class="fa fa-hand-o-right"></i>') %>
  37           <% end %>
  38         </p>
  39         <% end %>
  40         <% if @logs.any? %>
  41         <%= link_to raw('Show all activity &nbsp; <i class="fa fa-hand-o-right"></i>'),
  42             logs_path(filters: [['object_uuid','=',@object.uuid]].to_json),
  43             class: 'btn btn-sm btn-info' %>
  44         <% else %>
  45         <p>
  46           Created: <%= @object.created_at.to_s(:long) %>
  47         </p>
  48         <p>
  49           Last modified: <%= @object.modified_at.to_s(:long) %> by <%= link_to_if_arvados_object @object.modified_by_user_uuid, friendly_name: true %>
  50         </p>
  51         <% end %>
  52       </div>
  53     </div>
  54   </div>
  55   <div class="col-md-3">
  56     <div class="panel panel-default">
  57       <div class="panel-heading">
  58         <h3 class="panel-title">
  59           Sharing and permissions
  60         </h3>
  61       </div>
  62       <div class="panel-body">
  63         <!--
  64         <input type="text" class="form-control" placeholder="Search"/>
  65         -->
  66         <div style="height:0.5em;"></div>
  67         <p>Owner: <%= link_to_if_arvados_object @object.owner_uuid, friendly_name: true %></p>
  68       </div>
  69     </div>
  70   </div>
  71 </div>
  72
  73 <div class="row">
  74   <div class="card arvados-object">
  75     <div class="card-top green">
  76       <a href="#">
  77         <img src="/favicon.ico" alt=""/>
  78       </a>
  79     </div>
  80     <div class="card-info">
  81       <a class="title" href="#">Test dataset</a>
  82       <div class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
  83     </div>
  84     <div class="card-bottom">
  85       <button class="btn btn-default btn-block">Show details</button>
  86     </div>
  87   </div>
  88
  89   <div class="card arvados-object">
  90     <div class="card-top green">
  91       <a href="#">
  92         <img src="/favicon.ico" alt=""/>
  93       </a>
  94     </div>
  95     <div class="card-info">
  96       <a class="title" href="#">GATK Exome Pipeline</a>
  97       <div class="desc">exome p.e. fastq -&gt; vcf</div>
  98     </div>
  99     <div class="card-bottom">
 100       <button class="btn btn-default btn-block">Show details</button>
 101     </div>
 102   </div>
 103
 104   <div class="card arvados-object">
 105     <div class="card-top blue">
 106       <a href="#">
 107         <img src="/favicon.ico" alt=""/>
 108       </a>
 109     </div>
 110     <div class="card-info">
 111       <a class="title" href="#">Reference result</a>
 112       <div class="desc">Known good -- checked concordance against other datasets</div>
 113     </div>
 114     <div class="card-bottom">
 115       <button class="btn btn-default btn-block">Show details</button>
 116     </div>
 117   </div>
 118
 119   <div class="card arvados-object">
 120     <div class="card-top blue">
 121       <a href="#">
 122         <img src="/favicon.ico" alt=""/>
 123       </a>
 124     </div>
 125     <div class="card-info">
 126       <a class="title" href="#">Some other thing</a>
 127       <div class="desc">(Objects that are "starred" appear in this area)</div>
 128     </div>
 129     <div class="card-bottom">
 130       <button class="btn btn-default btn-block">Show details</button>
 131     </div>
 132   </div>
 133 </div>
 134
 135 <div class="row">
 136   <div class="col-md-12">
 137     <div class="panel panel-info">
 138       <div class="panel-heading">
 139         <div class="row">
 140           <div class="col-md-6">
 141             <h3 class="panel-title" style="vertical-align:middle;">
 142               Contents
 143             </h3>
 144           </div>
 145           <div class="col-md-6">
 146             <div class="input-group input-group-sm pull-right">
 147               <input type="text" class="form-control" placeholder="Search folder contents"/>
 148             </div>
 149           </div>
 150         </div>
 151       </div>
 152       <div class="panel-body">
 153         <p>
 154         </p>
 155         <table class="table table-condensed arv-index">
 156           <tbody>
 157             <colgroup>
 158               <col width="3%" />
 159               <col width="8%" />
 160               <col width="30%" />
 161               <col width="15%" />
 162               <col width="15%" />
 163               <col width="29%" />
 164             </colgroup>
 165             <% @objects.each do |object| %>
 166             <tr>
 167               <td>
 168                 <%= render :partial => "selection_checkbox", :locals => {object: object} %>
 169               </td>
 170               <td>
 171                 <%= render :partial => "show_object_button", :locals => {object: object} %>
 172               </td>
 173               <td>
 174                 <% name_link = @objects.links_for(object, 'name').first || Link.new(link_class: "name", owner_uuid: @object.uuid, tail_uuid: @object.uuid, head_uuid: object.uuid, name: "") %>
 175                 <%= render_editable_attribute name_link, 'name', nil, { 'data-emptytext' => "Unnamed #{object.class}" } %>
 176               </td>
 177               <td>
 178                 <%= object.content_summary %>
 179               </td>
 180               <td title="<%= object.modified_at %>">
 181                 <span>
 182                   <%= raw distance_of_time_in_words(object.modified_at, Time.now).sub('about ','~').sub(' ','&nbsp;') + '&nbsp;ago' rescue object.modified_at %>
 183                 </span>
 184               </td>
 185               <td class="arvados-uuid">
 186                 <%= object.uuid %>
 187               </td>
 188             </tr>
 189             <% end %>
 190           </tbody>
 191           <thead>
 192             <tr>
 193               <th>
 194               </th>
 195               <th>
 196               </th>
 197               <th>
 198                 name
 199               </th>
 200               <th>
 201                 type
 202               </th>
 203               <th>
 204                 modified
 205               </th>
 206               <th>
 207                 uuid
 208               </th>
 209             </tr>
 210           </thead>
 211         </table>
 212         <p></p>
 213       </div>
 214     </div>
 215   </div>
 216 </div>