sidekiq-tasks 0.1.0 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c2e154e5c7dce24a8e35fe82c1bf604aecdceb88bcdc09949bee07b250666044
-  data.tar.gz: 79f0abe2f5d49378ab319b8c4889e35603773616a3c83e4acc12c16a3ad5bf5d
+  metadata.gz: 66094bc7c16bfcdf4a54af810f3cc6b277ec26f16c45644bd87d234fcf5108fa
+  data.tar.gz: 5f7858178970a54368b222deabeb83221015bd2a7ff7d591d0368f4cda4366cb
 SHA512:
-  metadata.gz: 46a46f7d5fe0aad48100eb29756bdf9161a6516716a2f0c2e9bfc9ee5d9ffb054ff9cd7c4d19c88032f30fcef2b4eb2253f231ebc752769b54ccd5d9b212e873
-  data.tar.gz: 3381e43c02d4b3c7766ce818fa5b3a8a0272e1a605c2f404fc7ac758b09a420833c4fe90fa83047e9acfdf07568d0609d4168dfc9ffec1b28c5a9705a355ac9f
+  metadata.gz: 248e0b836f29e9145fd146907cb59c53d59d54ea3dcca8359368d93e9841d94108b418b7f2af23127f2ee5e9d4679c700ecab8a962b90d4fe7261d1178333912
+  data.tar.gz: 0024c156a0b2c334dc7c1dbd0fc235a1a98e33ccb838f1f28a118c13644f9feb00b6693941137ad746cb7ad7c98b419d972dcb8a54a50320e9395f8c5b7f4ff7

data/.rubocop.yml

@@ -6,6 +6,10 @@ AllCops:
 Layout/SpaceInsideHashLiteralBraces:
   EnforcedStyle: no_space
 
+Layout/LineLength:
+  Exclude:
+    - spec/**/*
+
 Metrics/AbcSize:
   Exclude:
     - lib/sidekiq/tasks/web/extension.rb
@@ -23,6 +27,10 @@ Metrics/ParameterLists:
   Exclude:
     - spec/**/*
 
+Metrics/PerceivedComplexity:
+  Exclude:
+    - lib/sidekiq/tasks/web/extension.rb
+
 Naming/FileName:
   Exclude:
     - lib/sidekiq/sidekiq-tasks.rb
@@ -57,3 +65,6 @@ Style/TrailingCommaInArrayLiteral:
 
 Style/TrailingCommaInHashLiteral:
   EnforcedStyleForMultiline: consistent_comma
+
+Style/WordArray:
+  Enabled: false

data/CHANGELOG.md

@@ -1,5 +1,13 @@
 ## Changelog
 
+### [0.1.2] - 2025-03-22
+
+- Update plugin registration for Sidekiq 7.3+ compatibility.
+
+### [0.1.1] - 2025-02-25
+
+- Add an environment confirmation input to the task enqueuing form.
+
 ### [0.1.0] - 2025-02-23
 
-- Initial release
+- Initial release.

data/lib/sidekiq/tasks/set.rb

@@ -1,6 +1,10 @@
 module Sidekiq
   module Tasks
     class Set
+      extend Forwardable
+
+      def_delegators :objects, :[], :each, :size, :first, :last, :empty?
+
       include Enumerable
 
       def self.match?(object, attributes)
@@ -15,10 +19,6 @@ module Sidekiq
         @objects = objects
       end
 
-      def each(&block)
-        objects.each(&block)
-      end
-
       def where(attributes = {})
         reflect(objects.select { |object| self.class.match?(object, attributes) })
       end
@@ -31,22 +31,6 @@ module Sidekiq
         find_by(name: name) || raise(NotFoundError, "'#{name}' not found")
       end
 
-      def size
-        objects.size
-      end
-
-      def first
-        objects[0]
-      end
-
-      def last
-        objects[-1]
-      end
-
-      def empty?
-        objects.empty?
-      end
-
       private
 
       def reflect(objects)

data/lib/sidekiq/tasks/version.rb

@@ -2,6 +2,6 @@
 
 module Sidekiq
   module Tasks
-    VERSION = "0.1.0"
+    VERSION = "0.1.2"
   end
 end

data/lib/sidekiq/tasks/web/extension.rb

@@ -1,33 +1,39 @@
+require "sidekiq/tasks/web/helpers/application_helper"
+require "sidekiq/tasks/web/helpers/task_helper"
+require "sidekiq/tasks/web/helpers/pagination_helper"
+require "sidekiq/tasks/web/search"
+require "sidekiq/tasks/web/pagination"
+require "sidekiq/tasks/web/params"
+
 module Sidekiq
   module Tasks
     module Web
       class Extension
-        LOCALES_PATH = File.expand_path("../web/locales", __dir__).freeze
-
         def self.registered(app)
-          app.settings.locales << File.join(LOCALES_PATH)
-
-          app.helpers do
-            include Sidekiq::Tasks::Web::Helpers::ApplicationHelper
-            include Sidekiq::Tasks::Web::Helpers::TaskHelper
-          end
+          app.helpers(Sidekiq::Tasks::Web::Helpers::ApplicationHelper)
+          app.helpers(Sidekiq::Tasks::Web::Helpers::TaskHelper)
+          app.helpers(Sidekiq::Tasks::Web::Helpers::PaginationHelper)
 
           app.get "/tasks" do
-            @search = Sidekiq::Tasks::Web::Search.new(params)
+            @search = Sidekiq::Tasks::Web::Search.new(params.transform_keys(&:to_sym))
 
             erb(read_view(:tasks), locals: {search: @search})
           end
 
           app.get "/tasks/:name" do
-            @task = find_task!(params["name"])
+            @task = find_task!(env["rack.route_params"][:name])
 
-            erb(read_view(:_task), locals: {task: @task})
+            erb(read_view(:task), locals: {task: @task})
           rescue Sidekiq::Tasks::NotFoundError
             throw :halt, [404, {Rack::CONTENT_TYPE => "text/plain"}, ["Task not found"]]
           end
 
           app.post "/tasks/:name/enqueue" do
-            task = find_task!(params["name"])
+            if params["env_confirmation"] != current_env
+              throw :halt, [400, {Rack::CONTENT_TYPE => "text/plain"}, ["Invalid confirm"]]
+            end
+
+            task = find_task!(env["rack.route_params"][:name])
             args = Sidekiq::Tasks::Web::Params.new(task, params["args"]).permit!
 
             task.enqueue(args)

data/lib/sidekiq/tasks/web/helpers/application_helper.rb

@@ -5,10 +5,12 @@ module Sidekiq
         module ApplicationHelper
           extend self
 
-          VIEW_PATH = File.expand_path("../../web/views", __dir__).freeze
-
           def read_view(name)
-            File.read(File.join(VIEW_PATH, "#{name}.html.erb"))
+            File.read(File.join(Sidekiq::Tasks::Web::ROOT, "views", "#{name}.erb"))
+          end
+
+          def current_env
+            ENV["RAILS_ENV"] || ENV["RACK_ENV"]
           end
         end
       end

data/lib/sidekiq/tasks/web/helpers/pagination_helper.rb

@@ -0,0 +1,40 @@
+module Sidekiq
+  module Tasks
+    module Web
+      module Helpers
+        module PaginationHelper
+          extend self
+
+          def pagination_link(root_path, link, search)
+            build_tag(:li, class: "st-page-item") do
+              build_tag(
+                :a,
+                link[:text],
+                class: build_classes("st-page-link", disabled: link[:disabled], active: link[:active]),
+                href: pagination_url(root_path, search, link[:page])
+              )
+            end
+          end
+
+          private
+
+          def build_tag(tag, content = nil, **attributes, &block)
+            attr_string = attributes.map { |key, value| "#{key}=\"#{value}\"" }.join(" ")
+
+            "<#{tag} #{attr_string}>#{block&.call || content}</#{tag}>"
+          end
+
+          def build_classes(*classes, **conditions)
+            condition_classes = conditions.select { |_, value| value }.keys
+
+            (classes + condition_classes).join(" ")
+          end
+
+          def pagination_url(root_path, search, page)
+            "#{root_path}tasks?filter=#{ERB::Util.url_encode(search.filter)}&count=#{search.count}&page=#{page}"
+          end
+        end
+      end
+    end
+  end
+end

data/lib/sidekiq/tasks/web/pagination.rb

@@ -0,0 +1,86 @@
+module Sidekiq
+  module Tasks
+    module Web
+      class Pagination
+        PREV_LABEL = "«".freeze
+        NEXT_LABEL = "»".freeze
+        ELLIPSIS_LABEL = "...".freeze
+        MIN_PAGE_DISPLAY = 7
+        PAGE_OFFSET = 2
+
+        attr_reader :current_page, :total_pages
+
+        def initialize(current_page, total_pages)
+          @current_page = current_page
+          @total_pages = total_pages
+        end
+
+        def links
+          return [] if total_pages <= 1
+
+          build_links.flatten.compact
+        end
+
+        private
+
+        def build_links
+          [
+            navigation_link(PREV_LABEL, current_page - 1, current_page > 1),
+            first_page_link,
+            leading_ellipsis,
+            middle_page_links,
+            trailing_ellipsis,
+            last_page_link,
+            navigation_link(NEXT_LABEL, current_page + 1, current_page < total_pages),
+          ]
+        end
+
+        def navigation_link(text, page, enabled)
+          enabled ? {page: page, text: text} : {page: nil, text: text, disabled: true}
+        end
+
+        def page_link(page)
+          {page: page, text: page.to_s, active: page == current_page}
+        end
+
+        def ellipsis
+          {page: 1, text: ELLIPSIS_LABEL, disabled: true}
+        end
+
+        def first_page_link
+          return nil if total_pages <= MIN_PAGE_DISPLAY
+
+          page_link(1)
+        end
+
+        def last_page_link
+          return nil if total_pages <= MIN_PAGE_DISPLAY
+
+          page_link(total_pages)
+        end
+
+        def leading_ellipsis
+          return nil if total_pages <= MIN_PAGE_DISPLAY || current_page <= PAGE_OFFSET + 2
+
+          ellipsis
+        end
+
+        def trailing_ellipsis
+          return nil if total_pages <= MIN_PAGE_DISPLAY || current_page >= total_pages - (PAGE_OFFSET + 1)
+
+          ellipsis
+        end
+
+        def middle_page_links
+          if total_pages <= MIN_PAGE_DISPLAY
+            (1..total_pages).map { |page| page_link(page) }
+          else
+            start_page = [current_page - PAGE_OFFSET, 2].max
+            end_page   = [current_page + PAGE_OFFSET, total_pages - 1].min
+            (start_page..end_page).map { |page| page_link(page) }
+          end
+        end
+      end
+    end
+  end
+end

data/lib/sidekiq/tasks/web/search.rb

@@ -2,10 +2,10 @@ module Sidekiq
   module Tasks
     module Web
       class Search
-        DEFAULT_COUNT = 25
+        DEFAULT_COUNT = 15
 
         def self.count_options
-          (1..4).map { |index| index * DEFAULT_COUNT }
+          (0..3).map { |index| DEFAULT_COUNT * (2**index) }
         end
 
         attr_reader :params

data/lib/sidekiq/tasks/web.rb

@@ -1,18 +1,37 @@
-require "sidekiq/tasks/web/helpers/application_helper"
-require "sidekiq/tasks/web/helpers/task_helper"
-require "sidekiq/tasks/web/search"
-require "sidekiq/tasks/task"
+require "sidekiq/tasks"
 
 module Sidekiq
   module Tasks
     module Web
       autoload :Extension, "sidekiq/tasks/web/extension"
-      autoload :Params, "sidekiq/tasks/web/params"
+
+      ROOT = File.expand_path("../../../web", File.dirname(__FILE__))
+      SIDEKIQ_GTE_7_3_0 = Gem::Version.new(Sidekiq::VERSION) >= Gem::Version.new("7.3.0")
     end
   end
 end
 
-if defined?(Sidekiq::Web)
-  Sidekiq::Web.register(Sidekiq::Tasks::Web::Extension)
+if Sidekiq::Tasks::Web::SIDEKIQ_GTE_7_3_0
+  Sidekiq::Web.configure do |config|
+    config.register(
+      Sidekiq::Tasks::Web::Extension,
+      name: "tasks",
+      tab: ["Tasks"],
+      index: ["tasks"],
+      root_dir: Sidekiq::Tasks::Web::ROOT,
+      asset_paths: ["js", "css"]
+    )
+  end
+else
   Sidekiq::Web.tabs["Tasks"] = "tasks"
+  Sidekiq::Web.register(Sidekiq::Tasks::Web::Extension)
+  Sidekiq::Web.locales << "#{Sidekiq::Tasks::Web::ROOT}/locales"
+
+  Sidekiq::Web.use(
+    Rack::Static,
+    urls: ["/tasks/css", "/tasks/js"],
+    root: "#{Sidekiq::Tasks::Web::ROOT}/assets",
+    cascade: true,
+    header_rules: [[:all, {"cache-control" => "private, max-age=86400"}]]
+  )
 end

data/web/assets/tasks/css/components/buttons.css

@@ -0,0 +1,41 @@
+:root {
+  --st-button-bg: #b1003e;
+  --st-button-text: white;
+  --st-button-border: none;
+  --st-button-hover-bg: #900030;
+  --st-button-disabled-bg: #ccc;
+  --st-button-disabled-text: #666;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --st-button-bg: #900030;
+    --st-button-text: white;
+    --st-button-border: none;
+    --st-button-hover-bg: #700024;
+    --st-button-disabled-bg: #555;
+    --st-button-disabled-text: #aaa;
+  }
+}
+
+.st-button {
+  background-color: var(--st-button-bg);
+  color: var(--st-button-text);
+  border: var(--st-button-border);
+  padding: 8px 16px;
+  border-radius: 6px;
+  font-size: 16px;
+  cursor: pointer;
+  transition: background 0.3s ease-in-out;
+}
+
+.st-button:hover {
+  background-color: var(--st-button-hover-bg);
+}
+
+.st-button:disabled {
+  background-color: var(--st-button-disabled-bg);
+  color: var(--st-button-disabled-text);
+  cursor: not-allowed;
+}
+

data/web/assets/tasks/css/components/forms.css

@@ -0,0 +1,110 @@
+:root {
+  --st-border-color: #ccc;
+  --st-focus-border-color: #b1003e;
+  --st-input-bg: white;
+  --st-input-text: #000;
+  --st-select-bg: #ddd;
+  --st-label-color: #000;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --st-border-color: #555;
+    --st-focus-border-color: #900030;
+    --st-input-bg: #222;
+    --st-input-text: #ddd;
+    --st-select-bg: #333;
+    --st-label-color: #ddd;
+  }
+}
+
+.st-search-form {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  max-width: 350px;
+}
+
+.st-form-container {
+  max-width: 600px;
+}
+
+.st-form-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15px;
+}
+
+.st-form-group {
+  flex: 1 1 calc(50% - 15px);
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 15px;
+}
+
+.st-form-group-full {
+  flex: 1 1 100%;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 15px;
+}
+
+.st-label {
+  font-weight: bold;
+  margin-bottom: 5px;
+  font-size: 14px;
+  color: var(--st-label-color);
+}
+
+.st-input {
+  width: 100%;
+  height: auto;
+  border: 1px solid var(--st-border-color);
+  padding: 8px 12px;
+  border-radius: 6px;
+  font-size: 16px;
+  background-color: var(--st-input-bg);
+  color: var(--st-input-text);
+  transition: border 0.3s ease-in-out, background 0.3s ease-in-out;
+}
+
+.st-input:focus,
+.st-select:focus {
+  outline: none;
+  border: 1px solid var(--st-focus-border-color);
+}
+
+.st-select {
+  height: auto;
+  border: 1px solid var(--st-border-color);
+  padding: 8px;
+  border-radius: 6px;
+  font-size: 16px;
+  background-color: var(--st-select-bg);
+  color: var(--st-input-text);
+  transition: border 0.3s ease-in-out, background 0.3s ease-in-out;
+}
+
+.st-input,
+.st-select,
+.st-button {
+  height: 40px;
+  box-sizing: border-box;
+}
+
+@media (max-width: 600px) {
+  .st-form-row {
+    flex-direction: column;
+    gap: 0;
+  }
+
+  .st-form-group,
+  .st-form-group-full {
+    flex: 1 1 100%;
+  }
+
+  .st-form-container {
+    max-width: 100%;
+    padding: 10px 0;
+  }
+}

data/web/assets/tasks/css/components/pagination.css

@@ -0,0 +1,52 @@
+:root {
+  --st-pagination-text: #b1003e;
+  --st-pagination-active-opacity: 0.5;
+  --st-pagination-disabled-text: #ccc;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --st-pagination-text: #ff4d79;
+    --st-pagination-active-opacity: 0.7;
+    --st-pagination-disabled-text: #555;
+  }
+}
+
+.st-pagination-wrapper {
+  overflow-x: auto;
+  padding-bottom: 10px;
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+}
+
+.st-pagination {
+  display: flex;
+  gap: 5px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  white-space: nowrap;
+}
+
+.st-page-item {
+  display: flex;
+}
+
+a.st-page-link {
+  text-decoration: none;
+  display: block;
+  color: var(--st-pagination-text);
+  font-size: 14px;
+  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
+}
+
+a.st-page-link.active {
+  opacity: var(--st-pagination-active-opacity);
+}
+
+a.st-page-link.disabled {
+  pointer-events: none;
+  color: var(--st-pagination-disabled-text);
+}
+

data/web/assets/tasks/css/components/tables.css

@@ -0,0 +1,48 @@
+:root {
+  --st-table-bg: transparent;
+  --st-table-text: #333;
+  --st-table-border: #ddd;
+  --st-table-odd-bg: #fcfcfc;
+  --st-table-even-bg: transparent;
+  --st-table-header-bg: transparent;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --st-table-bg: transparent;
+    --st-table-text: #ddd;
+    --st-table-border: #555;
+    --st-table-odd-bg: #222;
+    --st-table-even-bg: #333;
+    --st-table-header-bg: #111;
+  }
+}
+
+.st-table {
+  background-color: var(--st-table-bg);
+  color: var(--st-table-text);
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 20px;
+}
+
+.st-table thead > tr > th,
+.st-table tbody > tr > th,
+.st-table tbody > tr > td {
+  border: 1px solid var(--st-table-border);
+  padding: 7px 10px;
+}
+
+.st-table tbody tr:nth-child(odd) {
+  background-color: var(--st-table-odd-bg);
+}
+
+.st-table tbody tr:nth-child(even) th,
+.st-table tbody tr:nth-child(even) td {
+  background-color: var(--st-table-even-bg);
+}
+
+.st-table thead > tr > th {
+  background-color: var(--st-table-header-bg);
+}
+

data/web/assets/tasks/css/ext.css

@@ -0,0 +1,7 @@
+@import url("utilities.css");
+@import url("layouts/header.css");
+@import url("components/forms.css");
+@import url("components/tables.css");
+@import url("components/buttons.css");
+@import url("components/pagination.css");
+

data/web/assets/tasks/css/layouts/header.css

@@ -0,0 +1,5 @@
+.st-header {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+

data/web/assets/tasks/css/utilities.css

@@ -0,0 +1,8 @@
+.st-text-primary {
+  color: #b1003e;
+}
+
+.st-ms-1 {
+  margin-left: 0.25rem;
+}
+

data/web/assets/tasks/js/env_confirmation.js

@@ -0,0 +1,20 @@
+class EnvConfirmation {
+  constructor(envConfirmationInputSelector, submitBtnSelector) {
+    this.envConfirmationInput = document.querySelector(envConfirmationInputSelector);
+    this.submitBtn = document.querySelector(submitBtnSelector);
+  }
+
+  init() {
+    this.submitBtn.disabled = true;
+    this.currentEnv = this.envConfirmationInput.dataset.currentEnv;
+    this.envConfirmationInput.addEventListener("input", this.#handleInputChange.bind(this));
+  }
+
+  #handleInputChange() {
+    this.submitBtn.disabled = this.envConfirmationInput.value !== this.currentEnv;
+  }
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+  new EnvConfirmation("#envConfirmationInput", "#submitBtn").init();
+});

data/{lib/sidekiq/tasks/web → web}/locales/en.yml

@@ -1,4 +1,5 @@
 en:
+  search: "Search"
   prev: "Prev"
   next: "Next"
   tasks: "Tasks"
@@ -10,10 +11,11 @@ en:
   no_history: "No history"
   jid: "JID"
   args: "Arguments"
-  enqueued_at: "Enqueued at"
-  executed_at: "Executed at"
+  enqueued: "Enqueued"
+  executed: "Executed"
   task: "Task"
   desc: "Description"
   strategy: "Strategy"
   run_task: "Run task"
   enqueue: "Enqueue"
+  env_confirmation: "Please enter '%{current_env}' to confirm."

data/{lib/sidekiq/tasks/web → web}/locales/fr.yml

@@ -1,4 +1,5 @@
 fr:
+  search: "Rechercher"
   prev: "Précédent"
   next: "Suivant"
   tasks: "Tâches"
@@ -10,10 +11,11 @@ fr:
   no_history: "Aucun historique"
   jid: "JID"
   args: "Arguments"
-  enqueued_at: "Mise en file d'attente le"
-  executed_at: "Exécuté le"
+  enqueued: "Mise en file d'attente"
+  executed: "Exécuté"
   task: "Tâche"
   desc: "Description"
   strategy: "Stratégie"
   run_task: "Exécuter la tâche"
   enqueue: "Mettre en file d'attente"
+  env_confirmation: "Veuillez saisir '%{current_env}' pour confirmer."

data/web/views/_pagination.erb

@@ -0,0 +1,15 @@
+<% if search.total_pages > 1 %>
+  <div class="st-pagination-wrapper">
+    <div>
+      <small class="st-text-primary">
+        <%= search.tasks.size %> / <%= Sidekiq::Tasks.tasks.size %>
+      </small>
+    </div>
+
+    <ul class="st-pagination">
+      <% Sidekiq::Tasks::Web::Pagination.new(search.page, search.total_pages).links.each do |link| %>
+        <%= pagination_link(root_path, link, search) %>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

data/web/views/task.erb

@@ -0,0 +1,97 @@
+<% if Sidekiq::Tasks::Web::SIDEKIQ_GTE_7_3_0 %>
+  <% style_tag "tasks/css/ext.css" %>
+<% else %>
+  <link href="<%= root_path %>tasks/css/ext.css" media="screen" rel="stylesheet" type="text/css"/>
+<% end %>
+
+<header class="st-header">
+  <h1><%= t("task") %></h1>
+</header>
+
+<table class="st-table">
+  <tbody>
+    <tr>
+      <th><%= t("name") %></th>
+      <td><%= task.name %></td>
+    </tr>
+    <tr>
+      <th><%= t("desc") %></th>
+      <td><%= task.desc %></td>
+    </tr>
+    <tr>
+      <th><%= t("strategy") %></th>
+      <td><%= task.strategy.name %></td>
+    </tr>
+    <tr>
+      <th><%= t("last_enqueued") %></th>
+      <td><%= task.last_enqueue_at ? relative_time(task.last_enqueue_at) : "-" %></td>
+    </tr>
+  </tbody>
+</table>
+
+<header class="">
+  <div class="">
+    <h2><%= t("history") %></h2>
+  </div>
+</header>
+
+<% if task.history.empty? %>
+  <p><%= t("no_history") %></p>
+<% else %>
+  <table class="st-table">
+    <thead>
+    <tr>
+      <th><%= t("jid") %></th>
+      <th><%= t("args") %></th>
+      <th><%= t("enqueued") %></th>
+      <th><%= t("executed") %></th>
+    </tr>
+    </thead>
+    <tbody>
+      <% task.history.each do |jid_history| %>
+        <tr>
+          <td><%= jid_history["jid"] %></td>
+          <td><%= jid_history["args"] %></td>
+          <td><%= jid_history["enqueued_at"] ? relative_time(jid_history["enqueued_at"]) : "-" %></td>
+          <td><%= jid_history["executed_at"] ? relative_time(jid_history["executed_at"]) : "-" %></td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% end %>
+
+<header class="">
+  <div class="">
+    <h2><%= t("run_task") %></h2>
+  </div>
+</header>
+
+<form action="<%= task_url(root_path, task) %>/enqueue" method="post" class="st-form-container">
+  <%= csrf_tag %>
+
+  <div class="st-form-row">
+    <% task.args.each do |arg| %>
+      <div class="st-form-group">
+        <label for="<%= arg %>" class="st-label"><%= arg %></label>
+        <input type="text" id="<%= arg %>" class="st-input" name="args[<%= arg %>]"/>
+      </div>
+    <% end %>
+  </div>
+
+  <div class="st-form-group-full">
+    <label for="envConfirmationInput" class="st-label">
+      <%= t("env_confirmation", current_env: current_env) %>
+    </label>
+    <input type="text" id="envConfirmationInput" class="st-input" name="env_confirmation" data-current-env="<%= current_env %>" required/>
+  </div>
+
+  <button type="submit" class="st-button" id="submitBtn" disabled> 
+    <%= t("enqueue") %>
+  </button>
+</form>
+
+<% if Sidekiq::Tasks::Web::SIDEKIQ_GTE_7_3_0 %>
+  <%= script_tag "tasks/js/env_confirmation.js" %>
+<% else %>
+  <script type="text/javascript" src="<%= root_path %>tasks/js/env_confirmation.js"></script>
+<% end %>

data/{lib/sidekiq/tasks/web/views/tasks.html.erb → web/views/tasks.erb}

@@ -1,10 +1,14 @@
-<div class="header-container">
-  <h1><%= t("tasks") %></h1>
+<% if Sidekiq::Tasks::Web::SIDEKIQ_GTE_7_3_0 %>
+  <% style_tag "tasks/css/ext.css" %>
+<% else %>
+  <link href="<%= root_path %>tasks/css/ext.css" media="screen" rel="stylesheet" type="text/css"/>
+<% end %>
 
-  <form action="<%= root_path %>tasks" class="form-inline" method="get">
-    <input name="filter" class="form-control" type="text" value="<%= @search.filter %>" />
+<header class="st-header">
+  <form action="<%= root_path %>tasks" method="get" class="st-search-form">
+    <input name="filter" class="st-input" type="text" value="<%= @search.filter %>" placeholder="<%= t("search") %>">
 
-    <select name="count" class="form-control">
+    <select name="count" class="st-select">
       <% Sidekiq::Tasks::Web::Search.count_options.each do |count| %>
         <option value="<%= count %>" <%= "selected" if @search.count == count %>>
           <%= count %>
@@ -12,18 +16,16 @@
       <% end %>
     </select>
 
-    <input name="page" type="hidden" value="<%= @search.page %>" />
-
-    <button class="btn btn-default" type="submit">
+    <button type="submit" class="st-button st-button-primary">
       <%= t("filter") %>
     </button>
   </form>
-</div>
+</header>
 
 <% if @search.tasks.empty? %>
   <%= t("no_tasks") %>
 <% else %>
-  <table class="table table-hover table-bordered table-striped table-white">
+  <table class="st-table">
     <thead>
       <tr>
         <th><%= t("name") %></th>
@@ -34,7 +36,7 @@
       <% @search.tasks.each do |task| %>
         <tr>
           <td>
-            <a href="<%= task_url(root_path, task) %>">
+            <a href="<%= task_url(root_path, task) %>" class="st-text-primary">
               <b><%= task.name %></b>
             </a>
           </td>
@@ -45,9 +47,5 @@
     </tbody>
   </table>
 
-  <div class="pull-left">
-    <%= @search.tasks.size %> / <%= Sidekiq::Tasks.tasks.size %>
-  </div>
-
-  <%= render(:erb, read_view(:_pagination), locals: {search: @search}) %>
+  <%= erb(read_view(:_pagination), locals: {search: @search}) %>
 <% end %>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sidekiq-tasks
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.2
 platform: ruby
 authors:
 - Victor
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2025-02-23 00:00:00.000000000 Z
+date: 2025-03-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rake
@@ -30,182 +30,196 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '6'
+        version: '6.5'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '6'
+        version: '6.5'
 - !ruby/object:Gem::Dependency
   name: base64
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 0.1.0
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 0.1.0
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: capybara
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '3.40'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '3.40'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: rack-session
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.0'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.0'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: rack-test
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.1'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rackup
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.1'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '13.0'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '13.0'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: rspec
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '3.0'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '3.0'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: rubocop
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.21'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.21'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: sidekiq
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '6.5'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '6.5'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: simplecov
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '0.21'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '0.21'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: simplecov-json
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '0.2'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '0.2'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: webdrivers
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 5.3.1
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 5.3.1
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: webrick
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 1.9.1
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 1.9.1
+        version: '0'
 description: |
   Sidekiq Tasks is an extension for Sidekiq that provides an interface for launching tasks.
   Natively supports rake tasks and can be easily extended to support other task execution systems.
@@ -245,15 +259,25 @@ files:
 - lib/sidekiq/tasks/web.rb
 - lib/sidekiq/tasks/web/extension.rb
 - lib/sidekiq/tasks/web/helpers/application_helper.rb
+- lib/sidekiq/tasks/web/helpers/pagination_helper.rb
 - lib/sidekiq/tasks/web/helpers/task_helper.rb
-- lib/sidekiq/tasks/web/locales/en.yml
-- lib/sidekiq/tasks/web/locales/fr.yml
+- lib/sidekiq/tasks/web/pagination.rb
 - lib/sidekiq/tasks/web/params.rb
 - lib/sidekiq/tasks/web/search.rb
-- lib/sidekiq/tasks/web/views/_pagination.html.erb
-- lib/sidekiq/tasks/web/views/_task.html.erb
-- lib/sidekiq/tasks/web/views/tasks.html.erb
 - sig/sidekiq/tasks.rbs
+- web/assets/tasks/css/components/buttons.css
+- web/assets/tasks/css/components/forms.css
+- web/assets/tasks/css/components/pagination.css
+- web/assets/tasks/css/components/tables.css
+- web/assets/tasks/css/ext.css
+- web/assets/tasks/css/layouts/header.css
+- web/assets/tasks/css/utilities.css
+- web/assets/tasks/js/env_confirmation.js
+- web/locales/en.yml
+- web/locales/fr.yml
+- web/views/_pagination.erb
+- web/views/task.erb
+- web/views/tasks.erb
 homepage: https://github.com/victorauthiat/sidekiq-tasks
 licenses:
 - MIT

data/lib/sidekiq/tasks/web/views/_pagination.html.erb

@@ -1,25 +0,0 @@
-<% if search.total_pages > 1 %>
-  <ul class="pagination pull-right">
-    <% if search.page > 1 %>
-      <li>
-        <a href="<%= "#{root_path}tasks?filter=#{ERB::Util.url_encode(search.filter)}&count=#{search.count}&page=#{search.page - 1}" %>">
-          <%= t("prev") %>
-        </a>
-      </li>
-    <% end %>
-
-    <% (0..(search.total_pages - 1)).each.with_index(1) do |_page, index| %>
-      <li class="<%= 'active' if index == search.page %>">
-        <a href="<%= "#{root_path}tasks?filter=#{ERB::Util.url_encode(search.filter)}&count=#{search.count}&page=#{index}" %>"><%= index %></a>
-      </li>
-    <% end %>
-
-    <% if search.tasks.any? && search.tasks.size == search.count %>
-      <li>
-        <a href="<%= "#{root_path}tasks?filter=#{ERB::Util.url_encode(search.filter)}&count=#{search.count}&page=#{search.page + 1}" %>">
-          <%= t("next") %>
-        </a>
-      </li>
-    <% end %>
-  </ul>
-<% end %>

data/lib/sidekiq/tasks/web/views/_task.html.erb

@@ -1,84 +0,0 @@
-<header class="row">
-  <div class="span col-sm-5 pull-left">
-    <h1><%= t("task") %></h1>
-  </div>
-</header>
-
-<table class="table table-bordered table-striped">
-  <tbody>
-    <tr>
-      <th><%= t("name") %></th>
-      <td><%= task.name %></td>
-    </tr>
-    <tr>
-      <th><%= t("desc") %></th>
-      <td><%= task.desc %></td>
-    </tr>
-    <tr>
-      <th><%= t("strategy") %></th>
-      <td><%= task.strategy.name %></td>
-    </tr>
-    <tr>
-      <th><%= t("last_enqueued") %></th>
-      <td><%= task.last_enqueue_at ? relative_time(task.last_enqueue_at) : "-" %></td>
-    </tr>
-  </tbody>
-</table>
-
-<header class="row">
-  <div class="col-sm-12">
-    <h2><%= t("history") %></h2>
-  </div>
-</header>
-
-<% if task.history.empty? %>
-  <p><%= t("no_history") %></p>
-<% else %>
-  <table class="table table-hover table-bordered table-striped">
-    <thead>
-    <tr>
-      <th><%= t("jid") %></th>
-      <th><%= t("args") %></th>
-      <th><%= t("enqueued_at") %></th>
-      <th><%= t("executed_at") %></th>
-    </tr>
-    </thead>
-    <tbody>
-      <% task.history.each do |jid_history| %>
-        <tr>
-          <td><%= jid_history["jid"] %></td>
-          <td><%= jid_history["args"] %></td>
-          <td><%= jid_history["enqueued_at"] ? relative_time(jid_history["enqueued_at"]) : "-" %></td>
-          <td><%= jid_history["executed_at"] ? relative_time(jid_history["executed_at"]) : "-" %></td>
-        </tr>
-      <% end %>
-    </tbody>
-  </table>
-<% end %>
-
-<header class="row">
-  <div class="col-sm-12">
-    <h2><%= t("run_task") %></h2>
-  </div>
-</header>
-
-<form action="<%= task_url(root_path, task) %>/enqueue" method="post">
-  <%= csrf_tag %>
-
-  <div class="container">
-    <div class="row">
-      <% task.args.each do |arg| %>
-        <div class="col-md-6 mb-3">
-          <div class="form-group">
-            <label for="<%= arg %>" class="form-label"><%= arg %></label>
-            <input type="text" class="form-control" name="args[<%= arg %>]" id="<%= arg %>" />
-          </div>
-        </div>
-      <% end %>
-    </div>
-  </div>
-
-  <button type="submit" class="btn btn-primary">
-    <%= t("enqueue") %>
-  </button>
-</form>