Add sb-admin layout.
[arvados.git] / apps / workbench / app / views / groups / show.html.erb
1 <% content_for :css do %>
2 .arvados-nav-container {
3     display:none;
4 }
5 <% end %>
6
7 <div class="row row-fill-height">
8   <div class="col-md-6">
9     <div class="panel panel-info">
10       <div class="panel-heading">
11         <a class="btn btn-xs btn-info pull-right">
12           Rename
13         </a>
14         <h3 class="panel-title">
15           <%= @object.name %>
16         </h3>
17       </div>
18       <div class="panel-body">
19         <img src="/favicon.ico" class="pull-right" alt=""/>
20         <p>
21           This folder was created <%= @object.created_at %>. (This
22           description defaults to something generic.)
23         </p>
24         <a href="#" class="btn btn-xs btn-info">Edit description</a>
25       </div>
26     </div>
27   </div>
28   <div class="col-md-3">
29     <div class="panel panel-default">
30       <div class="panel-heading">
31         <h3 class="panel-title">
32           Activity
33         </h3>
34       </div>
35       <div class="panel-body">
36         <input type="text" class="form-control" placeholder="Search"/>
37         <div style="height:0.5em;"></div>
38         <p>
39           11:12 - Some Subfolder added
40         </p>
41         <p>
42           10:06 - <%= @object.name %> - renamed from OldFolderName to <%= @object.name %>
43         </p>
44         <p>
45           10:01 - Test Dataset (4 GiB collection) added to <%= @object.name %> by <%= link_to_if_arvados_object @object.owner_uuid, friendly_name: true %>
46         </p>
47       </div>
48     </div>
49   </div>
50   <div class="col-md-3">
51     <div class="panel panel-default">
52       <div class="panel-heading">
53         <h3 class="panel-title">
54           Sharing and permissions
55         </h3>
56       </div>
57       <div class="panel-body">
58         <input type="text" class="form-control" placeholder="Search"/>
59         <div style="height:0.5em;"></div>
60         <table class="table table-condensed">
61           <tbody>
62             <tr>
63               <td><%= link_to_if_arvados_object @object.owner_uuid, friendly_name: true %></td>
64               <td>Owner</td>
65             </tr>
66             <tr>
67               <td>Someone Else</td>
68               <td>read only</td>
69             </tr>
70             <tr>
71               <td>Someone Else</td>
72               <td>read+write</td>
73             </tr>
74           </tbody>
75           <thead><tr><th>User</th><th>Role</th></tr></thead>
76         </table>
77       </div>
78     </div>
79   </div>
80 </div>
81
82 <div class="row">
83   <div class="card arvados-object">
84     <div class="card-top green">
85       <a href="#">
86         <img src="/favicon.ico" alt=""/>
87       </a>
88     </div>
89     <div class="card-info">
90       <a class="title" href="#">Test dataset</a>
91       <div class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
92     </div>
93     <div class="card-bottom">
94       <button class="btn btn-default btn-block">Show details</button>
95     </div>
96   </div>
97
98   <div class="card arvados-object">
99     <div class="card-top green">
100       <a href="#">
101         <img src="/favicon.ico" alt=""/>
102       </a>
103     </div>
104     <div class="card-info">
105       <a class="title" href="#">GATK Exome Pipeline</a>
106       <div class="desc">exome p.e. fastq -&gt; vcf</div>
107     </div>
108     <div class="card-bottom">
109       <button class="btn btn-default btn-block">Show details</button>
110     </div>
111   </div>
112
113   <div class="card arvados-object">
114     <div class="card-top blue">
115       <a href="#">
116         <img src="/favicon.ico" alt=""/>
117       </a>
118     </div>
119     <div class="card-info">
120       <a class="title" href="#">Reference result</a>
121       <div class="desc">Known good -- checked concordance against other datasets</div>
122     </div>
123     <div class="card-bottom">
124       <button class="btn btn-default btn-block">Show details</button>
125     </div>
126   </div>
127
128   <div class="card arvados-object">
129     <div class="card-top blue">
130       <a href="#">
131         <img src="/favicon.ico" alt=""/>
132       </a>
133     </div>
134     <div class="card-info">
135       <a class="title" href="#">Some other thing</a>
136       <div class="desc">(Objects that are "starred" appear in this area)</div>
137     </div>
138     <div class="card-bottom">
139       <button class="btn btn-default btn-block">Show details</button>
140     </div>
141   </div>
142 </div>
143
144 <div class="row">
145   <div class="col-md-12">
146     <div class="panel panel-info">
147       <div class="panel-heading">
148         <div class="row">
149           <div class="col-md-6">
150             <h3 class="panel-title" style="vertical-align:middle;">
151               Contents
152             </h3>
153           </div>
154           <div class="col-md-6">
155             <div class="input-group input-group-sm pull-right">
156               <input type="text" class="form-control" placeholder="Search folder contents"/>
157             </div>
158           </div>
159         </div>
160       </div>
161       <div class="panel-body">
162         <p>
163         </p>
164         <table class="table">
165           <tbody>
166             <colgroup>
167               <col width="30%" />
168               <col width="20%" />
169               <col width="20%" />
170               <col width="30%" />
171             </colgroup>
172             <% @objects.each do |object| %>
173             <tr>
174               <td>
175                 <% 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: "") %>
176                 <%= render_editable_attribute name_link, 'name', nil, { 'data-emptytext' => "Unnamed #{object.class}" } %>
177               </td>
178               <td>
179                 <%= object.content_summary %>
180               </td>
181               <td title="<%= object.modified_at %>">
182                 <span>
183                   <%= raw distance_of_time_in_words(object.modified_at, Time.now).sub('about ','~').sub(' ','&nbsp;') + '&nbsp;ago' %>
184                 </span>
185               </td>
186               <td class="arvados-uuid">
187                 <%= link_to_if_arvados_object(object, {no_tags: true}) %>
188               </td>
189             </tr>
190             <% end %>
191           </tbody>
192           <thead>
193             <tr>
194               <th>
195                 Name
196               </th>
197               <th>
198               </th>
199               <th>
200                 Modified
201               </th>
202               <th>
203                 UUID
204               </th>
205             </tr>
206           </thead>
207         </table>
208         <p></p>
209       </div>
210     </div>
211   </div>
212 </div>