sidekiq 6.5.10 → 7.1.6

data/web/locales/ur.yml

@@ -1,80 +1,80 @@
 # elements like %{queue} are variables and should not be translated
 ur:
-  TextDirection: 'rtl'
-  Dashboard: صفحۂ اول
-  Status: اسٹیٹس
-  Time: ﻭﻗﺖ
-  Namespace: Namespace
-  Realtime: ﺑﺮاﮦ ﺭاﺳﺖ
-  History: ﺗﺎﺭﻳﺦ
-  Busy: مصروف
-  Processed: مکمل شدہ
-  Failed: ﻧﺎکاﻡ ﺷﺪﮦ
-  Scheduled: ﻁےﺷﺪﮦ
-  Retries: ﺩﻭﺑﺎﺭﮦ کﻭﺷﻴﺶ
-  Enqueued: قطار ميں شامل
-  Worker: ورکر
-  LivePoll: ﺑﺮاﮦ ﺭاﺳﺖ
-  StopPolling: ﺑﺮاﮦ ﺭاﺳﺖ روکيے
-  Queue: قطار
-  Class: کلاس
-  Job: جاب
-  Arguments: دلائل
-  Extras: اﺻﺎﻑی
-  Started: شروع
-  ShowAll: سارے دکھاو
-  CurrentMessagesInQueue:  قطار ميں موجود تمام پيغامات <span class='title'>%{queue}</span>
+  Actions: ﻋﻮاﻣﻞ
   AddToQueue: ﻗﻄﺎﺭ ميں شامل کريں
+  AreYouSure: کيا یقین ؟
   AreYouSureDeleteJob: کيا آپ یقین جاب حتم کرنا چاھتے ہيں ؟
   AreYouSureDeleteQueue: کيا آپ یقین قطار حتم کرنا چاھتے ہيں ؟
+  Arguments: دلائل
+  BackToApp: ﻭاپﺱ صفحۂ اﻭﻝ پر
+  Busy: مصروف
+  Class: کلاس
+  Connections: کنکشنز
+  CreatedAt: ﺗﺎﺭﻳﺢ آﻏﺎﺯ
+  CurrentMessagesInQueue: قطار ميں موجود تمام پيغامات <span class='title'>%{queue}</span>
+  Dashboard: صفحۂ اول
+  Dead: ختم شدہ
+  DeadJobs: ختم شدہ جاب
   Delete: ﺣﺬﻑ
-  Queues: قطاريں
-  Size: ﺣﺠﻢ
-  Actions: ﻋﻮاﻣﻞ
-  NextRetry: اگلی کﻭﺷﻴﺶ
-  RetryCount: دوبارہ کوشش کا مکمل شمار
-  RetryNow: ابھی دوبارہ کوشش
-  Kill: ختم کرديں
-  LastRetry: گزشتہ کوشش
-  OriginallyFailed: ابتادائ ناکامی
-  AreYouSure: کيا یقین ؟
   DeleteAll: ﺗﻤﺎﻡ ﺣﺬﻑ کر ديں
-  RetryAll: ﺗﻤﺎﻡ کی ﺩﻭﺑﺎﺭﮦ کﻭﺷﻴﺶ کﺭيں
-  NoRetriesFound: کویٔ ﺩﻭﺑﺎﺭﮦ کﻭﺷﻴﺶ نھيں ملی
+  Enqueued: قطار ميں شامل
   Error: مسئلہ
+  ErrorBacktrace: مسئلہ کی کی تحقیقات کريں
   ErrorClass: مسئلہ کی کلاس
   ErrorMessage: مسئلہ کی وجہ
-  ErrorBacktrace: مسئلہ کی کی تحقیقات کريں
+  Extras: اﺻﺎﻑی
+  Failed: ﻧﺎکاﻡ ﺷﺪﮦ
+  Failures: ناکامیاں
   GoBack: واپس جايں
-  NoScheduledFound: کویٔ ﻁےﺷﺪﮦچيز نہیں ملی
-  When: ﺏک
-  ScheduledJobs: ﻁےﺷﺪﮦجاب
-  idle: بیکار
-  active: فعال
-  Version: ورژن
-  Connections: کنکشنز
+  History: ﺗﺎﺭﻳﺦ
+  Job: جاب
+  Jobs: جابز
+  Kill: ختم کرديں
+  LastRetry: گزشتہ کوشش
+  LivePoll: ﺑﺮاﮦ ﺭاﺳﺖ
   MemoryUsage: یاداشت کا استعمال
-  PeakMemoryUsage: سب سے زيادہ یاداشت کا استعمال
-  Uptime: اپ ٹائم
-  OneWeek: ایک ہفتہ
-  OneMonth: ایک مہینہ
-  ThreeMonths: تین ماہ
-  SixMonths: چھ ماہ
-  Failures: ناکامیاں
-  DeadJobs: ختم شدہ جاب
+  Namespace: Namespace
+  NextRetry: اگلی کﻭﺷﻴﺶ
   NoDeadJobsFound: کویٔ ختم شدہ جاب نہيی ملی
-  Dead: ختم شدہ
-  Processes: ﻋﻤﻠﻴﺎﺕ
-  Thread: موضوع
-  Threads: موضوع
-  Jobs: جابز
+  NoRetriesFound: کویٔ ﺩﻭﺑﺎﺭﮦ کﻭﺷﻴﺶ نھيں ملی
+  NoScheduledFound: کویٔ ﻁےﺷﺪﮦچيز نہیں ملی
+  NotYetEnqueued: ﻗﺘﺎﺭميں شامل نھيں
+  OneMonth: ایک مہینہ
+  OneWeek: ایک ہفتہ
+  OriginallyFailed: ابتادائ ناکامی
   Paused: موقوف
-  Stop: بند کرو
+  PeakMemoryUsage: سب سے زيادہ یاداشت کا استعمال
+  Plugins: پلگ انز
+  PollingInterval: ﺑﺮاﮦ ﺭاﺳﺖ کا ﺩﻭﺭاﻧﻴﮧ
+  Processed: مکمل شدہ
+  Processes: ﻋﻤﻠﻴﺎﺕ
+  Queue: قطار
+  Queues: قطاريں
   Quiet: ﺣﺘﻢ کﺭﻭ
-  StopAll: ﺗﻤﺎﻡ ﺑﻨﺪ کﺭﻭ
   QuietAll: ﺗﻤﺎﻡ ﺣﺘﻢ کﺭﻭ
-  PollingInterval: ﺑﺮاﮦ ﺭاﺳﺖ کا ﺩﻭﺭاﻧﻴﮧ
-  Plugins: پلگ انز
-  NotYetEnqueued: ﻗﺘﺎﺭميں شامل نھيں
-  CreatedAt: ﺗﺎﺭﻳﺢ آﻏﺎﺯ
-  BackToApp: ﻭاپﺱ صفحۂ اﻭﻝ پر
+  Realtime: ﺑﺮاﮦ ﺭاﺳﺖ
+  Retries: ﺩﻭﺑﺎﺭﮦ کﻭﺷﻴﺶ
+  RetryAll: ﺗﻤﺎﻡ کی ﺩﻭﺑﺎﺭﮦ کﻭﺷﻴﺶ کﺭيں
+  RetryCount: دوبارہ کوشش کا مکمل شمار
+  RetryNow: ابھی دوبارہ کوشش
+  Scheduled: ﻁےﺷﺪﮦ
+  ScheduledJobs: ﻁےﺷﺪﮦجاب
+  ShowAll: سارے دکھاو
+  SixMonths: چھ ماہ
+  Size: ﺣﺠﻢ
+  Started: شروع
+  Status: اسٹیٹس
+  Stop: بند کرو
+  StopAll: ﺗﻤﺎﻡ ﺑﻨﺪ کﺭﻭ
+  StopPolling: ﺑﺮاﮦ ﺭاﺳﺖ روکيے
+  TextDirection: 'rtl'
+  Thread: موضوع
+  Threads: موضوع
+  ThreeMonths: تین ماہ
+  Time: ﻭﻗﺖ
+  Uptime: اپ ٹائم
+  Version: ورژن
+  When: ﺏک
+  Worker: ورکر
+  active: فعال
+  idle: بیکار

data/web/locales/vi.yml

@@ -1,83 +1,83 @@
 # elements like %{queue} are variables and should not be translated
-vi: # <---- change this to your locale code
-  Dashboard: Bảng điều khiển
-  Status: Trạng thái
-  Time: Thời gian
-  Namespace: Không gian tên
-  Realtime: Thời gian thực
-  History: Lịch sử
+vi:
+  Actions: Những hành động
+  AddToQueue: Thêm vào hàng đợi
+  AreYouSure: Bạn chắc chứ?
+  AreYouSureDeleteJob: Bạn có chắc là muốn xóa tác vụ này?
+  AreYouSureDeleteQueue: Bạn có chắc là muốn xóa %{queue} này?
+  Arguments: Tham số
+  BackToApp: Trở về ứng dụng
   Busy: Bận rộn
-  Processed: Đã xử lí
-  Failed: Đã thất bại
-  Scheduled: Đã lên lịch
-  Retries: Số lần thử
-  Enqueued: Đã xếp hàng đợi
-  Worker: Máy xử lí
-  LivePoll: Thăm dò trực tiếp
-  StopPolling: Ngừng thăm dò
-  Queue: Hàng đợi
   Class: Lớp
-  Job: Tác vụ
-  Arguments: Tham số
-  Extras: Thêm
-  Started: Đã bắt đầu
-  ShowAll: Hiện tất cả
+  Connections: Các kết nối
+  CreatedAt: Được tạo vào lúc
   CurrentMessagesInQueue: Số lượng công việc trong <span class='title'>%{queue}</span>
+  Dashboard: Bảng điều khiển
+  Dead: Chết
+  DeadJobs: Những tác vụ đã chết
   Delete: Xóa
-  AddToQueue: Thêm vào hàng đợi
-  AreYouSureDeleteJob: Bạn có chắc là muốn xóa tác vụ này?
-  AreYouSureDeleteQueue: Bạn có chắc là muốn xóa %{queue} này?
-  Queues: Các hàng đợi
-  Size: Kích thước
-  Actions: Những hành động
-  NextRetry: Lần thử lại tiếp theo
-  RetryCount: Số lần thử lại
-  RetryNow: Thử lại ngay bây giờ
-  Kill: Giết
-  LastRetry: Lần thử cuối
-  OriginallyFailed: Đã thất bại từ đầu
-  AreYouSure: Bạn chắc chứ?
   DeleteAll: Xóa hết
-  RetryAll: Thử lại tất cả
-  KillAll: Giết hết
-  NoRetriesFound: Không có lần thử nào được tìm thấy
+  Enqueued: Đã xếp hàng đợi
   Error: Lỗi
+  ErrorBacktrace: Dấu vết của lỗi
   ErrorClass: Lớp lỗi
   ErrorMessage: Tin nhắn lỗi
-  ErrorBacktrace: Dấu vết của lỗi
+  Extras: Thêm
+  Failed: Đã thất bại
+  Failures: Các thất bại
   GoBack: ← Trở lại
-  NoScheduledFound: Không có tác vụ đã lên lịch nào được tìm thấy
-  When: Khi nào
-  ScheduledJobs: Những Tác Vụ Được Hẹn
-  idle: Đang chờ
-  active: Đang hoạt động
-  Version: Phiên bản
-  Connections: Các kết nối
+  History: Lịch sử
+  Job: Tác vụ
+  Jobs: Các tác vụ
+  Kill: Giết
+  KillAll: Giết hết
+  LastRetry: Lần thử cuối
+  Latency: Độ trễ
+  LivePoll: Thăm dò trực tiếp
   MemoryUsage: Lượng bộ nhớ sử dụng
-  PeakMemoryUsage: Lượng bộ nhớ sử dụng đỉnh điểm
-  Uptime: Thời gian hệ thống đã online (days)
-  OneWeek: 1 tuần
-  OneMonth: 1 tháng
-  ThreeMonths: 3 tháng
-  SixMonths: 6 tháng
-  Failures: Các thất bại
-  DeadJobs: Những tác vụ đã chết
+  Namespace: Không gian tên
+  NextRetry: Lần thử lại tiếp theo
   NoDeadJobsFound: Không có tác vụ đã chết nào được tìm thấy
-  Dead: Chết
-  Processes: Tiến trình xử lí
-  Thread: Luồng xử lí
-  Threads: Những luồng xử lí
-  Jobs: Các tác vụ
+  NoRetriesFound: Không có lần thử nào được tìm thấy
+  NoScheduledFound: Không có tác vụ đã lên lịch nào được tìm thấy
+  NotYetEnqueued: Chưa được bỏ vào hàng đợi
+  OneMonth: 1 tháng
+  OneWeek: 1 tuần
+  OriginallyFailed: Đã thất bại từ đầu
+  Pause: Tạm dừng
   Paused: Đã tạm dừng
-  Stop: Dừng Lại
+  PeakMemoryUsage: Lượng bộ nhớ sử dụng đỉnh điểm
+  Plugins: Hệ thống đính kèm
+  PollingInterval: Khoảng thời gian giữa các lần thăm dò
+  Processed: Đã xử lí
+  Processes: Tiến trình xử lí
+  Queue: Hàng đợi
+  Queues: Các hàng đợi
   Quiet: Im lặng
-  StopAll: Dừng lại tất cả
   QuietAll: Làm cho tất cả im lặng
-  PollingInterval: Khoảng thời gian giữa các lần thăm dò
-  Plugins: Hệ thống đính kèm
-  NotYetEnqueued: Chưa được bỏ vào hàng đợi
-  CreatedAt: Được tạo vào lúc
-  BackToApp: Trở về ứng dụng
-  Latency: Độ trễ
-  Pause: Tạm dừng
+  Realtime: Thời gian thực
+  Retries: Số lần thử
+  RetryAll: Thử lại tất cả
+  RetryCount: Số lần thử lại
+  RetryNow: Thử lại ngay bây giờ
+  Scheduled: Đã lên lịch
+  ScheduledJobs: Những Tác Vụ Được Hẹn
+  ShowAll: Hiện tất cả
+  SixMonths: 6 tháng
+  Size: Kích thước
+  Started: Đã bắt đầu
+  Status: Trạng thái
+  Stop: Dừng Lại
+  StopAll: Dừng lại tất cả
+  StopPolling: Ngừng thăm dò
+  Thread: Luồng xử lí
+  Threads: Những luồng xử lí
+  ThreeMonths: 3 tháng
+  Time: Thời gian
   Unpause: Hủy tạm dừng
+  Uptime: Thời gian hệ thống đã online (days)
+  Version: Phiên bản
+  When: Khi nào
+  Worker: Máy xử lí
+  active: Đang hoạt động
+  idle: Đang chờ

data/web/locales/zh-cn.yml

@@ -32,22 +32,22 @@ zh-cn: # <---- change this to your locale code
   Size: 容量
   Actions: 动作
   NextRetry: 下次重试
-  RetryCount: 重试次數
+  RetryCount: 重试次数
   RetryNow: 现在重试
   Kill: 终止
-  LastRetry: 最后一次重试
-  OriginallyFailed: 原本已失败
+  LastRetry: 上次重试
+  OriginallyFailed: 首次失败
   AreYouSure: 你确定？
   DeleteAll: 全部删除
   RetryAll: 全部重试
   KillAll: 全部终止
-  NoRetriesFound: 沒有发现可重试
+  NoRetriesFound: 没有发现可重试
   Error: 错误
   ErrorClass: 错误类别
   ErrorMessage: 错误消息
   ErrorBacktrace: 错误细节
   GoBack: ← 返回
-  NoScheduledFound: 沒有发现计划任务
+  NoScheduledFound: 没有发现计划任务
   When: 当
   ScheduledJobs: 计划任务
   idle: 闲置
@@ -63,26 +63,26 @@ zh-cn: # <---- change this to your locale code
   SixMonths: 六个月
   Failures: 失败
   DeadJobs: 已停滞任务
-  NoDeadJobsFound: 沒有发现任何已停滞的任务
+  NoDeadJobsFound: 没有发现任何已停滞的任务
   Dead: 已停滞
   Process: 进程
-  Processes: 处理中
+  Processes: 进程
   Name: 名称
   Thread: 线程
   Threads: 线程
   Jobs: 任务
-  Paused: 已暫停
-  Stop: 強制暫停
-  Quiet: 暫停
-  StopAll: 全部強制暫停
-  QuietAll: 全部暫停
-  PollingInterval: 輪詢週期
-  Plugins: 套件
-  NotYetEnqueued: 尚未進入佇列
-  CreatedAt: 建立時間
+  Paused: 已暂停
+  Stop: 强制暂停
+  Quiet: 暂停
+  StopAll: 全部强制暂停
+  QuietAll: 全部暂停
+  PollingInterval: 轮询周期
+  Plugins: 插件
+  NotYetEnqueued: 尚未进入队列
+  CreatedAt: 建立时间
   BackToApp: 回首頁
-  Latency: 延時
-  Pause: 暫停
+  Latency: 延迟
+  Pause: 暂停
   Unpause: 取消暂停
   Metrics: 指标
   NoDataFound: 无数据
@@ -91,3 +91,5 @@ zh-cn: # <---- change this to your locale code
   Context: 上下文
   Bucket: 桶
   NoJobMetricsFound: 无任务相关指标数据
+  Success: 成功
+  Failure: 失败

data/web/locales/zh-tw.yml

@@ -43,6 +43,7 @@ zh-tw: # <---- change this to your locale code
   KillAll: 全部取消
   NoRetriesFound: 找無可重試的工作
   Error: 錯誤
+  ErrorBacktrace: 錯誤的回調追踨
   ErrorClass: 錯誤類別
   ErrorMessage: 錯誤訊息
   ErrorBacktrace: 詳細錯誤訊息
@@ -62,7 +63,15 @@ zh-tw: # <---- change this to your locale code
   ThreeMonths: 三個月
   SixMonths: 六個月
   Failures: 失敗
-  DeadJobs: 停滯工作
+  GoBack: ← 返回
+  History: 歷史資料
+  Job: 工作
+  Jobs: 工作
+  LastRetry: 最後一次重試
+  LivePoll: 即時輪詢
+  MemoryUsage: 記憶體使用量
+  Namespace: 命名空間
+  NextRetry: 下次重試
   NoDeadJobsFound: 沒有發現任何停滯的工作
   Dead: 停滯
   Process: 程序

data/web/views/_footer.erb

@@ -6,13 +6,16 @@
             <p class="navbar-text product-version"><%= product_version %></p>
           </li>
           <li>
-            <p class="navbar-text redis-url" title="<%= redis_connection_and_namespace %>"><%= redis_connection_and_namespace %></p>
+            <p class="navbar-text redis-url" title="<%= redis_url %>"><%= redis_url %></p>
           </li>
           <li>
             <p id="serverUtcTime" class="navbar-text server-utc-time"><%= server_utc_time %></p>
           </li>
           <li>
-            <p class="navbar-text"><a style="color: gray;" href="https://github.com/mperham/sidekiq/wiki">docs</a></p>
+            <p class="navbar-text"><a rel=help href="https://github.com/sidekiq/sidekiq/wiki">docs</a></p>
+          </li>
+          <li>
+            <p class="navbar-text"><a rel=external href="https://github.com/sidekiq/sidekiq/tree/main/web/locales"><%= locale %></a></p>
           </li>
         </ul>
     </div>

data/web/views/_job_info.erb

@@ -1,6 +1,6 @@
-<header>
+<div class="header-container">
   <h3><%= t('Job') %></h3>
-</header>
+</div>
 
 <div class="table_container">
   <table class="table table-bordered table-striped table-hover">
@@ -33,6 +33,14 @@
           <code><%= job.jid %></code>
         </td>
       </tr>
+      <% if job.bid %>
+      <tr>
+        <th>BID</th>
+        <td>
+          <a href="<%= root_path %>batches/<%= job.bid %>"><%= job.bid %></a>
+        </td>
+      </tr>
+      <% end %>
       <tr>
         <th><%= t('CreatedAt') %></th>
         <td><%= relative_time(job.created_at) %></td>
@@ -84,6 +92,14 @@
           <td><%= relative_time(job.at) if job['retry_count'] %></td>
         </tr>
       <% end %>
+      <% Sidekiq::Web.custom_job_info_rows.each do |helper| %>
+        <% helper.add_pair(job) do |name, value| %>
+          <tr>
+            <th><%= name %></th>
+            <td><%= value %></td>
+          </tr>
+        <% end %>
+      <% end %>
     </tbody>
   </table>
 </div>

data/web/views/_metrics_period_select.erb

@@ -0,0 +1,12 @@
+<div>
+  <select class="form-control" onchange="window.location.href = '<%= path %>?period=' + event.target.value">
+    <% periods.each_key do |code| %>
+
+      <% if code == period %>
+        <option selected value="<%= code %>"><%= code %></option>
+      <% else %>
+        <option value="<%= code %>"><%= code %></option>
+      <% end %>
+    <% end %>
+  </select>
+</div>

data/web/views/_paging.erb

@@ -1,3 +1,4 @@
+<div>
 <% if @total_size > @count %>
   <ul class="pagination pull-right flip">
     <li class="<%= 'disabled' if @current_page == 1 %>">
@@ -21,3 +22,4 @@
     </li>
   </ul>
 <% end %>
+</div>

data/web/views/_poll_link.erb

@@ -1,4 +1,4 @@
-<% if current_path != '' %>
+<% if pollable? %>
     <a class="live-poll-start live-poll btn btn-primary"><%= t('LivePoll') %></a>
     <a class="live-poll-stop live-poll btn btn-primary active"><%= t('StopPolling') %></a>
 <% end %>

data/web/views/busy.erb

@@ -1,7 +1,5 @@
-<div class="row header">
-  <div class="col-sm-4 pull-left flip">
-    <h3><%= t('Status') %></h3>
-  </div>
+<div class="header-container">
+  <h1><%= t('Status') %></h1>
 </div>
 
 <div class="stats-wrapper">
@@ -29,26 +27,25 @@
   </div>
 </div>
 
-<div class="row header">
-  <div class="col-sm-4 pull-left flip">
-    <h3><%= t('Processes') %></h3>
-  </div>
-  <div class="col-sm-3 pull-right flip">
+<div class="header-container">
+  <h1><%= t('Processes') %></h1>
+  <div>
     <form method="POST" class="warning-messages">
       <%= csrf_tag %>
       <div class="btn-group pull-right flip">
-        <button class="btn btn-warn" type="submit" name="quiet" value="1" data-confirm="<%= t('AreYouSure') %>"><%= t('QuietAll') %></button>
-        <button class="btn btn-danger" type="submit" name="stop" value="1" data-confirm="<%= t('AreYouSure') %>"><%= t('StopAll') %></button>
+        <input class="btn btn-warn" type="submit" name="quiet" value="<%= t('QuietAll') %>" data-confirm="<%= t('AreYouSure') %>"/>
+        <input class="btn btn-danger" type="submit" name="stop" value="<%= t('StopAll') %>" data-confirm="<%= t('AreYouSure') %>"/>
       </div>
     </form>
   </div>
 </div>
+
 <div class="table_container">
   <table class="processes table table-hover table-bordered table-striped">
     <thead>
       <th><%= t('Name') %></th>
       <th><%= t('Started') %></th>
-      <th class="col-sm-1"><%= t('RSS') %><a target="blank" href="https://github.com/mperham/sidekiq/wiki/Memory#rss"><span class="info-circle" title="Click to learn more about RSS">?</span></a></th>
+      <th class="col-sm-1"><%= t('RSS') %><a target="blank" href="https://github.com/sidekiq/sidekiq/wiki/Memory#rss"><span class="info-circle" title="Click to learn more about RSS">?</span></a></th>
       <th class="col-sm-1"><%= t('Threads') %></th>
       <th class="col-sm-1"><%= t('Busy') %></th>
       <th>&nbsp;</th>
@@ -62,6 +59,9 @@
           <% process.labels.each do |label| %>
             <span class="label label-info"><%= label %></span>
           <% end %>
+          <% if process.embedded? %>
+            <span class="label label-default">embedded</span>
+          <% end %>
           <% if process.stopping? %>
             <span class="label label-danger">quiet</span>
           <% end %>
@@ -70,36 +70,47 @@
           <% end %>
           <br>
           <b><%= "#{t('Queues')}: " %></b>
-          <%= process.queues.join(", ") %>
+          <% if process.weights %>
+            <%= busy_weights(process.weights) %>
+          <% else %>
+            <%= process.queues.sort.join(", ") %>
+          <% end %>
+          <% if process.version != Sidekiq::VERSION %>
+            <br>
+            <b><%= "#{t('Version')}: " %></b>
+            <% if process.version %>
+              <%= process.version %>
+            <% else %>
+              <%= t('Unknown') %>
+            <% end %>
+          <% end %>
         </td>
         <td><%= relative_time(Time.at(process['started_at'])) %></td>
         <td><%= format_memory(process['rss'].to_i) %></td>
         <td><%= process['concurrency'] %></td>
         <td><%= process['busy'] %></td>
         <td>
-          <form method="POST">
-            <%= csrf_tag %>
-            <input type="hidden" name="identity" value="<%= process['identity'] %>"/>
+          <% unless process.embedded? %>
+            <form method="POST">
+              <%= csrf_tag %>
+              <input type="hidden" name="identity" value="<%= process['identity'] %>"/>
 
-            <div class="btn-group pull-right flip">
-              <% unless process.stopping? %><button class="btn btn-xs btn-warn" type="submit" name="quiet" value="1"><%= t('Quiet') %></button><% end %>
-              <button class="btn btn-xs btn-danger" type="submit" name="stop" value="1"><%= t('Stop') %></button>
-            </div>
-          </form>
+              <div class="btn-group pull-right flip">
+                <% unless process.stopping? %><button class="btn btn-xs btn-warn" type="submit" name="quiet" value="1"><%= t('Quiet') %></button><% end %>
+                <button class="btn btn-xs btn-danger" type="submit" name="stop" value="1"><%= t('Stop') %></button>
+              </div>
+            </form>
+          <% end %>
         </td>
       </tr>
     <% end %>
   </table>
 </div>
 
-<div class="row header">
-  <div class="col-sm-7">
-    <h3><%= t('Jobs') %></h3>
-  </div>
+<div class="header-container">
+  <h1><%= t('Jobs') %></h1>
   <% if @workset.size > 0 && @total_size > @count %>
-    <div class="col-sm-4">
-      <%= erb :_paging, locals: { url: "#{root_path}busy" } %>
-    </div>
+    <%= erb :_paging, locals: { url: "#{root_path}busy" } %>
   <% end %>
 </div>
 

data/web/views/dashboard.erb

@@ -1,4 +1,7 @@
-<script type="text/javascript" src="<%= root_path %>javascripts/graph.js"></script>
+<script type="text/javascript" src="<%= root_path %>javascripts/chart.min.js"></script>
+<script type="text/javascript" src="<%= root_path %>javascripts/chartjs-plugin-annotation.min.js"></script>
+<script type="text/javascript" src="<%= root_path %>javascripts/base-charts.js"></script>
+<script type="text/javascript" src="<%= root_path %>javascripts/dashboard-charts.js"></script>
 <script type="text/javascript" src="<%= root_path %>javascripts/dashboard.js"></script>
 <div class= "dashboard clearfix">
   <h3 >
@@ -17,8 +20,26 @@
 </div>
 
 <div class="row chart">
-  <div id="realtime" data-processed-label="<%= t('Processed') %>" data-failed-label="<%= t('Failed') %>"></div>
-  <div id="realtime-legend"></div>
+  <canvas id="realtime-chart"></canvas>
+  <script>
+    window.realtimeChart = new RealtimeChart(
+      document.getElementById("realtime-chart"),
+      <%= Sidekiq.dump_json({
+        processedLabel: t('Processed'),
+        failedLabel: t('Failed'),
+        labels: Array.new(50, ""),
+        processed: Array.new(50),
+        failed: Array.new(50),
+        updateUrl: "#{root_path}stats",
+      }) %>
+    )
+  </script>
+
+  <!-- start with a space in the legend so the height doesn't change when we add content dynamically -->
+  <div id="realtime-legend">&nbsp;</div>
+  <script>
+    realtimeChart.registerLegend(document.getElementById("realtime-legend"))
+  </script>
 </div>
 
 <div class="row header">
@@ -34,8 +55,18 @@
     <a href="<%= root_path %>?days=180" class="history-graph <%= "active" if params[:days] == "180" %>"><%= t('SixMonths') %></a>
   </div>
 
-  <div id="history" data-processed-label="<%= t('Processed') %>" data-failed-label="<%= t('Failed') %>" data-processed="<%= h Sidekiq.dump_json(@processed_history) %>" data-failed="<%= h Sidekiq.dump_json(@failed_history) %>" data-update-url="<%= root_path %>stats"></div>
-  <div id="history-legend"></div>
+  <canvas id="history-chart"></canvas>
+  <script>
+    window.historyChart = new DashboardChart(
+      document.getElementById("history-chart"),
+      <%= Sidekiq.dump_json({
+        processedLabel: t('Processed'),
+        failedLabel: t('Failed'),
+        processed: @processed_history.to_a.reverse,
+        failed: @failed_history.to_a.reverse,
+      }) %>
+    )
+  </script>
 </div>
 
 <br/>