karafka-web 0.9.1 → 0.10.1

data/lib/karafka/web/pro/ui/views/recurring_tasks/_batch_actions.erb

@@ -0,0 +1,45 @@
+<div class="col-span-12 flex justify-end space-x-2 mb-6">
+  <%
+    trigger_all_path = root_path('recurring_tasks', 'trigger_all')
+    disable_class = @tasks.empty? ? 'btn-disabled' : ''
+  %>
+  <form
+    action="<%= trigger_all_path %>"
+    method="post"
+    class="inline-flex items-center"
+  >
+    <%== csrf_tag(trigger_all_path) %>
+    <button type="submit" class="btn btn-primary btn-sm <%= disable_class %>">
+      <%== icon(:play) %>
+      Trigger All
+    </button>
+  </form>
+
+  <%
+    enable_all_path = root_path('recurring_tasks', 'enable_all')
+    disable_class = @tasks.all?(&:enabled?) ? 'btn-disabled' : ''
+  %>
+  <form
+    action="<%= enable_all_path %>"
+    method="post"
+    class="inline-flex items-center"
+  >
+    <%== csrf_tag(enable_all_path) %>
+    <button type="submit" class="btn btn-success btn-sm <%= disable_class %>">
+      <%== icon(:check) %>
+      Enable All
+    </button>
+  </form>
+
+  <%
+    disable_all_path = root_path('recurring_tasks', 'disable_all')
+    disable_class = @tasks.none?(&:enabled?) ? 'btn-disabled' : ''
+  %>
+  <form action="<%= disable_all_path %>" method="post" class="inline-flex items-center">
+    <%== csrf_tag(disable_all_path) %>
+    <button type="submit" class="btn btn-warning btn-sm <%= disable_class %>">
+      <%== icon(:pause) %>
+      Disable All
+    </button>
+  </form>
+</div>

data/lib/karafka/web/pro/ui/views/recurring_tasks/_breadcrumbs.erb

@@ -0,0 +1,22 @@
+<li>
+  <a href="<%= root_path('recurring_tasks') %>">
+    Recurring Tasks
+  </a>
+</li>
+
+<% if current_path.include?('/schedule') %>
+  <li>
+    <a href="<%= root_path('recurring_tasks/schedule') %>">
+      Schedule
+      <%= @schedule ? @schedule.schedule_version : '' %>
+    </a>
+  </li>
+<% end %>
+
+<% if current_path.include?('/logs') %>
+  <li>
+    <a href="<%= root_path('recurring_tasks/logs') %>">
+      Logs
+    </a>
+  </li>
+<% end %>

data/lib/karafka/web/pro/ui/views/recurring_tasks/_log.erb

@@ -0,0 +1,26 @@
+<% result = log.task[:result] == 'success' %>
+<tr class="<%= result ? '' : 'status-row-error' %>">
+  <td>
+    <%= log.id %>
+  </td>
+  <td>
+    <% if result %>
+      <%== badge_success 'Success' %>
+    <% else %>
+      <%== badge_error 'Error' %>
+    <% end %>
+  </td>
+  <td>
+    <% if result %>
+      <%== log.task[:time_taken].round(2) %> ms
+    <% else %>
+      N/A
+    <% end %>
+  </td>
+  <td>
+    <%== relative_time log.dispatched_at %>
+  </td>
+  <td>
+    <%= log.schedule_version %>
+  </td>
+</tr>

data/lib/karafka/web/pro/ui/views/recurring_tasks/_not_active.erb

@@ -0,0 +1,12 @@
+<% alert_box_info('Recurring Tasks Data Unavailable') do %>
+  <p class="mb-2">
+    We are unable to display data related to recurring tasks. Please ensure that:
+  </p>
+
+  <ul class="list-disc list-inside">
+    <li>Recurring Tasks are enabled in your routing configuration.</li>
+    <li>The necessary Kafka topics have been created.</li>
+    <li>A schedule has been defined.</li>
+    <li>our Karafka server, with schedule awareness, is running and has persisted the state.</li>
+  </ul>
+<% end %>

data/lib/karafka/web/pro/ui/views/recurring_tasks/_tabs.erb

@@ -0,0 +1,17 @@
+<div class="col-span-12 mb-9">
+  <div class="tab-container">
+    <a
+      href="<%= root_path('recurring_tasks', 'schedule') %>"
+      class="custom-tab <%= nav_class(include: 'schedule') %>"
+    >
+      Schedules
+    </a>
+
+    <a
+      href="<%= root_path('recurring_tasks', 'logs') %>"
+      class="custom-tab <%= nav_class(include: '/logs') %>"
+    >
+      Logs
+    </a>
+  </div>
+</div>

data/lib/karafka/web/pro/ui/views/recurring_tasks/_task.erb

@@ -0,0 +1,46 @@
+<tr class="<%= task.enabled? ? '' : 'status-row-warning text-muted' %>">
+  <td>
+      <%= task.id %>
+  </td>
+
+  <td>
+    <% if task.enabled? %>
+      <%== badge_success('Enabled') %>
+    <% else %>
+      <%== badge_warning('Disabled') %>
+    <% end %>
+  </td>
+
+  <td>
+    <code><%= task.cron %></code>
+  </td>
+
+  <td>
+    <% if task.previous_time.positive? %>
+      <%== relative_time task.previous_time %>
+    <% else %>
+      Never
+    <% end %>
+  </td>
+
+  <td>
+    <% if task.enabled? %>
+      <% if task.next_time < Time.now.to_i %>
+        Right now
+      <% else %>
+        <%== relative_time task.next_time %>
+      <% end %>
+    <% else %>
+      Never
+    <% end %>
+  </td>
+
+  <td class="commands-inline-3">
+    <%==
+      partial(
+        'recurring_tasks/actions',
+        locals: { task: task }
+      )
+    %>
+  </td>
+</tr>

data/lib/karafka/web/pro/ui/views/recurring_tasks/logs.erb

@@ -0,0 +1,34 @@
+<% view_title 'Logs' %>
+
+<%== partial 'recurring_tasks/tabs' %>
+
+<div class="col-span-12">
+  <% if @logs.empty? && params.current_page <= 1 %>
+    <%== alert_info('There are no available logs.') %>
+  <% elsif @logs.empty? %>
+    <%== partial 'shared/no_paginated_data' %>
+  <% else %>
+    <div class="data-table-wrapper">
+      <table class="data-table">
+        <thead>
+          <tr>
+            <th>Task ID</th>
+            <th>Result</th>
+            <th>Time Taken</th>
+            <th>Dispatched At</th>
+            <th>Schedule Version</th>
+          </tr>
+        </thead>
+        <tbody>
+          <%==
+            render_each(
+              @logs,
+              'recurring_tasks/_log',
+              local: :log
+            )
+          %>
+        </tbody>
+      </table>
+    </div>
+  <% end %>
+</div>

data/lib/karafka/web/pro/ui/views/recurring_tasks/schedule.erb

@@ -0,0 +1,43 @@
+<% if @schedule %>
+  <% view_title "Schedule #{@schedule.schedule_version}" %>
+<% else %>
+  <% view_title 'Schedule' %>
+<% end %>
+
+<% if @schedule %>
+  <%== partial 'recurring_tasks/tabs' %>
+
+  <% unless @tasks.empty? %>
+    <%== partial 'recurring_tasks/batch_actions' %>
+  <% end %>
+<% end %>
+
+<div class="col-span-12">
+  <% if @schedule && !@tasks.empty? %>
+    <div class="data-table-wrapper">
+      <table class="data-table">
+        <thead>
+          <tr>
+            <th><%== sort_link('Task ID', :id) %></th>
+            <th><%== sort_link('Status', :enabled) %></th>
+            <th><%== sort_link(:cron) %></th>
+            <th><%== sort_link(:previous_time) %></th>
+            <th><%== sort_link(:next_time) %></th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+          <%==
+            render_each(
+              @tasks,
+              'recurring_tasks/_task',
+              local: :task
+            )
+          %>
+        </tbody>
+      </table>
+    </div>
+  <% else %>
+    <%== partial 'recurring_tasks/not_active' %>
+  <% end %>
+</div>

data/lib/karafka/web/pro/ui/views/routing/_consumer_group.erb

@@ -1,17 +1,12 @@
-<div class="row mb-4">
-  <div class="col-sm-12">
-    <h4 class="mb-2">
-      <%= consumer_group.id %>
-    </h4>
-    <hr/>
-  </div>
-</div>
+<div class="col-span-12 mb-3">
+  <h2 class="h2">
+    <%= consumer_group.id %>
+  </h2>
 
-<div class="row mb-5">
-  <div class="col-sm-12 table-responsive">
-    <table class="processes bg-white table table-hover table-bordered table-striped mb-0 align-middle">
+  <div class="data-table-wrapper">
+    <table class="data-table">
       <thead>
-        <tr class="align-middle">
+        <tr>
           <th>Subscription group</th>
           <th><%== sort_link('Topic', :name) %></th>
           <th>Type</th>

data/lib/karafka/web/pro/ui/views/routing/_topic.erb

@@ -2,16 +2,16 @@
   <td>
     <%= subscription_group %>
   </td>
+
   <td>
     <%= topic.name %>
   </td>
+
   <td>
-    <span class="badge bg-secondary">
-      <%= topic.patterns.type %>
-    </span>
+    <%== badge_secondary topic.patterns.type %>
 
     <% if subscription_group.multiplexing? %>
-      <span class="badge bg-secondary">
+      <span class="badge badge-secondary">
         multiplexing
         <%= subscription_group.multiplexing.min %>
         -
@@ -19,14 +19,16 @@
       </span>
     <% end %>
   </td>
+
   <td>
-    <span class="badge bg-<%= topic.active? ? 'success' : 'warning text-dark' %>">
-    <%= topic.active? %>
-    </span>
+    <% if topic.active? %>
+      <%== badge_success topic.active? %>
+    <% else %>
+      <%== badge_secondary topic.active? %>
+    <% end %>
   </td>
-  <td class="text-center">
-    <a href="<%= root_path('routing', topic.id) %>" class="btn btn-sm btn-secondary text-white">
-      Details
-    </a>
+
+  <td>
+    <%== link_button_primary_sm 'Details', root_path('routing', topic.id) %>
   </td>
 </tr>

data/lib/karafka/web/pro/ui/views/routing/index.erb

@@ -1,10 +1,8 @@
-<%== view_title('Routing Details') %>
+<% view_title 'Routing Details' %>
 
-<div class="container mb-5">
-  <%==
-    each_partial(
-      @routes,
-      'routing/consumer_group'
-    )
-  %>
-</div>
+<%==
+  each_partial(
+    @routes,
+    'routing/consumer_group'
+  )
+%>

data/lib/karafka/web/pro/ui/views/routing/show.erb

@@ -1,38 +1,46 @@
-<%==
+<%
   title = [@topic.consumer_group.name, @topic.subscription_group, @topic.name].join(': ')
-  view_title(title, hr: true)
+  view_title title
 %>
 
-<div class="container">
-  <div class="row mb-5">
-    <div class="col-sm-12 table-responsive">
-      <table class="processes bg-white table table-hover table-bordered table-striped mb-0 align-middle">
-        <tbody>
-          <% flat_hash(@topic.to_h).each do |k, v| %>
-            <%==
-              partial(
-                'routing/detail',
-                locals: {
-                  k: k,
-                  v: v
-                }
-              )
-            %>
-          <% end %>
+<div class="data-table-wrapper">
+  <table class="data-table">
+    <tbody>
+      <% flat_hash(@topic.subscription_group.kafka).each do |k, v| %>
+        <%==
+          partial(
+            'routing/detail',
+            locals: {
+              k: "kafka.#{k}",
+              v: v
+            }
+          )
+        %>
+      <% end %>
 
-          <% flat_hash(@topic.subscription_group.multiplexing.to_h).each do |k, v| %>
-            <%==
-              partial(
-                'routing/detail',
-                locals: {
-                  k: "multiplexing.#{k}",
-                  v: v
-                }
-              )
-            %>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
-  </div>
+      <% flat_hash(@topic.to_h.except(:kafka)).each do |k, v| %>
+        <%==
+          partial(
+            'routing/detail',
+            locals: {
+              k: k,
+              v: v
+            }
+          )
+        %>
+      <% end %>
+
+      <% flat_hash(@topic.subscription_group.multiplexing.to_h).each do |k, v| %>
+        <%==
+          partial(
+            'routing/detail',
+            locals: {
+              k: "multiplexing.#{k}",
+              v: v
+            }
+          )
+        %>
+      <% end %>
+    </tbody>
+  </table>
 </div>

data/lib/karafka/web/pro/ui/views/search/_fix_errors.erb

@@ -0,0 +1,3 @@
+<%==
+  alert_error('Search criteria are not correct. Please fix them.')
+%>

data/lib/karafka/web/pro/ui/views/search/_metadata.erb

@@ -0,0 +1,71 @@
+<div id="search-metadata-details" class="hidden">
+  <div class="data-table-wrapper">
+    <table class="data-table">
+      <thead>
+        <tr>
+          <th colspan="2">Summary</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Total Messages Checked</td>
+          <td><%= @search_details[:totals][:checked] %></td>
+        </tr>
+        <tr>
+          <td>Matches</td>
+          <td><%= @search_details[:totals][:matched] %></td>
+        </tr>
+        <tr>
+          <td>Search Time</td>
+          <td><%= (@search_details[:totals][:time_taken] / 1000).round(1) %> second</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+
+  <div class="data-table-wrapper">
+    <table class="data-table">
+      <thead>
+        <tr>
+          <th>Partition</th>
+          <th>Messages Checked</th>
+          <th>Offsets</th>
+          <th>Lookup Range</th>
+          <th>Matches</th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @search_details[:partitions].sort.to_h.each do |k, v| %>
+          <tr>
+            <td>Partition <%= k %></td>
+            <td><%= v[:checked] %></td>
+            <% if v[:first_message] %>
+              <td>
+                <%= v[:first_message].offset %>
+                -
+                <%= v[:last_message].offset %>
+              </td>
+              <td>
+                <%
+                  time_s = (
+                    v[:last_message].timestamp.to_f - v[:first_message].timestamp.to_f
+                  ).round(2)
+                %>
+                <span title="<%= time_s %> seconds">
+                  <%=
+                    human_readable_time(time_s)
+                  %>
+                </span>
+              </td>
+              <td><%= v[:matched] %></td>
+            <% else %>
+              <td>N/A</td>
+              <td>N/A</td>
+              <td>N/A</td>
+            <% end %>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div>

data/lib/karafka/web/pro/ui/views/search/_no_results.erb

@@ -0,0 +1,3 @@
+<%==
+  alert_info('No results found. Try aligning your search criteria.')
+%>

data/lib/karafka/web/pro/ui/views/search/_no_search_criteria.erb

@@ -0,0 +1,5 @@
+<div id="no-search-criteria">
+  <%==
+    alert_info('No search criteria provided. Press the Edit button to perform a search.')
+  %>
+</div>

data/lib/karafka/web/pro/ui/views/search/_search_criteria.erb

@@ -0,0 +1,37 @@
+<div class="col-span-4">
+  <section class="actions">
+    <button class="btn-action" id="show-search-modal">
+      <%== icon(:magnifying_glass) %>
+    </button>
+
+    <% if @search_criteria && @errors.empty? %>
+      <button
+        class="btn-action"
+        type="button"
+        id="toggle-search-metadata"
+        title="Display search metadata details"
+      >
+        <%== icon(:chart_bar) %>
+      </button>
+    <% end %>
+  </section>
+</div>
+
+<div class="col-span-8">
+  <section class="items-center text-end text-gray-700 text-end mt-1 mb-2">
+    <% if @search_criteria && @errors.empty? %>
+      Search criteria:
+
+      <% params.current_search.each do |key, values| %>
+        <span class="badge badge-secondary">
+          <%= key.gsub('_', ' ') %>:
+          <% if values.is_a?(Hash) %>
+            <%= Array(values.values).join(', ') %>
+          <% else %>
+            <%= Array(values).join(', ') %>
+          <% end %>
+        </span>
+      <% end %>
+    <% end %>
+  </section>
+</div>