3605: Getting jobs/queue_size from API server works. Fixed server-side
[arvados.git] / apps / workbench / app / views / projects / index.html.erb
index 219bad262b59ddac55972c20680887e563e97fe6..e7e87368d6a837538fac9f31a4eff0783249270b 100644 (file)
-<div>
+
   <div class="row">
-    <div class="col-sm-6">
-      <% if my_projects.empty? %>
-        <div class="panel panel-info">
-          <div class="panel-heading">
-            <h3 class="panel-title">
-              Welcome to <b><%= Rails.configuration.site_name %></b>.
-            </h3>
-          </div>
-          <div class="panel-body">
-            <img src="/favicon.ico" class="pull-right" alt="" style="opacity: 0.3"/>
-            <p>
-              This site runs Arvados, the open source biomedical analysis platform. <a href="https://arvados.org" target="_blank">Learn more&hellip;</a>
-            </p>
-            <p>
-              <b>To get started,</b> create a project using the "Add new project" button below.
-            </p>
-          </div>
-        </div>
-      <% end %>
+    <div class="col-md-6">
       <div class="panel panel-default">
-        <div class="panel-heading">
-          <div class="pull-right">
-            <%= button_to projects_path(method: 'post'), class: 'btn btn-xs btn-primary' do %>
-              <i class="fa fa-fw fa-plus"></i>
-              Add new project
-            <% end %>
-          </div>
-          <h3 class="panel-title">
-            My projects
-          </h3>
-        </div>
-        <div class="panel-body scroll-20em">
-          <%= render partial: 'index_projects', locals: {tree: my_project_tree, show_root_node: true} %>
+        <div class="panel-heading"><span class="panel-title">Active pipelines</span>
+          <span class="pull-right">
+    <%= link_to(
+         choose_pipeline_templates_path(
+           title: 'Choose a pipeline to run:',
+           action_name: 'Next: choose inputs <i class="fa fa-fw fa-arrow-circle-right"></i>',
+           action_href: pipeline_instances_path,
+           action_method: 'post',
+           action_data: {'selection_param' => 'pipeline_instance[pipeline_template_uuid]', 'pipeline_instance[owner_uuid]' => current_user.uuid, 'success' => 'redirect-to-created-object'}.to_json),
+         { class: "btn btn-primary btn-xs", remote: true, method: 'get' }) do %>
+      <i class="fa fa-fw fa-gear"></i> Run a pipeline...
+    <% end %>
+    </span>
         </div>
+
+        <div class="panel-body">
+          <% if running_pipelines.empty? %>
+            No pipelines are currently running.
+          <% end %>
+          <% running_pipelines.each do |p| %>
+            <div class="dashboard-panel-info-row">
+              <div class="clearfix">
+                <%= link_to_if_arvados_object p, friendly_name: true %>
+
+                <div class="pull-right" style="width: 40%">
+                  <div class="progress" style="margin-bottom: 0px">
+                    <% running = [] %>
+                    <% failed = [] %>
+                    <% completed = [] %>
+                    <% queued = [] %>
+                    <% p.components.each do |k, v| %>
+                      <% if v[:job] %>
+                        <% if Job::state(v[:job]) == "Running" %>
+                          <% running << k %>
+                        <% elsif Job::state(v[:job]) == "Failed" or Job::state(v[:job]) == "Canceled" %>
+                          <% failed << k %>
+                        <% elsif Job::state(v[:job]) == "Completed" %>
+                          <% completed << k %>
+                        <% elsif Job::state(v[:job]) == "Queued" %>
+                          <% queued << k %>
+                        <% end %>
+                      <% end %>
+                    <% end %>
+                    <% completed_pct = (completed.size * 100) / p.components.size %>
+                    <% failed_pct = (failed.size * 100) / p.components.size %>
+                    <% running_pct = (running.size * 100) / p.components.size %>
+                    <% queued_pct = (queued.size * 100) / p.components.size %>
+
+                    <div class="progress-bar progress-bar-success" style="width: <%= completed_pct %>%">
+                      <span class="sr-only"></span>
+                    </div>
+                    <div class="progress-bar progress-bar-warning" style="width: <%= failed_pct %>%">
+                      <span class="sr-only"></span>
+                    </div>
+                    <div class="progress-bar progress-bar-primary" style="width: <%= running_pct %>%">
+                      <span class="sr-only"></span>
+                    </div>
+                    <div class="progress-bar progress-bar-default" style="width: <%= queued_pct %>%">
+                      <span class="sr-only"></span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <div class="clearfix">
+                Started at <span class="utc-date" data-utc-date="<%= p[:started_at] || p[:created_at] %>"
+                                 data-utc-date-opts="noseconds"><%= p[:created_at] %></span>.
+                <% pipeline_time = Time.now - (p[:started_at] || p[:created_at]) %>
+                Active for <%= runtime(pipeline_time, false) %>.
+
+                <div class="pull-right">
+                  <% running.each do |k| %>
+                    <span class="label label-primary"><%= k %></span>
+                  <% end %>
+                  <% queued.each do |k| %>
+                    <span class="label label-default"><%= k %></span>
+                  <% end %>
+                </div>
+              </div>
+            </div>
+          <% end %>
+          </div>
       </div>
-    </div>
-    <div class="col-sm-6">
+
       <div class="panel panel-default">
-        <div class="panel-heading">
-          <h3 class="panel-title">
-            Projects shared with me
-          </h3>
-        </div>
-        <div class="panel-body scroll-20em">
-          <%= render partial: 'index_projects', locals: {tree: shared_project_tree, show_root_node: false} %>
+        <div class="panel-heading"><span class="panel-title">Recently finished pipelines</span></div>
+        <div class="panel-body">
+          <% finished_pipelines(8).each do |p| %>
+            <div class="dashboard-panel-info-row">
+              <div class="row">
+                <div class="col-md-6 x-ellip">
+                <%= link_to_if_arvados_object p, friendly_name: true %>
+              </div>
+              <div class="col-md-2">
+                <%= render partial: "pipeline_status_label", locals: {p: p}%>
+              </div>
+              <div class="col-md-4">
+                <span class="utc-date" data-utc-date="<%= p[:finished_at] || p[:modified_at] %>"
+                      data-utc-date-opts="noseconds"><%= p[:modified_at] %></span>
+              </div>
+              </div>
+              <div class="row">
+                <div class="col-md-12">
+                  <% if p[:started_at] and p[:finished_at] %>
+                    <% pipeline_time = p[:finished_at] - p[:started_at] %>
+                    Active for <%= runtime(pipeline_time, false) %>
+                  <% end %>
+
+                  <span class="pull-right">
+                    <% outputs = [] %>
+                    <% p.components.each do |k, c| %>
+                      <% outputs << c[:output_uuid] if c[:output_uuid] %>
+                    <% end %>
+                    <% if outputs.size == 0 %>
+                      No output.
+                    <% elsif outputs.size == 1 %>
+                      <i class="fa fa-fw fa-archive"></i> <%= link_to_if_arvados_object outputs[0], friendly_name: true %>
+                    <% else %>
+                      <a href="#<%= p[:uuid] %>" data-toggle="collapse">Outputs <span class="caret"></span></a>
+                    <% end %>
+                  </span>
+                </div>
+              </div>
+
+                <div class="row collapse" id="<%= p[:uuid] %>" >
+                  <div class="col-md-offset-3 col-md-10">
+                    <% outputs.each do |out| %>
+                      <div>
+                        <i class="fa fa-fw fa-archive"></i> <%= link_to_if_arvados_object out, friendly_name: true %>
+                      </div>
+                    <% end %>
+                  </div>
+                </div>
+
+            </div>
+          <% end %>
         </div>
       </div>
     </div>
-  </div>
-  <div class="row">
-    <div class="col-sm-12">
+
+    <div class="col-md-6">
+      <% nodes = Node.all %>
       <div class="panel panel-default">
-        <div class="panel-heading">
-          <div class="pull-right">
-            <%= link_to jobs_path, class: 'btn btn-default btn-xs' do %>
-              All jobs <i class="fa fa-fw fa-arrow-circle-right"></i>
-            <% end %>
-            <%= link_to pipeline_instances_path, class: 'btn btn-default btn-xs' do %>
-              All pipelines <i class="fa fa-fw fa-arrow-circle-right"></i>
-            <% end %>
+        <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>
+        <div class="panel-body">
+          <div class="compute-node-summary" data-toggle="collapse" href="#compute_node_status">
+            <%= render partial: 'compute_node_summary', locals: {nodes: nodes} %>
+          </div>
+          <div id="compute_node_status" class="collapse">
+            <%= render partial: 'compute_node_status', locals: {nodes: nodes} %>
           </div>
-          <h3 class="panel-title">
-            Recent jobs and pipelines
-          </h3>
         </div>
+      </div>
+      <div class="panel panel-default">
+        <div class="panel-heading"><span class="panel-title">Recent collections</span></div>
         <div class="panel-body">
-          <%= render partial: 'index_jobs_and_pipelines' %>
+          <% r = recent_collections(8) %>
+          <% r[:collections].each do |p| %>
+            <div class="dashboard-panel-info-row">
+            <div>
+              <i class="fa fa-fw fa-folder-o"></i><%= link_to_if_arvados_object r[:owners][p[:owner_uuid]], friendly_name: true %>/
+              <span class="pull-right"><span class="utc-date"
+                                             data-utc-date="<%= p[:modified_at] %>"
+                                             data-utc-date-opts="noseconds"><%= p[:modified_at]%></span></span>
+            </div>
+            <div class="x-ellip" style="margin-left: 1em"><%= link_to_if_arvados_object p, friendly_name: true %>
+            </div>
+            </div>
+          <% end %>
         </div>
       </div>
     </div>
   </div>
+
 </div>