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