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