good_job 3.0.2 → 3.3.0

data/app/views/good_job/jobs/_table.erb

@@ -1,122 +1,151 @@
-<div class="my-3">
-  <div class="table-responsive">
-    <%= form_with(url: mass_update_jobs_path(filter.to_params), method: :put, local: true, data: { "checkbox-toggle": "job_ids" }) do |form| %>
-      <table class="table table-hover table-sm mb-0 table-jobs">
-        <thead>
-          <tr>
-            <th><%= check_box_tag('toggle_job_ids', "1", false, data: { "checkbox-toggle-all": "job_ids" }) %></th>
-            <th>ActiveJob ID</th>
-            <th>State</th>
-            <th>Job Class</th>
-            <th>Queue</th>
-            <th>Scheduled At</th>
-            <th>Executions</th>
-            <th>Error</th>
-            <th>
-              ActiveJob Params&nbsp;
-              <%= tag.button "Toggle", type: "button", class: "btn btn-sm btn-outline-primary", role: "button",
-                             data: { bs_toggle: "collapse", bs_target: ".job-params" },
-                             aria: { expanded: false, controls: jobs.map { |job| "##{dom_id(job, "params")}" }.join(" ") }
-              %>
-            </th>
-            <th>
-              Actions<br>
+<%= form_with(url: mass_update_jobs_path(filter.to_params), method: :put, local: true, data: { "checkbox-toggle": "job_ids" }) do |form| %>
+<div class="my-3 card" data-gj-poll-replace id="jobs-table">
+  <div class="list-group list-group-flush text-nowrap table-jobs" role="table">
+    <header class="list-group-item bg-light">
+      <div class="row small text-muted text-uppercase align-items-center">
+        <div class="col-auto">
+          <%= check_box_tag('toggle_job_ids', "1", false, data: { "checkbox-toggle-all": "job_ids" }) %>
+        </div>
+        <div class="col-4">
+          <%= form.button type: 'submit', name: 'mass_action', value: 'reschedule', class: 'btn btn-sm btn-outline-secondary', title: "Reschedule all", data: { confirm: "Are you sure you want to reschedule the selected jobs?", disable: true } do %>
+            <span class="me-1"><%= render_icon "skip_forward" %></span> Reschedule
+          <% end %>
 
-              <div class="d-inline text-nowrap">
-                <%= form.button type: 'submit', name: 'mass_action', value: 'reschedule', class: 'btn btn-sm btn-outline-primary', title: "Reschedule all", data: { confirm: "Confirm reschedule all", disable: true } do %>
-                  <%= render_icon "skip_forward" %> All
-                <% end %>
+          <%= form.button type: 'submit', name: 'mass_action', value: 'retry', class: 'btn btn-sm btn-outline-secondary', title: "Retry all", data: { confirm: "Are you sure you want to retry the selected jobs?", disable: true } do %>
+            <span class="me-1"><%= render_icon "arrow_clockwise" %></span> Retry
+          <% end %>
 
-                <%= form.button type: 'submit', name: 'mass_action', value: 'discard', class: 'btn btn-sm btn-outline-primary', title: "Discard all", data: { confirm: "Confirm discard all", disable: true } do %>
-                  <%= render_icon "stop" %> All
+          <div class="btn-group" role="group">
+            <%= form.button type: 'submit', name: 'mass_action', value: 'discard', class: 'btn btn-sm btn-outline-secondary', title: "Discard all", data: { confirm: "Are you usure you want to discard the selected jobs?", disable: true } do %>
+              <span class="me-1"><%= render_icon "stop" %></span> Discard
+            <% end %>
+            <button id="destroy-dropdown-toggle" type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
+              <span class="visually-hidden">Toggle Actions</span>
+            </button>
+            <div class="dropdown-menu" aria-labelledby="destroy-dropdown-toggle">
+              <li>
+                <%= form.button type: 'submit', name: 'mass_action', value: 'destroy', class: 'btn', title: "Destroy all", data: { confirm: "Are you sure you want to destroy the selected jobs?", disable: true } do %>
+                  <span class="me-1"><%= render_icon "trash" %></span> Destroy
                 <% end %>
+              </li>
+            </div>
+          </div>
 
-                <%= form.button type: 'submit', name: 'mass_action', value: 'retry', class: 'btn btn-sm btn-outline-primary', title: "Retry all", data: { confirm: "Confirm retry all", disable: true } do %>
-                  <%= render_icon "arrow_clockwise" %> All
-                <% end %>
+        </div>
+        <div class="col-1">Queue</div>
+        <div class="col-1">Priority</div>
+        <div class="col-1 text-end">Attempts</div>
+        <div class="col text-end">
+          <%= tag.button type: "button", class: "btn btn-sm text-muted", role: "button",
+                  data: { bs_toggle: "collapse", bs_target: ".job-params" },
+                  aria: { expanded: false, controls: jobs.map { |job| "##{dom_id(job, "params")}" }.join(" ") } do %>
+              <%= render_icon "info" %>
+              <span class="visually-hidden">Inspect</span>
+          <% end %>
+        </div>
+      </div>
+    </header>
+    <label role="row" class="list-group-item list-group-item-warning list-group-item-action py-3 d-none" data-checkbox-toggle-show="job_ids">
+      <div class="row">
+        <div class="col-auto">
+          <%= check_box_tag "all_job_ids", 1, false, disabled: true, data: { "checkbox-toggle-show": "job_ids"} %>
+        </div>
+        <div class="col-auto">
+          Apply to all <%= filter.filtered_count %> <%= "job".pluralize(filter.filtered_count) %>.
+        </div>
+      </div>
+    </label>
 
-                <%= form.button type: 'submit', name: 'mass_action', value: 'destroy', class: 'btn btn-sm btn-outline-primary', title: "Destroy all", data: { confirm: "Confirm destroy all", disable: true } do %>
-                  <%= render_icon "trash" %> All
-                <% end %>
-              </div>
-            </th>
-          </tr>
-          <tr class="d-none" data-checkbox-toggle-show="job_ids">
-            <td class="text-center table-warning" colspan="10">
-              <label>
-                <%= check_box_tag "all_job_ids", 1, false, disabled: true, data: { "checkbox-toggle-show": "job_ids"} %>
-                Apply to all <%= filter.filtered_count %> <%= "job".pluralize(filter.filtered_count) %>.
-              </label>
-            </td>
-          </tr>
-        </thead>
-        <tbody>
-          <% if jobs.present? %>
-            <% jobs.each do |job| %>
-              <tr class="<%= dom_class(job) %>" id="<%= dom_id(job) %>">
-                <td><%= check_box_tag 'job_ids[]', job.id, false, data: { "checkbox-toggle-each": "job_ids" } %></td>
-                <td>
-                  <%= link_to job_path(job.id) do %>
-                    <code><%= job.id %></code>
-                  <% end %>
-                </td>
-                <td><%= status_badge(job.status) %></td>
-                <td><%= job.job_class %></td>
-                <td><%= job.queue_name %></td>
-                <td><%= relative_time(job.scheduled_at || job.created_at) %></td>
-                <td><%= job.executions_count %></td>
-                <td class="text-break"><%= truncate(job.recent_error, length: 1_000) %></td>
-                <td>
-                  <%= tag.button "Inspect", type: "button", class: "btn btn-sm btn-outline-primary", role: "button",
-                                 data: { bs_toggle: "collapse", bs_target: "##{dom_id(job, 'params')}" },
-                                 aria: { expanded: false, controls: dom_id(job, "params") }
-                  %>
-                  <%= tag.pre JSON.pretty_generate(job.serialized_params), id: dom_id(job, "params"), class: "collapse job-params" %>
-                </td>
-                <td>
-                  <div class="text-nowrap">
-                    <% if job.status.in? [:scheduled, :retried, :queued] %>
-                      <%= link_to reschedule_job_path(job.id), method: :put, class: "btn btn-sm btn-outline-primary", title: "Reschedule job", data: { confirm: "Confirm reschedule", disable: true } do %>
-                        <%= render_icon "skip_forward" %>
-                      <% end %>
-                    <% else %>
-                      <button class="btn btn-sm btn-outline-secondary" disabled><%= render_icon "skip_forward" %></button>
+    <% if jobs.present? %>
+      <% jobs.each do |job| %>
+        <%= label_tag dom_id(job, :checkbox), id: dom_id(job), role: "row", class: "list-group-item list-group-item-action py-3" do %>
+          <div class="row align-items-center">
+            <div class="col-auto">
+              <%= check_box_tag 'job_ids[]', job.id, false, id: dom_id(job, :checkbox), data: { "checkbox-toggle-each": "job_ids" } %>
+            </div>
+            <div class="col-4">
+              <%= tag.code link_to(job.id, job_path(job), class: "small text-muted text-decoration-none") %>
+              <%= tag.h5 tag.code(link_to(job.job_class, job_path(job), class: "text-reset text-decoration-none")), class: "text-reset mb-0" %>
+            </div>
+            <div class="col-1">
+              <span class="badge bg-primary bg-opacity-25 text-dark font-monospace"><%= job.queue_name %></span>
+            </div>
+            <div class="col-1 small text-center">
+              <span class="font-monospace fw-bold"><%= job.priority %></span>
+            </div>
+            <div class="col-1 text-center">
+              <% if job.executions_count > 0 && job.status != :finished %>
+                <%= tag.span job.executions_count, class: "badge rounded-pill bg-danger", data: {
+                      bs_toggle: "popover",
+                      bs_trigger: "hover focus click",
+                      bs_placement: "bottom",
+                      bs_content: job.recent_error
+                } %>
+              <% else %>
+                <span class="badge bg-secondary bg-opacity-50 rounded-pill"><%= job.executions_count %></span>
+              <% end %>
+            </div>
+            <div class="col d-flex gap-3 align-items-center justify-content-end">
+              <%= tag.span relative_time(job.last_status_at), class: "small" %>
+              <%= status_badge job.status %>
+            </div>
+            <div class="col-auto">
+              <div class="dropdown float-end">
+                <button class="d-flex align-items-center btn btn-sm" type="button" id="<%= dom_id(job, :actions) %>" data-bs-toggle="dropdown" aria-expanded="false">
+                  <%= render "good_job/shared/icons/dots" %>
+                  <span class="visually-hidden">Actions</span>
+                </button>
+                <ul class="dropdown-menu shadow" aria-labelledby="<%= dom_id(job, :actions) %>">
+                  <li>
+                    <% job_reschedulable = job.status.in? [:scheduled, :retried, :queued] %>
+                    <%= link_to reschedule_job_path(job.id), method: :put, class: "dropdown-item #{'disabled' unless job_reschedulable}", title: "Reschedule job", data: { confirm: "Confirm reschedule", disable: true } do %>
+                      <%= render "good_job/shared/icons/skip_forward" %>
+                      Reschedule
                     <% end %>
-
-                    <% if job.status.in? [:scheduled, :retried, :queued] %>
-                      <%= link_to discard_job_path(job.id), method: :put, class: "btn btn-sm btn-outline-primary", title: "Discard job", data: { confirm: "Confirm discard", disable: true } do %>
-                        <%= render_icon "stop" %>
-                      <% end %>
-                    <% else %>
-                      <button class="btn btn-sm btn-outline-secondary" disabled><%= render_icon "stop" %></button>
+                  </li>
+                  <li>
+                    <% job_discardable = job.status.in? [:scheduled, :retried, :queued] %>
+                    <%= link_to discard_job_path(job.id), method: :put, class: "dropdown-item #{'disabled' unless job_discardable}", title: "Discard job", data: { confirm: "Confirm discard", disable: true } do %>
+                      <%= render "good_job/shared/icons/stop" %>
+                      Discard
                     <% end %>
-
-                    <% if job.status == :discarded %>
-                      <%= link_to retry_job_path(job.id), method: :put, class: "btn btn-sm btn-outline-primary", title: "Retry job", data: { confirm: "Confirm retry", disable: true } do %>
-                        <%= render_icon "arrow_clockwise" %>
-                      <% end %>
-                    <% else %>
-                      <button class="btn btn-sm btn-outline-secondary" disabled><%= render_icon "arrow_clockwise" %></button>
+                  </li>
+                  <li>
+                    <%= link_to retry_job_path(job.id), method: :put, class: "dropdown-item #{'disabled' unless job.status == :discarded}", title: "Retry job", data: { confirm: "Confirm retry", disable: true } do %>
+                      <%= render "good_job/shared/icons/arrow_clockwise" %>
+                      Retry
+                    <% end %>
+                  </li>
+                  <li>
+                    <%= link_to job_path(job.id), method: :delete, class: "dropdown-item #{'disabled' unless job.status.in? [:discarded, :finished]}", title: "Destroy job", data: { confirm: "Confirm destroy", disable: true } do %>
+                      <%= render_icon "trash" %>
+                      Destroy
                     <% end %>
+                  </li>
 
-                    <% if job.status.in? [:discarded, :finished] %>
-                      <%= link_to job_path(job.id), method: :delete, class: "btn btn-sm btn-outline-primary", title: "Destroy job", data: { confirm: "Confirm destroy", disable: true } do %>
-                        <%= render_icon "trash" %>
-                      <% end %>
-                    <% else %>
-                      <button class="btn btn-sm btn-outline-secondary" disabled><%= render_icon "trash" %></button>
+                  <li>
+                    <%= link_to "##{dom_id(job, 'params')}",
+                      class: "dropdown-item",
+                      data: { bs_toggle: "collapse" },
+                      aria: { expanded: false, controls: dom_id(job, "params") } do %>
+                      <%= render_icon "info" %>
+                      Inspect
                     <% end %>
-                  </div>
-                </td>
-              </tr>
-            <% end %>
-          <% else %>
-            <tr>
-              <td colspan="10" class="py-2 text-center text-muted">No jobs found.</td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        <% end %>
+        <%= tag.div id: dom_id(job, "params"), class: "job-params list-group-item collapse small bg-dark text-light" do %>
+          <%= tag.pre JSON.pretty_generate(job.display_serialized_params) %>
+        <% end %>
+      <% end %>
+    <% else %>
+      <div class="list-group-item py-4 text-center text-muted">
+        No jobs found.
+      </div>
     <% end %>
   </div>
 </div>
+<% end %>

data/app/views/good_job/jobs/show.html.erb

@@ -1,48 +1,57 @@
 <div class="break-out bg-light border-bottom py-2 mb-3">
   <div class="container-fluid pt-2">
-    <div class="d-flex align-items-center">
-      <div class="flex-fill">
+    <div class="row align-items-center">
+      <div class="col-5">
         <nav aria-label="breadcrumb">
           <ol class="breadcrumb small mb-0">
             <li class="breadcrumb-item"><%= link_to "Jobs", jobs_path %></li>
-            <li class="breadcrumb-item active" aria-current="page">ActiveJob ID: <%= tag.code @job.id %></li>
+            <li class="breadcrumb-item active" aria-current="page"><%= tag.code @job.id, class: "text-muted" %></li>
           </ol>
         </nav>
-        <h2 class="mb-1"><%= tag.code @job.job_class %></h2>
-        <div class="text-muted small d-flex gap-2">
-            <div>Queue: <%= tag.strong @job.queue_name %></div>
-            •
-            <div>Priority: <%= tag.strong @job.priority %></div>
+        <h2 class="mb-0"><%= tag.code @job.job_class %></h2>
+      </div>
+      <div class="col-2">
+        <div class="small text-muted text-uppercase">Queue</div>
+        <div class="badge bg-primary bg-opacity-25 text-dark font-monospace my-2">
+          <%= tag.strong @job.queue_name %>
         </div>
       </div>
-      <div>
-        <% job_reschedulable = @job.status.in? [:scheduled, :retried, :queued] %>
-        <%= button_to reschedule_job_path(@job.id), method: :put,
-            class: "btn btn-sm #{job_reschedulable ? 'btn-outline-primary' : 'btn-outline-secondary'}",
-            form_class: "d-inline-block",
-            disabled: !job_reschedulable,
-            aria: { label: "Reschedule job" },
-            title: "Reschedule job",
-            data: { confirm: "Confirm reschedule" } do %>
-          <%= render_icon "skip_forward" %>
-          Reschedule
+      <div class="col-2">
+        <div class="small text-muted text-uppercase">Priority</div>
+        <div class="font-monospace fw-bold small my-2"><%= tag.strong @job.priority %></div>
+      </div>
+      <div class="col text-end">
+        <% if @job.status.in? [:scheduled, :retried, :queued] %>
+          <%= button_to reschedule_job_path(@job.id), method: :put,
+              class: "btn btn-sm btn-outline-primary",
+              form_class: "d-inline-block",
+              aria: { label: "Reschedule job" },
+              title: "Reschedule job",
+              data: { confirm: "Confirm reschedule" } do %>
+            <%= render_icon "skip_forward" %>
+            Reschedule
+          <% end %>
         <% end %>
 
-        <% job_discardable = @job.status.in? [:scheduled, :retried, :queued] %>
-        <%= button_to discard_job_path(@job.id), method: :put, class: "btn btn-sm #{job_discardable ? 'btn-outline-primary' : 'btn-outline-secondary'}", form_class: "d-inline-block", disabled: !job_discardable, aria: { label: "Discard job" }, title: "Discard job", data: { confirm: "Confirm discard" } do %>
-          <%= render_icon "stop" %>
-          Discard
+        <% if @job.status.in? [:scheduled, :retried, :queued] %>
+          <%= button_to discard_job_path(@job.id), method: :put, class: "btn btn-sm btn-outline-primary", form_class: "d-inline-block", aria: { label: "Discard job" }, title: "Discard job", data: { confirm: "Confirm discard" } do %>
+            <%= render_icon "stop" %>
+            Discard
+          <% end %>
         <% end %>
 
-        <%= button_to retry_job_path(@job.id), method: :put, class: "btn btn-sm #{@job.status == :discarded ? 'btn-outline-primary' : 'btn-outline-secondary'}", form_class: "d-inline-block", disabled: @job.status != :discarded, aria: { label: "Retry job" }, title: "Retry job", data: { confirm: "Confirm retry" } do %>
-          <%= render_icon "arrow_clockwise" %>
-          Retry
+        <% if @job.status == :discarded %>
+          <%= button_to retry_job_path(@job.id), method: :put, class: "btn btn-sm btn-outline-primary", form_class: "d-inline-block", aria: { label: "Retry job" }, title: "Retry job", data: { confirm: "Confirm retry" } do %>
+            <%= render_icon "arrow_clockwise" %>
+            Retry
+          <% end %>
         <% end %>
 
-        <% job_destroyable = @job.status.in? [:discarded, :finished] %>
-        <%= button_to job_path(@job.id), method: :delete, class: "btn btn-sm #{job_destroyable ? 'btn-outline-primary' : 'btn-outline-secondary'}", form_class: "d-inline-block", disabled: !job_destroyable, aria: { label: "Destroy job" }, title: "Destroy job", data: { confirm: "Confirm destroy" } do %>
-          <%= render_icon "trash" %>
-          Destroy
+        <% if @job.status.in? [:discarded, :finished] %>
+          <%= button_to job_path(@job.id), method: :delete, class: "btn btn-sm btn-outline-primary", form_class: "d-inline-block", aria: { label: "Destroy job" }, title: "Destroy job", data: { confirm: "Confirm destroy" } do %>
+            <%= render_icon "trash" %>
+            Destroy
+          <% end %>
         <% end %>
       </div>
     </div>
@@ -51,7 +60,7 @@
 
 <div class="my-4">
   <h5>Arguments</h5>
-  <%= tag.pre @job.serialized_params["arguments"].map(&:inspect).join(', ') %>
+  <%= tag.pre @job.serialized_params["arguments"].map(&:inspect).join(', '), class: 'text-wrap text-break' %>
 </div>
 
-<%= render 'executions', executions: @job.executions.reverse %>
+<%= render 'executions', executions: @job.executions.includes_advisory_locks.reverse %>

data/app/views/good_job/processes/index.html.erb

@@ -1,38 +1,66 @@
-<div class="my-3 flex">
-  <h2>Processes</h2>
+<div class="bg-light break-out border-bottom">
+  <h2 class="container-fluid pt-3 pb-2">Processes</h2>
 </div>
 
-<div data-live-poll-region="processes">
-  <% if @processes.present? %>
-    <div class="card my-3">
-      <div class="table-responsive">
-        <table class="table card-table table-bordered table-hover table-sm mb-0">
-          <thead>
-          <tr>
-            <th>Process UUID</th>
-            <th>Created At</th></th>
-            <th>State</th>
-          </tr>
-          </thead>
-          <tbody>
-          <% @processes.each do |process| %>
-            <tr class="<%= dom_class(process) %>" id="<%= dom_id(process) %>">
-              <td><%= process.id %></td>
-              <td><%= relative_time(process.created_at) %></td>
-              <td><%= tag.pre JSON.pretty_generate(process.state) %></td>
-            </tr>
+<div class="card my-3" data-live-poll-region="processes">
+  <div class="list-group list-group-flush text-nowrap" role="table">
+    <header class="list-group-item bg-light">
+      <div class="row small text-muted text-uppercase align-items-center">
+        <div class="col">Process</div>
+        <div class="col">Schedulers</div>
+        <div class="col-2 d-flex gap-2">
+          <span>Started</span>
+        </div>
+        <div class="col-auto">
+          <%= tag.button type: "button", class: "btn btn-sm text-muted ms-auto", role: "button",
+                         data: { bs_toggle: "collapse", bs_target: ".process-state" },
+                         aria: { expanded: false, controls: @processes.map { |process| "##{dom_id(process, 'state')}" }.join(" ") } do %>
+              <%= render_icon "info" %>
+              <span class="visually-hidden">Inspect</span>
           <% end %>
-          </tbody>
-        </table>
+        </div>
       </div>
-    </div>
-  <% else %>
-    <div class="card my-3">
-      <div class="card-body">
-        <p class="card-text">
-          <em>No GoodJob processes found.</em>
-        </p>
+    </header>
+    <% @processes.each do |process| %>
+      <div id="<%= dom_id(process) %>" class="<%= dom_class(process) %> list-group-item py-3" role="row">
+        <div class="row align-items-center">
+          <div class="col">
+            <code class="font-monospace">
+              <span class="text-muted opacity-50">$</span>
+              <%= process.state["proctitle"] %>
+            </code>
+            <div>
+              <span class="text-muted small">PID</span>
+              <span class="badge rounded-pill bg-light text-dark"><%= process.state["pid"] %></span>
+              <span class="text-muted small">@</span>
+              <span class="badge rounded-pill bg-light text-dark"><%= process.state["hostname"] %></span>
+            </div>
+          </div>
+          <div class="col">
+            <% process.state["schedulers"].each do |scheduler| %>
+              <pre class="mb-0"><%= scheduler %></pre>
+            <% end %>
+          </div>
+          <div class="col-2 small"><%= relative_time(process.created_at) %></div>
+          <div class="col-auto">
+            <%= tag.button type: "button", class: "btn btn-sm text-muted ms-auto", role: "button",
+                           title: "Inspect",
+                           data: { bs_toggle: "collapse", bs_target: "##{dom_id(process, 'state')}" },
+                           aria: { expanded: false, controls: dom_id(process, "state") } do %>
+              <%= render_icon "info" %>
+              <span class="visually-hidden">Inspect</span>
+            <% end %>
+          </div>
+        </div>
       </div>
-    </div>
-  <% end %>
+      <%= tag.div id: dom_id(process, "state"), class: "process-state list-group-item collapse small bg-dark text-light" do %>
+        <%= tag.pre JSON.pretty_generate(process.state) %>
+      <% end %>
+    <% end %>
+    <% if @processes.empty? %>
+      <div class="list-group-item py-4 text-center text-muted">
+        No GoodJob processes found.
+      </div>
+    <% end %>
+  </div>
 </div>

data/app/views/good_job/shared/_filter.erb

@@ -11,7 +11,7 @@
         <li class="nav-item">
           <%= link_to url_for({state: name}), class: "nav-link #{"active" if params[:state] == name}" do %>
             <%= t(name, scope: 'good_job.status') %>
-            <span class="badge bg-primary rounded-pill <%= "bg-secondary" if count == 0 %>"><%= count %></span>
+            <span class="badge bg-primary rounded-pill <%= "bg-secondary" if count == 0 %>"><%= number_with_delimiter(count) %></span>
           <% end %>
         </li>
       <% end %>

data/app/views/good_job/shared/_navbar.erb

@@ -8,13 +8,25 @@
     <div class="collapse navbar-collapse" id="navbarSupportedContent">
       <ul class="navbar-nav me-auto">
         <li class="nav-item">
-          <%= link_to t(".jobs"), jobs_path, class: ["nav-link", ("active" if controller_name == 'jobs')] %>
+          <%= link_to jobs_path, class: ["nav-link", ("active" if controller_name == 'jobs')] do %>
+            <%= t(".jobs") %>
+            <% jobs_count = GoodJob::Job.count %>
+            <span class="badge bg-secondary rounded-pill"><%= number_to_human(jobs_count) %></span>
+        <% end %>
         </li>
         <li class="nav-item">
-          <%= link_to t(".cron_schedules"), cron_entries_path, class: ["nav-link", ("active" if controller_name == 'cron_entries')] %>
+          <%= link_to cron_entries_path, class: ["nav-link", ("active" if controller_name == 'cron_entries')] do %>
+            <%= t(".cron_schedules") %>
+            <% cron_entries_count = GoodJob::CronEntry.all.size %>
+            <span class="badge bg-secondary rounded-pill"><%= cron_entries_count %></span>
+        <% end %>
         </li>
         <li class="nav-item">
-          <%= link_to t(".processes"), processes_path, class: ["nav-link", ("active" if controller_name == 'processes')] %>
+          <%= link_to processes_path, class: ["nav-link", ("active" if controller_name == 'processes')] do %>
+            <%= t(".processes") %>
+            <% processes_count = GoodJob::Process.count %>
+            <span class="badge bg-secondary rounded-pill <%= "bg-danger" if processes_count == 0 %>"><%= processes_count %></span>
+          <% end %>
         </li>
       </ul>
       <div class="nav-item pe-2">

data/app/views/good_job/shared/icons/_dots.html.erb

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
+  <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z" />
+</svg>

data/app/views/good_job/shared/icons/_info.html.erb

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
+  <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
+</svg>

data/config/locales/en.yml

@@ -63,3 +63,22 @@ en:
       retried: Retried
       running: Running
       scheduled: Scheduled
+  number:
+    format:
+      delimiter: ","
+      separator: "."
+    human:
+      decimal_units:
+        format: "%n%u"
+        units:
+          billion: B
+          hundred: ''
+          million: M
+          quadrillion: Q
+          thousand: K
+          trillion: T
+          unit: ''
+      format:
+        delimiter: ","
+        precision: 3
+        separator: "."

data/config/locales/es.yml

@@ -63,3 +63,22 @@ es:
       retried: reintentado
       running: Corriendo
       scheduled: Programado
+  number:
+    format:
+      delimiter: " "
+      separator: ","
+    human:
+      decimal_units:
+        format: "%n%u"
+        units:
+          billion: B
+          hundred: ''
+          million: M
+          quadrillion: q
+          thousand: k
+          trillion: T
+          unit: ''
+      format:
+        delimiter: " "
+        precision: 3
+        separator: ","

data/config/locales/nl.yml

@@ -63,3 +63,22 @@ nl:
       retried: Opnieuw geprobeerd
       running: Rennen
       scheduled: Gepland
+  number:
+    format:
+      delimiter: "."
+      separator: ","
+    human:
+      decimal_units:
+        format: "%n%u"
+        units:
+          billion: B
+          hundred: ''
+          million: M
+          quadrillion: Q
+          thousand: K
+          trillion: T
+          unit: ''
+      format:
+        delimiter: "."
+        precision: 3
+        separator: ","

data/config/locales/ru.yml

@@ -87,3 +87,22 @@ ru:
       retried: Повторная попытка
       running: Бег
       scheduled: по расписанию
+  number:
+    format:
+      delimiter: " "
+      separator: ","
+    human:
+      decimal_units:
+        format: "%n%u"
+        units:
+          billion: Б
+          hundred: ''
+          million: М
+          quadrillion: Q
+          thousand: К
+          trillion: Т
+          unit: ''
+      format:
+        delimiter: " "
+        precision: 3
+        separator: ","