tweak example templates
[arvados.git] / apps / workbench / app / views / collections / show.html.erb
1 <%= content_for :head do %>
2 <style>
3 <%# https://github.com/mbostock/d3/wiki/Ordinal-Scales %>
4 <% n=-1; %w(#1f77b4 #ff7f0e #2ca02c #d62728 #9467bd #8c564b #e377c2 #7f7f7f #bcbd22 #17becf).each do |color| %>
5 .colorseries-10-<%= n += 1 %>, .btn.colorseries-10-<%= n %>:hover, .label.colorseries-10-<%= n %>:hover {
6   *background-color: <%= color %>;
7   background-color: <%= color %>;
8   background-image: none;
9 }
10 <% end %>
11 .colorseries-nil { }
12 .label a {
13   color: inherit;
14 }
15 </style>
16 <% end %>
17
18 <%#= render :partial => 'nav' %>
19
20 <ul class="nav nav-tabs">
21   <li class="active"><a href="#files" data-toggle="tab">Files (<%= @object.files ? @object.files.size : 0 %>)</a></li>
22   <li><a href="#provenance" data-toggle="tab">Provenance (<%= @provenance.size %>)</a></li>
23   <li><a href="#jobs" data-toggle="tab">Jobs (<%= @provenance.size %>)</a></li>
24   <li><a href="#sourcedata" data-toggle="tab">Source data (<%= @sourcedata.size %>)</a></li>
25   <li><a href="#owner-groups-resources" data-toggle="tab">Owner, groups, resources</a></li>
26 </ul>
27
28 <div class="tab-content">
29   <div id="files" class="tab-pane fade in active">
30     <table class="table table-bordered">
31       <thead>
32         <tr><th style="text-align:right">size (bytes)</th><th>filename</th></tr>
33       </thead><tbody>
34         <% if @object then @object.files.each do |file| %>
35         <tr>
36           <td style="text-align:right">
37             <%= raw(human_readable_bytes_html(file[2])) %>
38           </td><td>
39             <%= file[0] %>/<%= file[1] %>
40           </td>
41         </tr>
42         <% end; end %>
43       </tbody>
44     </table>
45   </div>
46   <div id="provenance" class="tab-pane fade">
47     <table class="topalign table table-bordered">
48       <thead>
49       </thead>
50       <tbody>
51
52         <% @provenance.reverse.each do |p| %>
53         <% j = p[:job] %>
54
55         <% if j %>
56
57         <tr class="job">
58           <td style="padding-bottom: 3em">
59             <table class="table" style="margin-bottom: 0; background: #f0f0ff">
60               <% j.script_parameters.each do |k,v| %>
61               <tr>
62                 <td style="width: 60%">
63                   <% if v and @output2job.has_key? v %>
64                   <tt class="label colorseries-10-<%= @output2colorindex[v] %>"><%= v %></tt>
65                   <% elsif v %>
66                   <tt class="label colorseries-nil"><%= v %></tt><br /><span class="deemphasize"><%= v %></span>
67                   <% else %>
68                   <span class="deemphasize"><%= v %></span>
69                   <% end %>
70                 </td><td style="text-align: center; width: 20%">
71                   <% if v
72                        if @protected[v]
73                          labelclass = 'success'
74                          labeltext = 'keep'
75                        else
76                          labelclass = @output2job.has_key?(v) ? 'warning' : 'danger'
77                          labeltext = 'cache'
78                        end %>
79
80                   <tt class="label label-<%= labelclass %>"><%= labeltext %></tt>
81                   <% end %>
82                 </td><td style="width: 20%">
83                   <%= k.to_s %>
84                 </td>
85               </tr>
86               <% end %>
87             </table>
88             <div style="text-align: center">
89               &darr;
90               <br />
91               <span class="label"><%= j.script %><br /><tt><%= link_to_if j.script_version.match(/[0-9a-f]{40}/), j.script_version, "https://arvados.org/projects/arvados/repository/revisions/#{j.script_version}/entry/crunch_scripts/#{j.script}" if j.script_version %></tt></span>
92               <br />
93               &darr;
94               <br />
95               <tt class="label colorseries-10-<%= @output2colorindex[p[:output]] %>"><%= p[:output] %></tt>
96             </div>
97           </td>
98           <td>
99             <tt><span class="deemphasize">job:</span><br /><%= j.uuid %><br /><span class="deemphasize"><%= j.submit_id %></span></tt>
100           </td>
101         </tr>
102
103         <% else %>
104         <tr>
105           <td>
106             <span class="label label-danger">lookup fail</span>
107             <br />
108             <tt class="deemphasize"><%= p[:target] %></tt>
109           </td><td colspan="5">
110           </td>
111         </tr>
112         <% end %>
113
114         <% end %>
115
116       </tbody>
117     </table>
118   </div>
119   <div id="jobs" class="tab-pane fade">
120     <table class="topalign table table-bordered">
121       <thead>
122         <tr class="contain-align-left">
123           <th>
124             job
125           </th><th>
126             version
127           </th><th>
128             status
129           </th><th>
130             start
131           </th><th>
132             finish
133           </th><th>
134             clock time
135           </th>
136         </tr>
137       </thead>
138       <tbody>
139
140         <% @provenance.reverse.each do |p| %>
141         <% j = p[:job] %>
142
143         <% if j %>
144
145         <tr class="job">
146           <td>
147             <tt><%= j.uuid %></tt>
148             <br />
149             <tt class="deemphasize"><%= j.submit_id %></tt>
150           </td><td>
151             <%= j.script_version %>
152           </td><td>
153             <span class="label <%= if j.success then 'label-success'; elsif j.active then 'label-primary'; else 'label-warning'; end %>">
154               <%= j.success || j.active ? 'ok' : 'failed' %>
155             </span>
156           </td><td>
157             <%= j.started_at %>
158           </td><td>
159             <%= j.finished_at %>
160           </td><td>
161             <% if j.started_at and j.finished_at %>
162             <%= raw(distance_of_time_in_words(j.started_at, j.finished_at).sub('about ','~').sub(' ','&nbsp;')) %>
163             <% elsif j.started_at and j.running %>
164             <%= raw(distance_of_time_in_words(j.started_at, Time.now).sub('about ','~').sub(' ','&nbsp;')) %> (running)
165             <% end %>
166           </td>
167         </tr>
168
169         <% else %>
170         <tr>
171           <td>
172             <span class="label label-danger">lookup fail</span>
173             <br />
174             <tt class="deemphasize"><%= p[:target] %></tt>
175           </td><td colspan="4">
176           </td>
177         </tr>
178         <% end %>
179
180         <% end %>
181
182       </tbody>
183     </table>
184   </div>
185   <div id="sourcedata" class="tab-pane fade">
186     <table class="table table-bordered table-striped">
187       <thead>
188         <tr class="contain-align-left">
189           <th>
190             collection
191           </th><th class="data-size">
192             data size
193           </th><th>
194             storage
195           </th><th>
196             origin
197           </th>
198         </tr>
199       </thead>
200       <tbody>
201
202         <% @sourcedata.values.each do |sourcedata| %>
203
204         <tr class="collection">
205           <td>
206             <tt class="label"><%= sourcedata[:uuid] %></tt>
207           </td><td class="data-size">
208             <%= raw(human_readable_bytes_html(sourcedata[:collection].data_size)) if sourcedata[:collection] and sourcedata[:collection].data_size %>
209           </td><td>
210             <% if @protected[sourcedata[:uuid]] %>
211             <span class="label label-success">keep</span>
212             <% else %>
213             <span class="label label-danger">cache</span>
214             <% end %>
215           </td><td>
216             <% if sourcedata[:data_origins] %>
217             <% sourcedata[:data_origins].each do |data_origin| %>
218             <span class="deemphasize"><%= data_origin[0] %></span>
219             <%= data_origin[2] %>
220             <br />
221             <% end %>
222             <% end %>
223           </td>
224         </tr>
225
226         <% end %>
227
228       </tbody>
229     </table>
230   </div>
231   <div id="owner-groups-resources" class="tab-pane fade">
232     <%= render :partial => 'application/arvados_object' %>
233   </div>
234 </div>