More job details in pm

apps/dashboard/app/helpers/active_jobs_helper.rb

@@ -61,27 +61,7 @@ def has_grafana(host)
   end
 
   def status_label(status)
-    case status
-    when "completed"
-      label = "Completed"
-      labelclass = "bg-success"
-    when "running"
-      label = "Running"
-      labelclass = "bg-primary"
-    when "queued"
-      label = "Queued"
-      labelclass = "bg-info"
-    when "queued_held"
-      label = "Hold"
-      labelclass = "bg-warning"
-    when "suspended"
-      label = "Suspend"
-      labelclass = "bg-warning"
-    else
-      label = "Undetermined"
-      labelclass = "bg-secondary"
-    end
-    "<span class='badge #{labelclass}'>#{label}</span>".html_safe
+    "<span class='badge #{status_class(status)}'>#{status_text(status)}</span>".html_safe
   end
 
   def filters

apps/dashboard/app/helpers/application_helper.rb

@@ -110,4 +110,40 @@ def custom_javascript_paths
       { src: File.join(@user_configuration.public_url, js_file_src), type: js_file_type }
     end.compact
   end
+
+  # Assigns text corresponding to a job status
+  def status_text(status)
+    case status
+    when 'completed'
+      'Completed'
+    when 'running'
+      'Running'
+    when 'queued'
+      'Queued'
+    when 'qued_held'
+      'Hold'
+    when 'suspended'
+      'Suspend'
+    else
+      'Undetermined'
+    end
+  end
+
+  # Assigns a bootstrap class corresponding to the status of a job
+  def status_class(status)
+    case status
+    when 'completed'
+      'bg-success'
+    when 'running'
+      'bg-primary'
+    when 'queued'
+      'bg-info'
+    when 'queued_held'
+      'bg-warning'
+    when 'suspended'
+      'bg-warning'
+    else
+      'bg-secondary'
+    end
+  end
 end

apps/dashboard/app/helpers/projects_helper.rb

@@ -14,4 +14,53 @@ def render_readme(readme_location)
       simple_format(file_content)
     end
   end
+
+  # Organizes job information in a manner that is easily displayed
+  def readable_job_data(job)
+    account_info = {}
+    status_info = {}
+    job_info = {}
+    job.to_h.each do |key, value|
+      unless value.nil?
+        case key
+        when 'job_name'
+          account_info['Job Name'] = value
+        when 'job_owner'
+          account_info['Job Owner'] = value
+        when 'accounting_id'
+          account_info['Account'] = value
+        when 'submission_time'
+          status_info['Submission Time'] = value
+        when 'dispatch_time'
+          status_info['Dispatch Time'] = value
+        when 'wallclock_time'
+          status_info['Time Used'] = value
+        when 'wallclock_limit'
+          status_info['Time Remaining'] = value - job.wallclock_time
+        when 'cluster'
+          job_info['Cluster'] = value
+        when 'queue_name'
+          job_info['Queue Name'] = value
+        when 'procs'
+          job_info['CPUs'] = value
+        when 'allocated_nodes'
+          job_info['Allocated Nodes'] = value unless value.empty?
+        when 'gpus'
+          job_info['GPUs'] = value
+        when 'nodes'
+          job_info['Nodes'] = value
+        when 'min_memory'
+          job_info['Minimum Memory'] = value
+        when 'tasks'
+          job_info['Tasks'] = value unless value.empty?
+        end
+      end
+    end
+
+    {
+      'Account Information': account_info,
+      'Job Status': status_info,
+      'Job Information': job_info
+    }
+  end
 end

apps/dashboard/app/views/projects/_job_details.turbo_stream.erb

@@ -5,8 +5,25 @@
 
 <turbo-stream action="replace" target="<%= id %>">
   <template>
-    <div>
-      <%= job.id %> is currently <%= job.status.to_s %>.
+    <button class="badge <%= status_class(job.status.to_s) %> rounded-pill border-0 btn" type="button" data-bs-toggle="collapse" data-bs-target="#<%= id %>Data">
+      <span>
+        <%= job.id %> <%= status_text(job.status.to_s) %>
+      </span>
+    </button>
+    <div class="collapse" id="<%= id %>Data">
+      <div class="card card-body">
+        <% readable_job_data(job).each do |category_name, category| %>
+          <table class="table table-bordered table-sm m-0 mb-2">
+            <thead><%= category_name %></thead>
+            <% category.each do |name, value| %>
+              <tr>
+                <td><strong><%= name %></strong></td>
+                <td><%= value %></td>
+              </tr>
+            <% end %>
+          <% end %>
+        </table>
+      </div>
     </div>
     </template>
 </turbo-stream>