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" style="min-height: 10.5em">
   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         <% _running_pipelines = running_pipelines %>
  21         <% _finished_pipelines = finished_pipelines(8) %>
  22         <% lookup = preload_objects_for_dataclass PipelineTemplate, (_running_pipelines.map(&:pipeline_template_uuid) + _finished_pipelines.map(&:pipeline_template_uuid)) %>
  23
  24         <div class="panel-body">
  25           <% if _running_pipelines.empty? %>
  26             No pipelines are currently running.
  27           <% else %>
  28           <% _running_pipelines.each do |p| %>
  29             <div class="dashboard-panel-info-row">
  30               <div class="clearfix">
  31                 <%= link_to_if_arvados_object p, {friendly_name: true, lookup: lookup} %>
  32
  33                 <div class="pull-right" style="width: 40%">
  34                   <div class="progress" style="margin-bottom: 0px">
  35                     <% running = [] %>
  36                     <% failed = [] %>
  37                     <% completed = [] %>
  38                     <% queued = [] %>
  39                     <% p.components.each do |k, v| %>
  40                       <% if v.is_a? Hash and v[:job] %>
  41                         <% if v[:job][:state] == "Running" %>
  42                           <% running << k %>
  43                         <% elsif v[:job][:state] == "Failed" or v[:job][:state] == "Cancelled" %>
  44                           <% failed << k %>
  45                         <% elsif v[:job][:state] == "Complete" %>
  46                           <% completed << k %>
  47                         <% elsif v[:job][:state] == "Queued" %>
  48                           <% queued << k %>
  49                         <% end %>
  50                       <% end %>
  51                     <% end %>
  52                     <% completed_pct = (completed.size * 100) / p.components.size %>
  53                     <% failed_pct = (failed.size * 100) / p.components.size %>
  54                     <% running_pct = (running.size * 100) / p.components.size %>
  55                     <% queued_pct = (queued.size * 100) / p.components.size %>
  56
  57                     <div class="progress-bar progress-bar-success" style="width: <%= completed_pct %>%">
  58                       <span class="sr-only"></span>
  59                     </div>
  60                     <div class="progress-bar progress-bar-danger" style="width: <%= failed_pct %>%">
  61                       <span class="sr-only"></span>
  62                     </div>
  63                     <div class="progress-bar progress-bar-primary" style="width: <%= running_pct %>%">
  64                       <span class="sr-only"></span>
  65                     </div>
  66                     <div class="progress-bar progress-bar-default" style="width: <%= queued_pct %>%">
  67                       <span class="sr-only"></span>
  68                     </div>
  69                   </div>
  70                 </div>
  71               </div>
  72
  73               <div class="clearfix">
  74                 Started at <%= render_localized_date(p[:started_at] || p[:created_at], "noseconds") %>.
  75                 <% pipeline_time = Time.now - (p[:started_at] || p[:created_at]) %>
  76                 Active for <%= render_runtime(pipeline_time, false) %>.
  77
  78                 <div class="pull-right">
  79                   <% running.each do |k| %>
  80                     <span class="label label-primary"><%= k %></span>
  81                   <% end %>
  82                   <% queued.each do |k| %>
  83                     <span class="label label-default"><%= k %></span>
  84                   <% end %>
  85                 </div>
  86               </div>
  87             </div>
  88           <% end %>
  89           <% end %>
  90           </div>
  91       </div>
  92
  93       <div class="panel panel-default">
  94         <div class="panel-heading"><span class="panel-title">Recently finished pipelines</span>
  95           <span class="pull-right">
  96             <%= link_to pipeline_instances_path, class: 'btn btn-default btn-xs' do %>
  97               All pipelines <i class="fa fa-fw fa-arrow-circle-right"></i>
  98             <% end %>
  99           </span>
 100         </div>
 101         <div class="panel-body">
 102           <% _finished_pipelines.each do |p| %>
 103             <div class="dashboard-panel-info-row">
 104               <div class="row">
 105                 <div class="col-md-6 text-overflow-ellipsis">
 106                   <%= link_to_if_arvados_object p, {friendly_name: true, lookup: lookup} %>
 107                 </div>
 108                 <div class="col-md-2">
 109                   <%= render partial: "pipeline_status_label", locals: {p: p}%>
 110                 </div>
 111                 <div class="col-md-4">
 112                   <%= render_localized_date(p[:finished_at] || p[:modified_at], "noseconds") %>
 113                 </div>
 114               </div>
 115               <div class="row">
 116                 <div class="col-md-12">
 117                   <% if p[:started_at] and p[:finished_at] %>
 118                     <% pipeline_time = p[:finished_at] - p[:started_at] %>
 119                     Active for <%= render_runtime(pipeline_time, false) %>
 120                   <% end %>
 121
 122                   <span class="pull-right text-overflow-ellipsis" style="max-width: 100%">
 123                     <% outputs = [] %>
 124                     <% p.components.each do |k, c| %>
 125                       <% outputs << c[:output_uuid] if c[:output_uuid] %>
 126                     <% end %>
 127                     <% if outputs.size == 0 %>
 128                       No output.
 129                     <% elsif outputs.size == 1 %>
 130                       <i class="fa fa-fw fa-archive"></i> <%= link_to_if_arvados_object outputs[0], friendly_name: true %>
 131                     <% else %>
 132                       <a href="#<%= p[:uuid] %>-outputs" data-toggle="collapse">Outputs <span class="caret"></span></a>
 133                     <% end %>
 134                   </span>
 135                 </div>
 136               </div>
 137
 138               <div class="row collapse" id="<%= p[:uuid] %>-outputs" >
 139                 <div class="col-md-12">
 140                   <div class="pull-right" style="max-width: 100%">
 141                     <% outputs.each do |out| %>
 142                       <div class="text-overflow-ellipsis">
 143                         <i class="fa fa-fw fa-archive"></i> <%= link_to_if_arvados_object out, friendly_name: true %>
 144                       </div>
 145                     <% end %>
 146                   </div>
 147                 </div>
 148               </div>
 149             </div>
 150           <% end %>
 151         </div>
 152       </div>
 153     </div>
 154
 155     <div class="col-md-6">
 156       <% nodes = Node.all %>
 157       <div class="panel panel-default" style="min-height: 10.5em">
 158         <div class="panel-heading"><span class="panel-title">Compute and job status</span>
 159           <span class="pull-right">
 160             <%= link_to jobs_path, class: 'btn btn-default btn-xs' do %>
 161               All jobs <i class="fa fa-fw fa-arrow-circle-right"></i>
 162             <% end %>
 163           </span>
 164         </div>
 165         <div class="panel-body">
 166           <div>
 167             <%= render partial: 'compute_node_summary', locals: {nodes: nodes} %>
 168             <div style="text-align: center">
 169               <a data-toggle="collapse" href="#compute_node_status">Details <span class="caret"></span></a>
 170             </div>
 171           </div>
 172           <div id="compute_node_status" class="collapse">
 173             <%= render partial: 'compute_node_status', locals: {nodes: nodes} %>
 174           </div>
 175         </div>
 176       </div>
 177       <div class="panel panel-default">
 178         <div class="panel-heading"><span class="panel-title">Recent collections</span>
 179           <span class="pull-right">
 180             <%= link_to collections_path, class: 'btn btn-default btn-xs' do %>
 181               All collections <i class="fa fa-fw fa-arrow-circle-right"></i>
 182             <% end %>
 183           </span>
 184         </div>
 185         <div class="panel-body">
 186           <% r = recent_collections(8) %>
 187           <% r[:collections].each do |p| %>
 188             <div class="dashboard-panel-info-row">
 189             <div>
 190               <i class="fa fa-fw fa-folder-o"></i><%= link_to_if_arvados_object r[:owners][p[:owner_uuid]], friendly_name: true %>/
 191               <span class="pull-right"><%= render_localized_date(p[:modified_at], "noseconds") %></span>
 192             </div>
 193             <div class="text-overflow-ellipsis" style="margin-left: 1em; width: 100%"><%= link_to_if_arvados_object p, {friendly_name: true, no_tags: true} %>
 194             </div>
 195             </div>
 196           <% end %>
 197         </div>
 198       </div>
 199     </div>
 200   </div>
 201
 202 </div>