karafka-web 0.10.4 → 0.11.0.beta1

data/lib/karafka/web/pro/ui/views/consumers/consumers/consumer/_commands.erb

@@ -0,0 +1,80 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<%
+  commanding_class = 'btn-disabled'
+  commanding_class = '' if features.commanding?
+  trace_class = 'btn-disabled'
+  trace_class = '' unless process.tags.include?('embedded')
+%>
+
+<div class="col-span-12 flex justify-end space-x-2 mb-6">
+  <%
+    trace_path = consumers_path('commanding', process.id, 'trace')
+    disabled_class = process.status != 'stopped' ? '' : 'btn-disabled'
+  %>
+  <form
+    action="<%= trace_path %>"
+    method="post"
+    class="inline-flex items-center"
+  >
+    <%== csrf_tag(trace_path) %>
+    <button
+      type="submit"
+      class="btn btn-info btn-sm btn-lockable <%= disabled_class %> <%= commanding_class %>"
+    >
+      <%== icon(:gear) %>
+      Trace
+    </button>
+  </form>
+
+  <%
+    quiet_path = consumers_path('commanding', process.id, 'quiet')
+    disabled_class = process.status == 'running' ? '' : 'btn-disabled'
+
+    unless process.execution_mode == 'standalone'
+      disabled_class = 'btn-disabled'
+      title = 'Supported only in standalone consumer processes'
+    end
+  %>
+  <form
+    action="<%= quiet_path %>"
+    method="post"
+    class="inline-flex items-center"
+    title="<%= title %>"
+  >
+    <%== csrf_tag(quiet_path) %>
+    <button
+      type="submit"
+      class="btn btn-warning btn-sm btn-lockable <%= disabled_class %> <%= commanding_class %> <%= trace_class %>"
+    >
+      <%== icon(:pause) %>
+      Quiet
+    </button>
+  </form>
+
+  <%
+    stop_path = consumers_path('commanding', process.id, 'stop')
+    disabled_class = process.status != 'stopping' && process.status != 'stopped' ? '' : 'btn-disabled'
+
+    unless process.execution_mode == 'standalone'
+      disabled_class = 'btn-disabled'
+      title = 'Supported only in standalone consumer processes'
+    end
+  %>
+  <form
+    action="<%= stop_path %>"
+    method="post"
+    class="inline-flex items-center"
+    title="<%= title %>"
+  >
+    <%== csrf_tag(stop_path) %>
+    <button
+      type="submit"
+      class="btn btn-error btn-sm btn-lockable <%= disabled_class %> <%= commanding_class %> <%= trace_class %>"
+    >
+      <%== icon(:stop) %>
+      Stop
+    </button>
+  </form>
+</div>

data/lib/karafka/web/pro/ui/views/consumers/consumers/consumer/_consumer_group.erb

@@ -0,0 +1,11 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<%==
+  render_each(
+    consumer_group.subscription_groups,
+    'consumers/consumers/consumer/_subscription_group',
+    local: :subscription_group,
+    locals: { consumer_group: consumer_group }
+  )
+%>

data/lib/karafka/web/pro/ui/views/consumers/{consumer → consumers/consumer}/_metrics.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div id="metrics" class="w-full">
   <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-4 mb-6">
     <div class="card-metric">

data/lib/karafka/web/pro/ui/views/consumers/consumers/consumer/_no_subscriptions.erb

@@ -0,0 +1,10 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="container-wrapper mb-4">
+  <div class="row">
+    <div class="col-lg-12">
+      <%== alert_info('This process is not subscribed to any topics.') %>
+    </div>
+  </div>
+</div>

data/lib/karafka/web/pro/ui/views/consumers/{consumer → consumers/consumer}/_partition.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <tr class="<%= lso_risk_state_bg(partition) %>">
   <td>
     <%= partition.id %>
@@ -33,4 +36,17 @@
       <%= partition.lso_risk_state %>
     </span>
   </td>
+
+  <td>
+    <%== partial(
+      'consumers/consumers/consumer/partition_edit_options',
+      locals: {
+        process: @process,
+        subscription_group_id: subscription_group.id,
+        topic_name: topic.name,
+        partition: partition
+      }
+    )
+    %>
+  </td>
 </tr>

data/lib/karafka/web/pro/ui/views/consumers/consumers/consumer/_partition_edit_options.erb

@@ -0,0 +1,33 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<%
+  feature_class = 'btn-disabled'
+  feature_class = '' if features.commanding?
+%>
+
+<a
+  href="<%= consumer_path(process.id, 'partitions', subscription_group_id, topic_name, partition.id, 'offset', 'edit') %>"
+  class="btn btn-info btn-sm <%= feature_class %>"
+  title="Edit the offset position for this topic partition"
+>
+  <%== icon(:pencil_square) %>
+</a>
+
+<% if partition.poll_state != 'active' %>
+  <a
+    href="<%= consumer_path(process.id, 'partitions', subscription_group_id, topic_name, partition.id, 'pause', 'edit') %>"
+    class="btn btn-success btn-sm <%= feature_class %>"
+    title="Resume processing of this topic partition"
+  >
+    <%== icon(:play) %>
+  </a>
+<% end %>
+
+<a
+  href="<%= consumer_path(process.id, 'partitions', subscription_group_id, topic_name, partition.id, 'pause', 'new') %>"
+  class="btn btn-warning btn-sm <%= feature_class %>"
+  title="Setup or configure pause duration for this topic partition"
+>
+  <%== icon(:pause) %>
+</a>

data/lib/karafka/web/pro/ui/views/consumers/{consumer → consumers/consumer}/_stopped.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div class="mb-6">
   <%==
     alert_error(

data/lib/karafka/web/pro/ui/views/consumers/{consumer → consumers/consumer}/_subscription_group.erb

@@ -1,4 +1,7 @@
-<h2 class="h2 mb-3">
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<h2 class="h2 mb-3" id="<%= subscription_group.id %>">
   <%= consumer_group.id %> /
   <%= subscription_group.id %>
 </h2>
@@ -103,7 +106,8 @@
             <th rowspan="2"><%== sort_link('Partition', :id) %></th>
             <th colspan="2">Lag</th>
             <th colspan="2">Offsets</th>
-            <th colspan="10">States</th>
+            <th colspan="3">States</th>
+            <th rowspan="2">Options</th>
           </tr>
           <tr>
             <th><%== sort_link(:lag_hybrid) %></th>
@@ -119,7 +123,7 @@
             <% topic.partitions.each do |partition| %>
               <%==
                 partial(
-                  'consumers/consumer/partition',
+                  'consumers/consumers/consumer/partition',
                   locals: {
                     topic: topic,
                     partition: partition,

data/lib/karafka/web/pro/ui/views/consumers/{consumer → consumers/consumer}/_tabs.erb

@@ -1,28 +1,31 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div class="tab-container-wrapper">
   <div class="tab-container">
     <a
-      href="<%= root_path('consumers', @process.id, 'subscriptions') %>"
+      href="<%= consumer_path(@process.id, 'subscriptions') %>"
       class="custom-tab <%= nav_class(include: 'subscriptions') %>"
     >
       Subscriptions (<%= @process.subscribed_partitions_count %>)
     </a>
 
     <a
-      href="<%= root_path('consumers', @process.id, 'jobs', 'running') %>"
+      href="<%= consumer_path(@process.id, 'jobs', 'running') %>"
       class="custom-tab <%= nav_class(include: 'jobs/running') %>"
     >
       Running jobs (<%= @process.jobs.running.count %>)
     </a>
 
     <a
-      href="<%= root_path('consumers', @process.id, 'jobs', 'pending') %>"
+      href="<%= consumer_path(@process.id, 'jobs', 'pending') %>"
       class="custom-tab <%= nav_class(include: 'jobs/pending') %>"
     >
       Pending jobs (<%= @process.jobs.pending.count %>)
     </a>
 
     <a
-      href="<%= root_path('consumers', @process.id, 'details') %>"
+      href="<%= consumer_path(@process.id, 'details') %>"
       class="custom-tab <%= nav_class(include: 'details') %>"
     >
       Details

data/lib/karafka/web/pro/ui/views/consumers/consumers/details.erb

@@ -0,0 +1,15 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% view_title @process.id %>
+
+<% if @process.status == 'stopped' %>
+  <%== partial 'consumers/consumers/consumer/stopped' %>
+<% end %>
+
+<%== partial 'consumers/consumers/consumer/tabs' %>
+
+<%== partial 'consumers/consumers/consumer/commands', locals: { process: @process } %>
+<%== partial 'consumers/consumers/consumer/metrics' %>
+
+<pre class="code"><code class="json p-0 m-0"><%= JSON.pretty_generate(@process.to_h) %></code></pre>

data/lib/karafka/web/pro/ui/views/consumers/{index.erb → consumers/index.erb}

@@ -1,7 +1,10 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title 'Consumers' %>
 
 <%== partial 'consumers/summary' %>
-<%== partial 'consumers/tabs' %>
+<%== partial 'consumers/consumers/tabs' %>
 
 <div class="col-span-12">
   <% if @processes.empty? && params.current_page <= 1 %>
@@ -13,7 +16,7 @@
       <table class="data-table">
         <thead>
           <tr>
-            <th><%== sort_link(:id) %></th>
+            <th><%== sort_link('Process ID', :id) %></th>
             <th class="col-sm-2"><%== sort_link(:started_at, rev: true) %></th>
             <th class="col-sm-1">Memory</th>
             <th class="col-sm-1">Performance</th>
@@ -25,7 +28,7 @@
           <%==
             render_each(
               @processes,
-              'consumers/_consumer',
+              'consumers/consumers/_consumer',
               local: :process
             )
           %>

data/lib/karafka/web/pro/ui/views/consumers/{performance.erb → consumers/performance.erb}

@@ -1,6 +1,9 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title 'Consumers Performance Details' %>
 
-<%== partial 'consumers/tabs' %>
+<%== partial 'consumers/consumers/tabs' %>
 
 <div class="col-span-12">
   <% if @processes.empty? && params.current_page <= 1 %>
@@ -12,7 +15,7 @@
       <table class="data-table">
         <thead>
           <tr>
-            <th colspan="1" rowspan="2"><%== sort_link(:id) %></th>
+            <th colspan="1" rowspan="2"><%== sort_link('Process ID', :id) %></th>
             <th colspan="1" rowspan="2"><%== sort_link(:memory_usage) %></th>
             <th colspan="1" rowspan="2"><%== sort_link(:utilization) %></th>
             <th colspan="1" rowspan="2"><%== sort_link(:threads) %></th>
@@ -37,7 +40,7 @@
           <%==
             render_each(
               @processes,
-              'consumers/_consumer_performance',
+              'consumers/consumers/_consumer_performance',
               local: :process
             )
           %>

data/lib/karafka/web/pro/ui/views/consumers/consumers/subscriptions.erb

@@ -0,0 +1,24 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% view_title @process.id %>
+
+<div class="col-span-12">
+  <% if @process.status == 'stopped' %>
+    <%== partial 'consumers/consumers/consumer/stopped' %>
+  <% end %>
+
+  <%== partial 'consumers/consumers/consumer/tabs' %>
+
+  <% if @process.subscribed? %>
+    <%==
+      render_each(
+        @process.consumer_groups,
+        'consumers/consumers/consumer/_consumer_group',
+        local: :consumer_group
+      )
+    %>
+  <% else %>
+    <%== partial 'consumers/consumers/consumer/no_subscriptions' %>
+  <% end %>
+</div>

data/lib/karafka/web/pro/ui/views/consumers/controls/_breadcrumbs.erb

@@ -0,0 +1,16 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<li>
+  <a href="<%= consumers_path('overview') %>">
+    Consumers
+  </a>
+</li>
+
+<% if current_path.include?('/controls') %>
+  <li>
+    <a href="<%= consumers_path('controls') %>">
+      Controls
+    </a>
+  </li>
+<% end %>

data/lib/karafka/web/pro/ui/views/consumers/controls/_controls.erb

@@ -0,0 +1,107 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% if process.schema_compatible? %>
+  <tr class="status-row-<%= process.status %>">
+    <td>
+      <a href="<%= consumer_path(process.id, 'subscriptions') %>">
+        <%== truncate(process.id, strategy: :middle) %>
+      </a>
+
+      <p class="mt-1">
+        <%== tags(process.tags) %>
+      </p>
+    </td>
+
+    <td>
+      <div class="badge <%= status_badge(process.status) %>">
+        <%= process.status %>
+      </div>
+    </td>
+
+    <td>
+      <%== partial 'consumers/assignments_badges', locals: { process: process } %>
+    </td>
+
+    <td>
+      <%== relative_time process.started_at %>
+    </td>
+
+    <td>
+      <span class="badge badge-primary">
+        <%= format_memory process.memory_usage %>
+      </span>
+    </td>
+
+    <td>
+      <span class="badge badge-primary">
+        <%= process.utilization.round(1) %>%
+      </span>
+      <span class="badge badge-primary">
+        <%= process.workers %> /
+        <%= process.busy %>
+      </span>
+    </td>
+
+    <td>
+      <%= process.lag_hybrid %>
+    </td>
+
+    <td class="commands-inline-3">
+      <%
+        trace_path = consumers_path('commanding', process.id, 'trace')
+        disabled_class = process.status != 'stopped' ? '' : 'btn-disabled'
+      %>
+      <form action="<%= trace_path %>" method="post" class="inline" title="Trace">
+        <%== csrf_tag(trace_path) %>
+
+        <button type="submit" class="btn btn-info btn-sm btn-lockable <%= disabled_class %>">
+          <%== icon(:gear) %>
+        </button>
+      </form>
+
+      <%
+        quiet_path = consumers_path('commanding', process.id, 'quiet')
+        disabled_class = process.status == 'running' ? '' : 'btn-disabled'
+
+        if process.execution_mode == 'standalone'
+          title = 'Quiet'
+        else
+          disabled_class = 'btn-disabled'
+          title = 'Supported only in standalone consumer processes'
+        end
+      %>
+      <form action="<%= quiet_path %>" method="post" class="inline" title="<%= title %>">
+        <%== csrf_tag(quiet_path) %>
+        <button type="submit" class="btn btn-warning btn-sm btn-lockable <%= disabled_class %>">
+          <%== icon(:pause) %>
+        </button>
+      </form>
+
+      <%
+        stop_path = consumers_path('commanding', process.id, 'stop')
+        disabled_class = process.status != 'stopping' && process.status != 'stopped' ? '' : 'btn-disabled'
+
+        if process.execution_mode == 'standalone'
+          title = 'Stop'
+        else
+          disabled_class = 'btn-disabled'
+          title = 'Supported only in standalone consumer processes'
+        end
+      %>
+      <form action="<%= stop_path %>" method="post" class="inline" title="<%= title %>">
+        <%== csrf_tag(stop_path) %>
+        <button type="submit" class="btn btn-error btn-sm btn-lockable <%= disabled_class %>">
+          <%== icon(:stop) %>
+        </button>
+      </form>
+    </td>
+  </tr>
+<% else %>
+  <%==
+    partial(
+      'consumers/incompatible',
+      locals: { colspan: 7, process: process }
+    )
+  %>
+<% end %>

data/lib/karafka/web/pro/ui/views/consumers/{controls.erb → controls/index.erb}

@@ -1,11 +1,14 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title 'Consumers Controls' %>
 
-<%== partial 'consumers/tabs' %>
+<%== partial 'consumers/consumers/tabs' %>
 
 <% unless @processes.empty? %>
   <div class="col-span-12 flex justify-end space-x-2 mb-6">
     <%
-      quiet_all_path = root_path('commanding', 'quiet_all')
+      quiet_all_path = consumers_path('commanding', 'quiet_all')
     %>
     <form action="<%= quiet_all_path %>" method="post" class="inline-flex items-center">
       <%== csrf_tag(quiet_all_path) %>
@@ -16,7 +19,7 @@
     </form>
 
     <%
-      stop_all_path = root_path('commanding', 'stop_all')
+      stop_all_path = consumers_path('commanding', 'stop_all')
     %>
     <form action="<%= stop_all_path %>" method="post" class="inline-flex items-center">
       <%== csrf_tag(stop_all_path) %>
@@ -38,7 +41,7 @@
       <table class="data-table">
         <thead>
           <tr>
-            <th><%== sort_link(:id) %></th>
+            <th><%== sort_link('Process ID', :id) %></th>
             <th><%== sort_link(:status) %></th>
             <th>Subscriptions</th>
             <th><%== sort_link(:started_at, rev: true) %></th>
@@ -52,7 +55,7 @@
           <%==
             render_each(
               @processes,
-              'consumers/_consumer_controls',
+              'consumers/controls/_controls',
               local: :process
             )
           %>

data/lib/karafka/web/pro/ui/views/consumers/jobs/_breadcrumbs.erb

@@ -0,0 +1,36 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<li>
+  <a href="<%= consumers_path('overview') %>">
+    Consumers
+  </a>
+</li>
+
+<li>
+  <a href="<%= consumer_path(@process.id, 'subscriptions') %>">
+    <%== truncate(@process.id, strategy: :middle) %>
+  </a>
+</li>
+
+<li>
+  <a href="<%= consumer_path(@process.id, 'jobs') %>">
+    Jobs
+  </a>
+</li>
+
+<% if current_path.include?('/running') %>
+  <li>
+    <a href="<%= consumer_path(@process.id, 'jobs', 'pending') %>">
+      Running
+    </a>
+  </li>
+<% end %>
+
+<% if current_path.include?('/pending') %>
+  <li>
+    <a href="<%= consumer_path(@process.id, 'jobs', 'pending') %>">
+      Pending
+    </a>
+  </li>
+<% end %>

data/lib/karafka/web/pro/ui/views/consumers/{consumer → jobs}/_job.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <tr>
   <td>
     <span class="badge badge-secondary" title="Consumer group: <%= job.consumer_group %>">

data/lib/karafka/web/pro/ui/views/consumers/{consumer → jobs}/_no_jobs.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div class="container mb-4">
   <div class="row">
     <div class="col-lg-12">

data/lib/karafka/web/pro/ui/views/consumers/{pending_jobs.erb → jobs/pending.erb}

@@ -1,18 +1,17 @@
-<% view_title @process.id %>
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
 
-<%== partial 'consumers/consumer/commands', locals: { process: @process } %>
+<% view_title @process.id %>
 
 <div class="col-span-12">
   <% if @process.status == 'stopped' %>
-    <%== partial 'consumers/consumer/stopped' %>
+    <%== partial 'consumers/consumers/consumer/stopped' %>
   <% end %>
 
-  <%== partial 'consumers/consumer/metrics' %>
-
-  <%== partial 'consumers/consumer/tabs' %>
+  <%== partial 'consumers/consumers/consumer/tabs' %>
 
   <% if @pending_jobs.empty? %>
-    <%== partial 'consumers/consumer/no_jobs', locals: { type: 'pending' } %>
+    <%== partial 'consumers/jobs/no_jobs', locals: { type: 'pending' } %>
   <% else %>
     <div class="data-table-wrapper">
       <table class="data-table">
@@ -35,7 +34,7 @@
           <%==
             render_each(
               @pending_jobs,
-              'consumers/consumer/_job',
+              'consumers/jobs/_job',
               local: :job
             )
           %>

data/lib/karafka/web/pro/ui/views/consumers/{running_jobs.erb → jobs/running.erb}

@@ -1,18 +1,17 @@
-<% view_title @process.id %>
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
 
-<%== partial 'consumers/consumer/commands', locals: { process: @process } %>
+<% view_title @process.id %>
 
 <div class="col-span-12">
   <% if @process.status == 'stopped' %>
-    <%== partial 'consumers/consumer/stopped' %>
+    <%== partial 'consumers/consumers/consumer/stopped' %>
   <% end %>
 
-  <%== partial 'consumers/consumer/metrics' %>
-
-  <%== partial 'consumers/consumer/tabs' %>
+  <%== partial 'consumers/consumers/consumer/tabs' %>
 
   <% if @running_jobs.empty? %>
-    <%== partial 'consumers/consumer/no_jobs', locals: { type: 'running' } %>
+    <%== partial 'consumers/jobs/no_jobs', locals: { type: 'running' } %>
   <% else %>
     <div class="data-table-wrapper">
       <table class="data-table">
@@ -35,7 +34,7 @@
           <%==
             render_each(
               @running_jobs,
-              'consumers/consumer/_job',
+              'consumers/jobs/_job',
               local: :job
             )
           %>