9318: "Active" and "Recently finished" panes in dashboard are updated to use work_uni...
[arvados.git] / apps / workbench / app / views / projects / _show_dashboard.html.erb
1   <div class="row">
2     <div class="col-md-6">
3       <div class="panel panel-default" style="min-height: 10.5em">
4         <div class="panel-heading"><span class="panel-title">Active processes</span>
5           <% if current_user.andand.is_active %>
6           <span class="pull-right">
7           <%= link_to(
8           choose_pipeline_templates_path(
9             title: 'Choose a pipeline to run:',
10             action_name: 'Next: choose inputs <i class="fa fa-fw fa-arrow-circle-right"></i>',
11             action_href: pipeline_instances_path,
12             action_method: 'post',
13             action_data: {'selection_param' => 'pipeline_instance[pipeline_template_uuid]', 'pipeline_instance[owner_uuid]' => current_user.uuid, 'success' => 'redirect-to-created-object'}.to_json),
14           { class: "btn btn-primary btn-xs", remote: true }) do %>
15             <i class="fa fa-fw fa-gear"></i> Run a pipeline...
16           <% end %>
17           </span>
18           <% end %>
19         </div>
20
21         <% _running_processes = running_processes(8) %>
22         <% _finished_processes = finished_processes(8) %>
23         <div class="panel-body active-processes">
24           <% if _running_processes.empty? %>
25             No processes are currently running.
26           <% else %>
27           <% _running_processes.each do |p| %>
28             <% wu = p.work_unit %>
29             <div class="dashboard-panel-info-row">
30               <div class="clearfix">
31                 <%= link_to_if_arvados_object p, {friendly_name: true} %>
32                 <div class="pull-right" style="width: 40%">
33                   <div class="progress" style="margin-bottom: 0px">
34                     <% wu.progress %>
35                   </div>
36                 </div>
37               </div>
38
39               <%
40                 children = wu.children
41                 running = children.select { |c| c.andand.state_label == "Running" }
42                 queued = children.select { |c| c.andand.state_label == "Queued" }
43                 %>
44
45               <div class="clearfix">
46                 Started at <%= render_localized_date(wu.started_at || wu.created_at, "noseconds") %>.
47                 <% wu_time = Time.now - (wu.started_at || wu.created_at) %>
48                 Active for <%= render_runtime(wu_time, false) %>.
49
50                 <div class="pull-right">
51                   <% running.each do |r| %>
52                     <span class="label label-<%= r.state_bootstrap_class %>"> <%= r.label || r.state_label || 'Not ready' %> </span>
53                   <% end %>
54                   <% queued.each do |q| %>
55                     <span class="label label-<%= q.state_bootstrap_class %>"> <%= q.label || r.state_label || 'Not ready' %> </span>
56                   <% end %>
57                 </div>
58               </div>
59             </div>
60           <% end %>
61           <% end %>
62         </div>
63       </div>
64
65       <div class="panel panel-default">
66         <div class="panel-heading"><span class="panel-title">Recently finished processes</span>
67           <span class="pull-right">
68             <%= link_to pipeline_instances_path, class: 'btn btn-default btn-xs' do %>
69               All pipelines <i class="fa fa-fw fa-arrow-circle-right"></i>
70             <% end %>
71           </span>
72         </div>
73         <div class="panel-body finished-processes">
74           <% _finished_processes.each do |p| %>
75             <% wu = p.work_unit %>
76             <div class="dashboard-panel-info-row">
77               <div class="row">
78                 <div class="col-md-6 text-overflow-ellipsis">
79                   <%= link_to_if_arvados_object p, {friendly_name: true} %>
80                 </div>
81                 <div class="col-md-2">
82                   <span class="label label-<%=wu.state_bootstrap_class%>"><%=wu.state_label%></span>
83                 </div>
84                 <div class="col-md-4">
85                   <%= render_localized_date(wu.finished_at || wu.modified_at, "noseconds") %>
86                 </div>
87               </div>
88               <div class="row">
89                 <div class="col-md-12">
90                   <% if wu.started_at and wu.finished_at %>
91                     <% wu_time = wu.finished_at - wu.started_at %>
92                     Active for <%= render_runtime(wu_time, false) %>
93                   <% end %>
94
95                   <span class="pull-right text-overflow-ellipsis" style="max-width: 100%">
96                     <% outputs = wu.outputs %>
97                     <% if outputs.size == 0 %>
98                       No output.
99                     <% elsif outputs.size == 1 %>
100                       <i class="fa fa-fw fa-archive"></i> <%= link_to_if_arvados_object outputs[0], friendly_name: true %>
101                     <% else %>
102                       <a href="#<%= wu.uuid %>-outputs" data-toggle="collapse">Outputs <span class="caret"></span></a>
103                     <% end %>
104                   </span>
105                 </div>
106               </div>
107
108               <div class="row collapse" id="<%= wu.uuid %>-outputs" >
109                 <div class="col-md-12">
110                   <div class="pull-right" style="max-width: 100%">
111                     <% outputs.each do |out| %>
112                       <div class="text-overflow-ellipsis">
113                         <i class="fa fa-fw fa-archive"></i> <%= link_to_if_arvados_object out, friendly_name: true %>
114                       </div>
115                     <% end %>
116                   </div>
117                 </div>
118               </div>
119             </div>
120           <% end %>
121         </div>
122       </div>
123     </div>
124
125     <div class="col-md-6">
126       <% nodes = Node.all %>
127       <div class="panel panel-default" style="min-height: 10.5em">
128         <div class="panel-heading"><span class="panel-title">Compute and job status</span>
129           <span class="pull-right">
130             <%= link_to jobs_path, class: 'btn btn-default btn-xs' do %>
131               All jobs <i class="fa fa-fw fa-arrow-circle-right"></i>
132             <% end %>
133           </span>
134         </div>
135         <div class="panel-body">
136           <div>
137             <%= render partial: 'compute_node_summary', locals: {nodes: nodes} %>
138             <div style="text-align: center">
139               <a data-toggle="collapse" href="#compute_node_status">Details <span class="caret"></span></a>
140             </div>
141           </div>
142           <div id="compute_node_status" class="collapse">
143             <%= render partial: 'compute_node_status', locals: {nodes: nodes} %>
144           </div>
145         </div>
146       </div>
147       <div class="panel panel-default">
148         <div class="panel-heading"><span class="panel-title">Recent collections</span>
149           <span class="pull-right">
150             <%= link_to collections_path, class: 'btn btn-default btn-xs' do %>
151               All collections <i class="fa fa-fw fa-arrow-circle-right"></i>
152             <% end %>
153           </span>
154         </div>
155         <div class="panel-body">
156           <% r = recent_collections(8) %>
157           <% r[:collections].each do |p| %>
158             <div class="dashboard-panel-info-row">
159               <div>
160                 <i class="fa fa-fw fa-folder-o"></i><%= link_to_if_arvados_object r[:owners][p[:owner_uuid]], friendly_name: true %>/
161                 <span class="pull-right"><%= render_localized_date(p[:modified_at], "noseconds") %></span>
162               </div>
163               <div class="text-overflow-ellipsis" style="margin-left: 1em; width: 100%"><%= link_to_if_arvados_object p, {friendly_name: true, no_tags: true} %>
164               </div>
165             </div>
166           <% end %>
167         </div>
168       </div>
169     </div>
170   </div>