karafka-web 0.11.5 → 0.11.6

data/lib/karafka/web/ui/views/shared/exceptions/pro_only.erb

@@ -9,13 +9,13 @@
         <h1 class="text-8xl font-bold">Pro feature</h1>
 
         <p class="text-3xl mt-10">
-          <span class="text-red-500">Oops!</span> This Web UI feature is available only to
-          <a href="https://karafka.io/#become-pro" target="_blank" class="text-blue-500 underline">Pro</a> users.
+          <span class="text-error">Oops!</span> This feature is available only to
+          <a href="https://karafka.io/#become-pro" target="_blank" class="link link-primary">Pro</a> users.
         </p>
 
         <div class="mt-10">
           <p class="mb-10 text-lg font-light">
-            Open Source software is great, but it is only sometimes sustainable, especially for projects with high-quality expectations. Please help us make the Karafka ecosystem better by subscribing to our <a target="_blank" href="https://karafka.io/#become-pro" class="text-blue-500 underline">Pro</a> offering.
+            Open Source software is great, but it is only sometimes sustainable, especially for projects with high-quality expectations. Please help us make the Karafka ecosystem better by subscribing to our <a target="_blank" href="https://karafka.io/#become-pro" class="link link-primary">Pro</a> offering.
           </p>
 
           <p class="text-lg font-light mb-5">Karafka Pro includes:</p>
@@ -33,7 +33,7 @@
 
           <p>
             <a href="<%= root_path %>" class="btn btn-primary mr-2 rounded-md py-1">Go Home</a>
-            <a href="https://karafka.io/#become-pro" class="btn btn-success text-white rounded-md" target="_blank">Become Pro!</a>
+            <a href="https://karafka.io/#become-pro" class="btn btn-success rounded-md" target="_blank">Become Pro!</a>
           </p>
         </div>
       </div>

data/lib/karafka/web/ui/views/shared/exceptions/unhandled_error.erb

@@ -9,7 +9,7 @@
         <h1 class="text-8xl font-bold">500</h1>
 
         <p class="text-3xl mt-5">
-          <span class="text-red-500">Oops!</span> Internal Server Error.
+          <span class="text-error">Oops!</span> Internal Server Error.
         </p>
 
         <div class="mt-5">
@@ -20,8 +20,8 @@
           <p class="text-lg font-light mb-5">This error has been reported and logged. Please try the following:</p>
 
           <ul class="list-disc text-left text-lg mb-10 pl-5 font-light">
-            <li>Visit the <a href="<%= root_path('status') %>" class="text-blue-500 underline">Status</a> page to check if there are any system issues</li>
-            <li>Check the <a href="<%= root_path('errors') %>" class="text-blue-500 underline">Errors</a> page for details about this error</li>
+            <li>Visit the <a href="<%= root_path('status') %>" class="link link-primary">Status</a> page to check if there are any system issues</li>
+            <li>Check the <a href="<%= root_path('errors') %>" class="link link-primary">Errors</a> page for details about this error</li>
             <li>Verify that all required topics exist and are accessible</li>
             <li>Ensure you have a working connection with your Kafka cluster</li>
             <li>Try refreshing the page or navigating back to retry your action</li>
@@ -33,7 +33,7 @@
 
           <p>
             <a href="<%= root_path %>" class="btn btn-primary mr-2 rounded-md py-1">Go Home</a>
-            <a href="<%= root_path('status') %>" class="btn btn-success text-white rounded-md">Status page</a>
+            <a href="<%= root_path('status') %>" class="btn btn-success rounded-md">Status page</a>
           </p>
         </div>
       </div>

data/lib/karafka/web/ui/views/status/show.erb

@@ -208,6 +208,21 @@
     )
   %>
 
+  <%==
+    partial(
+      "status/#{@status.commands_topic_presence.to_s}",
+      locals: {
+        title: 'Commands topic presence',
+        description: partial(
+          'status/warnings/commands_topic_presence',
+          locals: {
+            details: @status.commands_topic_presence.details
+          }
+        )
+      }
+    )
+  %>
+
   <%==
     partial(
       "status/#{@status.pro_subscription.to_s}",

data/lib/karafka/web/ui/views/status/warnings/_commands_topic_presence.erb

@@ -0,0 +1,14 @@
+<p class="mb-2">
+  The commands topic <code><%= details[:topic_name] %></code> does not exist.
+</p>
+
+<p class="mb-2">
+  This topic is required for Pro commanding features (pause, resume, trace consumers and partitions).
+  Without it, commanding features will not work.
+</p>
+
+<p>
+  Please run <code>bundle exec karafka-web install</code> to create the missing topic, or create it
+  manually following the
+  <a href="https://karafka.io/docs/Web-UI-Getting-Started/" target="_blank">setup instructions</a>.
+</p>

data/lib/karafka/web/ui/views/ux/_code.erb

@@ -5,5 +5,4 @@
 /mnt/software/Karafka/karafka/lib/karafka/process.rb:91:in `each'
 /mnt/software/Karafka/karafka/lib/karafka/process.rb:91:in `block (2 levels) in trap_signal'
 </code></pre>
-</div>
 <div class="mb-6"></div>

data/lib/karafka/web/ui/views/ux/_data_table.erb

@@ -80,3 +80,82 @@
   </div>
 </div>
 <div class="mb-6"></div>
+
+<div>
+  <div class="data-table-wrapper">
+    <table class="data-table">
+      <thead>
+        <tr>
+          <th colspan="3">
+            Topic Name Header (with th.options / td.options)
+          </th>
+          <th colspan="1" class="options">
+            .options
+          </th>
+        </tr>
+        <tr>
+          <th>
+            Header 1
+          </th>
+          <th>
+            Header 2
+          </th>
+          <th>
+            Header 3
+          </th>
+          <th class="options">
+            <div class="inline-flex gap-2">
+              <a href="#" class="btn btn-success btn-sm">
+                <%== icon(:play) %>
+                Resume All
+              </a>
+              <a href="#" class="btn btn-warning btn-sm">
+                <%== icon(:pause) %>
+                Pause All
+              </a>
+            </div>
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Row 1 Column 1 with long text content</td>
+          <td>Row 1 Column 2</td>
+          <td>Row 1 Column 3</td>
+          <td class="options">
+            <a href="#" class="btn btn-primary btn-sm">
+              <%== icon(:pencil) %>
+            </a>
+          </td>
+        </tr>
+
+        <tr>
+          <td>Row 2 Column 1</td>
+          <td>Row 2 Column 2 with more content</td>
+          <td>Row 2 Column 3</td>
+          <td class="options">
+            <a href="#" class="btn btn-primary btn-sm">
+              <%== icon(:pencil) %>
+            </a>
+          </td>
+        </tr>
+
+        <tr>
+          <td>Row 3 Column 1</td>
+          <td>Row 3 Column 2</td>
+          <td>Row 3 Column 3 with extra text</td>
+          <td class="options">
+            <a href="#" class="btn btn-primary btn-sm">
+              <%== icon(:pencil) %>
+            </a>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    <p class="table_metadata">
+      Table with th.options class (width: 1%; white-space: nowrap)
+    </p>
+  </div>
+</div>
+<div class="mb-6"></div>

data/lib/karafka/web/ui/views/ux/_headers.erb

@@ -1,2 +1,2 @@
-<h2 class=h2>h2 with .h2</h2>
+<h2 class="h2">h2 with .h2</h2>
 <div class="mb-6"></div>

data/lib/karafka/web/ui/views/ux/_pagination.erb

@@ -21,7 +21,7 @@
           </a>
         </li>
 
-      <li class="">
+      <li>
         <a class="btn font-bold font-normal" href="#">
           <span>Next ›</span>
         </a>

data/lib/karafka/web/version.rb

@@ -3,6 +3,6 @@
 module Karafka
   module Web
     # Current gem version
-    VERSION = '0.11.5'
+    VERSION = "0.11.6"
   end
 end

data/lib/karafka/web.rb

@@ -1,13 +1,13 @@
 # frozen_string_literal: true
 
-require 'karafka'
-require 'roda'
-require 'etc'
-require 'open3'
-require 'zlib'
-require 'securerandom'
-require 'cgi'
-require 'uri'
+require "karafka"
+require "roda"
+require "etc"
+require "open3"
+require "zlib"
+require "securerandom"
+require "cgi"
+require "uri"
 
 module Karafka
   # Karafka Web UI + Karafka web monitoring
@@ -22,16 +22,16 @@ module Karafka
 
       # @return [String] root path of this gem
       def gem_root
-        Pathname.new(File.expand_path('../..', __dir__))
+        Pathname.new(File.expand_path("../..", __dir__))
       end
 
       # Sets up the whole configuration
       def setup(&)
         # You should never reconfigure Web UI after it has been enabled
-        raise Errors::LateSetupError, 'Always call #setup before #enable!' if config.enabled
+        raise Errors::LateSetupError, "Always call #setup before #enable!" if config.enabled
 
         if Karafka.pro?
-          require_relative 'web/pro/loader'
+          require_relative "web/pro/loader"
 
           Pro::Loader.load_on_late_setup
           Pro::Loader.pre_setup_all(config)
@@ -70,28 +70,28 @@ module Karafka
       # @return [Array<String>] Web UI slogans we use to encourage people to support Karafka
       def slogans
         @slogans ||= YAML.load_file(
-          gem_root.join('config', 'locales', 'slogans.yml')
-        ).dig('en', 'slogans')
+          gem_root.join("config", "locales", "slogans.yml")
+        ).dig("en", "slogans")
       end
     end
   end
 end
 
-require_relative 'web/inflector'
+require_relative "web/inflector"
 
 loader = Zeitwerk::Loader.new
 
 # Make sure pro is not loaded unless Pro
-loader.ignore(Karafka::Web.gem_root.join('lib/karafka/web/pro'))
+loader.ignore(Karafka::Web.gem_root.join("lib/karafka/web/pro"))
 
 # If license is detected, we can use loader without limitations
 Karafka::Licenser.detect do
   loader = Zeitwerk::Loader.new
 end
 
-loader.tag = 'karafka-web'
+loader.tag = "karafka-web"
 # Use our custom inflector to support migrations
-root = File.expand_path('..', __dir__)
+root = File.expand_path("..", __dir__)
 loader.inflector = Karafka::Web::Inflector.new("#{root}/karafka/web.rb")
 loader.push_dir(root)