3605: Additional layout fixes. Better handling of pipelines where started_at and...
[arvados.git] / apps / workbench / app / views / projects / _show_dashboard.html.erb
1
2   <div class="row">
3     <div class="col-md-6">
4       <div class="panel panel-default">
5         <div class="panel-heading"><span class="panel-title">Active pipelines</span>
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, method: 'get' }) do %>
15       <i class="fa fa-fw fa-gear"></i> Run a pipeline...
16     <% end %>
17     </span>
18         </div>
19
20         <div class="panel-body">
21           <% if running_pipelines.empty? %>
22             No pipelines are currently running.
23           <% end %>
24           <% running_pipelines.each do |p| %>
25             <div class="dashboard-panel-info-row">
26               <div class="clearfix">
27                 <%= link_to_if_arvados_object p, friendly_name: true %>
28
29                 <div class="pull-right" style="width: 40%">
30                   <div class="progress" style="margin-bottom: 0px">
31                     <% running = [] %>
32                     <% failed = [] %>
33                     <% completed = [] %>
34                     <% queued = [] %>
35                     <% p.components.each do |k, v| %>
36                       <% if v.is_a? Hash and v[:job] %>
37                         <% if Job::state(v[:job]) == "Running" %>
38                           <% running << k %>
39                         <% elsif Job::state(v[:job]) == "Failed" or Job::state(v[:job]) == "Canceled" %>
40                           <% failed << k %>
41                         <% elsif Job::state(v[:job]) == "Completed" %>
42                           <% completed << k %>
43                         <% elsif Job::state(v[:job]) == "Queued" %>
44                           <% queued << k %>
45                         <% end %>
46                       <% end %>
47                     <% end %>
48                     <% completed_pct = (completed.size * 100) / p.components.size %>
49                     <% failed_pct = (failed.size * 100) / p.components.size %>
50                     <% running_pct = (running.size * 100) / p.components.size %>
51                     <% queued_pct = (queued.size * 100) / p.components.size %>
52
53                     <div class="progress-bar progress-bar-success" style="width: <%= completed_pct %>%">
54                       <span class="sr-only"></span>
55                     </div>
56                     <div class="progress-bar progress-bar-danger" style="width: <%= failed_pct %>%">
57                       <span class="sr-only"></span>
58                     </div>
59                     <div class="progress-bar progress-bar-primary" style="width: <%= running_pct %>%">
60                       <span class="sr-only"></span>
61                     </div>
62                     <div class="progress-bar progress-bar-default" style="width: <%= queued_pct %>%">
63                       <span class="sr-only"></span>
64                     </div>
65                   </div>
66                 </div>
67               </div>
68
69               <div class="clearfix">
70                 Started at <span class="utc-date" data-utc-date="<%= p[:started_at] || p[:created_at] %>"
71                                  data-utc-date-opts="noseconds"><%= p[:created_at] %></span>.
72                 <% pipeline_time = Time.now - (p[:started_at] || p[:created_at]) %>
73                 Active for <%= runtime(pipeline_time, false) %>.
74
75                 <div class="pull-right">
76                   <% running.each do |k| %>
77                     <span class="label label-primary"><%= k %></span>
78                   <% end %>
79                   <% queued.each do |k| %>
80                     <span class="label label-default"><%= k %></span>
81                   <% end %>
82                 </div>
83               </div>
84             </div>
85           <% end %>
86           </div>
87       </div>
88
89       <div class="panel panel-default">
90         <div class="panel-heading"><span class="panel-title">Recently finished pipelines</span></div>
91         <div class="panel-body">
92           <% finished_pipelines(8).each do |p| %>
93             <div class="dashboard-panel-info-row">
94               <div class="row">
95                 <div class="col-md-6 x-ellip">
96                   <%= link_to_if_arvados_object p, friendly_name: true %>
97                 </div>
98                 <div class="col-md-2">
99                   <%= render partial: "pipeline_status_label", locals: {p: p}%>
100                 </div>
101                 <div class="col-md-4">
102                   <span class="utc-date" data-utc-date="<%= p[:finished_at] || p[:modified_at] %>"
103                         data-utc-date-opts="noseconds"><%= p[:modified_at] %></span>
104                 </div>
105               </div>
106               <div class="row">
107                 <div class="col-md-12">
108                   <% if p[:started_at] and p[:finished_at] %>
109                     <% pipeline_time = p[:finished_at] - p[:started_at] %>
110                     Active for <%= runtime(pipeline_time, false) %>
111                   <% end %>
112
113                   <span class="pull-right x-ellip" style="max-width: 100%">
114                     <% outputs = [] %>
115                     <% p.components.each do |k, c| %>
116                       <% outputs << c[:output_uuid] if c[:output_uuid] %>
117                     <% end %>
118                     <% if outputs.size == 0 %>
119                       No output.
120                     <% elsif outputs.size == 1 %>
121                       <i class="fa fa-fw fa-archive"></i> <%= link_to_if_arvados_object outputs[0], friendly_name: true %>
122                     <% else %>
123                       <a href="#<%= p[:uuid] %>-outputs" data-toggle="collapse">Outputs <span class="caret"></span></a>
124                     <% end %>
125                   </span>
126                 </div>
127               </div>
128
129               <div class="row collapse" id="<%= p[:uuid] %>-outputs" >
130                 <div class="col-md-12">
131                   <div class="pull-right" style="max-width: 100%">
132                     <% outputs.each do |out| %>
133                       <div class="x-ellip">
134                         <i class="fa fa-fw fa-archive"></i> <%= link_to_if_arvados_object out, friendly_name: true %>
135                       </div>
136                     <% end %>
137                   </div>
138                 </div>
139               </div>              
140             </div>
141           <% end %>
142         </div>
143       </div>
144     </div>
145
146     <div class="col-md-6">
147       <% nodes = Node.all %>
148       <div class="panel panel-default">
149         <div class="panel-heading"><span class="panel-title"><a data-toggle="collapse" href="#compute_node_status">Compute node status <span class="caret"></span></a></span></div>
150         <div class="panel-body">
151           <div class="compute-node-summary" data-toggle="collapse" href="#compute_node_status">
152             <%= render partial: 'compute_node_summary', locals: {nodes: nodes} %>
153           </div>
154           <div id="compute_node_status" class="collapse">
155             <%= render partial: 'compute_node_status', locals: {nodes: nodes} %>
156           </div>
157         </div>
158       </div>
159       <div class="panel panel-default">
160         <div class="panel-heading"><span class="panel-title">Recent collections</span></div>
161         <div class="panel-body">
162           <% r = recent_collections(8) %>
163           <% r[:collections].each do |p| %>
164             <div class="dashboard-panel-info-row">
165             <div>
166               <i class="fa fa-fw fa-folder-o"></i><%= link_to_if_arvados_object r[:owners][p[:owner_uuid]], friendly_name: true %>/
167               <span class="pull-right"><span class="utc-date"
168                                              data-utc-date="<%= p[:modified_at] %>"
169                                              data-utc-date-opts="noseconds"><%= p[:modified_at]%></span></span>
170             </div>
171             <div class="x-ellip" style="margin-left: 1em; width: 100%"><%= link_to_if_arvados_object p, friendly_name: true %>
172             </div>
173             </div>
174           <% end %>
175         </div>
176       </div>
177     </div>
178   </div>
179
180 </div>