karafka-web 0.10.4 → 0.11.0

data/lib/karafka/web/pro/ui/views/scheduled_messages/explorer/message/_cancel.erb

@@ -0,0 +1,49 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<tr>
+  <td>
+    <%= message.partition %>
+  </td>
+
+  <td>
+    <%= message.offset %>
+  </td>
+
+  <td>
+    <%== badge_warning type %>
+  </td>
+
+  <td>
+    <%= message.headers['schedule_schema_version'] %>
+  </td>
+
+  <td>
+    <%== relative_time(message.timestamp) %>
+  </td>
+  <td class="text-center text-muted">
+    N/A
+  </td>
+  <td>
+    <%==
+      partial(
+        'scheduled_messages/explorer/key',
+        locals: { message: message, safe_key: safe_key }
+      )
+    %>
+  </td>
+
+  <td colspan="2" class="text-center text-muted">
+    N/A
+  </td>
+
+  <td>
+    <%==
+      link_button_primary_sm(
+        icon(:info_circle),
+        explorer_topics_path(message.topic, message.partition, message.offset),
+        title: 'Display details of this message'
+      )
+    %>
+  </td>
+</tr>

data/lib/karafka/web/pro/ui/views/scheduled_messages/explorer/message/_compacted.erb

@@ -0,0 +1,16 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<tr>
+  <td class="text-muted">
+    <%= message[0] %>
+  </td>
+
+  <td class="text-muted">
+    <%= message[1] %>
+  </td>
+
+  <td colspan="8" class="text-center text-muted">
+    This offset does not contain any data. The message may have been compacted or is a system entry.
+  </td>
+</tr>

data/lib/karafka/web/pro/ui/views/scheduled_messages/explorer/message/_schedule.erb

@@ -0,0 +1,83 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<tr>
+  <td>
+    <%= message.partition %>
+  </td>
+
+  <td>
+    <%= message.offset %>
+  </td>
+
+  <td>
+    <%== badge_primary type %>
+  </td>
+
+  <td>
+    <%= message.headers['schedule_schema_version'] %>
+  </td>
+
+  <td>
+    <%== relative_time(message.timestamp) %>
+  </td>
+
+  <td>
+    <%== relative_time message.headers['schedule_target_epoch'].to_i %>
+  </td>
+
+  <td>
+    <%==
+      partial(
+        'scheduled_messages/explorer/key',
+        locals: { message: message, safe_key: safe_key }
+      )
+    %>
+  </td>
+
+  <td>
+    <%= message.headers['schedule_target_topic'] %>
+  </td>
+
+  <td>
+    <% if @visibility_filter.key?(message) %>
+      <%= message.headers['schedule_target_key'] %>
+    <% else %>
+      <span class="text-muted">[Filtered]</span>
+    <% end %>
+  </td>
+
+  <td>
+    <%
+      cancel_path = root_path(
+        "scheduled_messages/messages",
+        message.topic,
+        message.partition,
+        message.offset,
+        'cancel'
+      )
+    %>
+    <form
+      action="<%= cancel_path %>"
+      method="post"
+      class="inline"
+    >
+      <%== csrf_tag(cancel_path) %>
+      <button
+        type="submit"
+        class="btn btn-error btn-sm confirm-action"
+        title="Cancel dispatch of this scheduled message"
+      >
+        <%== icon(:x_circle) %>
+      </button>
+    </form>
+
+    <%==
+      link_button_primary_sm(
+        icon(:info_circle),
+        explorer_topics_path(message.topic, message.partition, message.offset),
+        title: 'Display details of this message'
+      )
+    %>
+  </td>
+</tr>

data/lib/karafka/web/pro/ui/views/scheduled_messages/explorer/message/_tombstone.erb

@@ -0,0 +1,69 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<tr>
+  <td>
+    <%= message.partition %>
+  </td>
+
+  <td>
+    <%= message.offset %>
+  </td>
+
+  <td>
+    <%== badge_secondary type %>
+  </td>
+
+  <td>
+    <%= message.headers['schedule_schema_version'] %>
+  </td>
+
+  <td>
+    <%== relative_time(message.timestamp) %>
+  </td>
+
+  <td class="text-center text-muted">
+    N/A
+  </td>
+
+  <td>
+    <%==
+      partial(
+        'scheduled_messages/explorer/key',
+        locals: { message: message, safe_key: safe_key }
+      )
+    %>
+  </td>
+
+  <td>
+    <%= message.headers['schedule_target_topic'] %>
+  </td>
+
+  <td>
+    <% if @visibility_filter.key?(message) %>
+      <%= message.headers['schedule_target_key'] %>
+    <% else %>
+      <span class="text-muted">[Filtered]</span>
+    <% end %>
+  </td>
+
+  <td>
+    <%
+      cancel_path = root_path(
+        "scheduled_messages/messages",
+        message.topic,
+        message.partition,
+        message.offset,
+        'cancel'
+      )
+    %>
+
+    <%==
+      link_button_primary_sm(
+        icon(:info_circle),
+        explorer_topics_path(message.topic, message.partition, message.offset),
+        title: 'Display details of this message'
+      )
+    %>
+  </td>
+</tr>

data/lib/karafka/web/pro/ui/views/scheduled_messages/explorer/message/_unknown.erb

@@ -0,0 +1,26 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<tr>
+  <td class="text-muted">
+    <%= message.partition %>
+  </td>
+
+  <td class="text-muted">
+    <%= message.offset %>
+  </td>
+
+  <td colspan="7" class="text-center text-muted">
+    This offset does not contain any recognized data type.
+  </td>
+
+  <td>
+    <%==
+      link_button_primary_sm(
+        icon(:info_circle),
+        explorer_topics_path(message.topic, message.partition, message.offset),
+        title: 'Display details of this message'
+      )
+    %>
+  </td>
+</tr>

data/lib/karafka/web/pro/ui/views/scheduled_messages/explorer/partition.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title "#{@topic_id} partition #{@partition_id}" %>
 
 <% @selector_path_method = :scheduled_messages_explorer_path %>
@@ -6,7 +9,7 @@
   <section class="actions">
     <% if @messages && !@messages.empty? %>
       <a
-        href="<%= explorer_path(@topic_id, @partition_id, 'recent') %>"
+        href="<%= explorer_topics_path(@topic_id, @partition_id, 'recent') %>"
         class="btn-action"
         title="Display the most recent message for this partition with auto-refresh"
       >
@@ -21,36 +24,40 @@
         <%== icon(:magnifying_glass) %>
       </a>
 
-      <% closest_path = scheduled_messages_explorer_path(@topic_id, @partition_id) %>
-      <input
-        type="image"
-        src="<%= asset_path('images/calendar.svg') %>"
-        width="45"
-        height="32"
-        class="btn-action p-1 opacity-60"
-        id="offset-lookup-datepicker"
-        value=""
-        data-target="<%= closest_path %>"
-      />
+      <% closest_path = scheduled_messages_explorer_path(@topic_id, @partition_id, 'closest') %>
+
+      <%==
+        partial(
+          'explorer/explorer/partition/time_selector',
+          locals: { target: closest_path }
+        )
+      %>
+
+      <%==
+        partial(
+          'explorer/explorer/partition/timestamp_selector',
+          locals: { target: closest_path }
+        )
+      %>
     <% end %>
   </section>
 </div>
 
 <div class="col-span-8 mb-3">
   <section class="actions">
-    <%== partial 'explorer/selector' %>
+    <%== partial 'explorer/explorer/selector' %>
   </section>
 </div>
 
 <div class="col-span-12">
   <% if @limited %>
-    <%== partial('explorer/topic/limited') %>
+    <%== partial('explorer/explorer/topic/limited') %>
   <% end %>
 
   <% if @watermark_offsets.empty? && params.current_page == 1 %>
-    <%== partial 'explorer/partition/empty' %>
+    <%== partial 'explorer/explorer/partition/empty' %>
   <% elsif @watermark_offsets.cleaned? && params.current_page == 1 %>
-    <%== partial 'explorer/partition/cleaned' %>
+    <%== partial 'explorer/explorer/partition/cleaned' %>
   <% elsif @messages.empty? %>
     <%== partial 'shared/no_paginated_data' %>
   <% else %>

data/lib/karafka/web/pro/ui/views/scheduled_messages/explorer/topic.erb

@@ -1,18 +1,21 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title @topic_id %>
 
 <% @selector_path_method = :scheduled_messages_explorer_path %>
 
-<%== partial 'explorer/topic/actions' %>
+<%== partial 'explorer/explorer/topic/actions' %>
 
 <div class="col-span-12">
   <% if @limited %>
     <div class="mb-6">
-      <%== partial('explorer/topic/limited') %>
+      <%== partial('explorer/explorer/topic/limited') %>
     </div>
   <% end %>
 
   <% if @messages.empty? && params.current_page == 1 %>
-    <%== partial 'explorer/topic/empty' %>
+    <%== partial 'explorer/explorer/topic/empty' %>
   <% elsif @messages.empty? %>
     <%== partial 'shared/no_paginated_data' %>
   <% else %>

data/lib/karafka/web/pro/ui/views/scheduled_messages/schedules/_breadcrumbs.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <li>
   <a href="<%= root_path('scheduled_messages') %>">
     Scheduled Messages

data/lib/karafka/web/pro/ui/views/scheduled_messages/schedules/_no_groups.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% alert_box_info 'Scheduled Messages Data Not Available' do %>
   <p class="mb-2">
     We are unable to display data related to scheduled messages. Please ensure that:

data/lib/karafka/web/pro/ui/views/scheduled_messages/schedules/index.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title 'Schedules' %>
 
 <div class="col-span-12">
@@ -25,7 +28,7 @@
             </a>
 
             <a
-              href="<%= root_path("scheduled_messages/explorer/#{topic.topic_name}") %>"
+              href="<%= root_path("scheduled_messages/explorer/topics/#{topic.topic_name}") %>"
               class="btn btn-primary btn-sm flex-1"
             >
               Messages

data/lib/karafka/web/pro/ui/views/scheduled_messages/schedules/show.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title @schedule_name %>
 
 <% @states.each do |partition, details| %>
@@ -35,7 +38,20 @@
           <%== relative_time(details[:dispatched_at]) %>
         </span>
 
-        <span class="badge badge-<%= details[:state] == 'loaded' ? 'success' : 'warning' %>">
+        <%
+          state = details[:state]
+
+          type = case state
+                 when 'loaded'
+                   'success'
+                 when 'stopped'
+                   'error'
+                 else
+                   'warning'
+                 end
+        %>
+
+        <span class="badge badge-<%= type %>">
           State: <%= details[:state] %>
         </span>
       </p>

data/lib/karafka/web/pro/ui/views/shared/_navigation.erb

@@ -1,11 +1,14 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <nav class="sidebar-nav">
   <%== partial 'shared/brand' %>
   <%== partial 'shared/branding/label' %>
 
-  <ul class="menu grow">
+  <ul class="menu menu-md grow w-auto">
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/dashboard') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/dashboard') %>"
         href="<%= root_path('dashboard') %>"
       >
         <%== icon(:home) %>
@@ -15,7 +18,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(match: /\A\/(consumers|commands)/) %>"
+        class="sidebar-nav-item menu-<%= nav_class(match: /\A\/(consumers|commands)/) %>"
         href="<%= root_path('consumers') %>"
       >
         <%== icon(:cpu) %>
@@ -25,7 +28,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/jobs') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/jobs') %>"
         href="<%= root_path('jobs/running') %>"
       >
         <%== icon(:arrow_on_squares) %>
@@ -35,7 +38,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/health') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/health') %>"
         href="<%= root_path('health/overview') %>"
       >
         <%== icon(:heart) %>
@@ -45,7 +48,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/routing') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/routing') %>"
         href="<%= root_path('routing') %>"
       >
         <%== icon(:queue_list) %>
@@ -55,8 +58,8 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/explorer') %>"
-        href="<%= root_path('explorer') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/explorer') %>"
+        href="<%= explorer_path %>"
       >
         <%== icon(:document_glass) %>
         <span class="sidebar-nav-item-label">Explorer</span>
@@ -65,7 +68,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/recurring_tasks') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/recurring_tasks') %>"
         href="<%= root_path('recurring_tasks') %>"
       >
         <%== icon(:arrow_path_rounded) %>
@@ -75,7 +78,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/scheduled_messages') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/scheduled_messages') %>"
         href="<%= root_path('scheduled_messages') %>"
       >
         <%== icon(:calendar) %>
@@ -85,7 +88,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/errors') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/errors') %>"
         href="<%= root_path('errors') %>"
       >
         <%== icon(:bug) %>
@@ -95,7 +98,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/dlq') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/dlq') %>"
         href="<%= root_path('dlq') %>"
       >
         <%== icon(:x_circle) %>
@@ -105,7 +108,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/cluster') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/cluster') %>"
         href="<%= root_path('cluster') %>"
       >
         <%== icon(:blocks) %>
@@ -115,7 +118,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/topics') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/topics') %>"
         href="<%= root_path('topics') %>"
       >
         <%== icon(:list_bullets) %>
@@ -125,7 +128,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/status') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/status') %>"
         href="<%= root_path('status') %>"
       >
         <%== icon(:check_badge) %>
@@ -135,16 +138,21 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/support') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/support') %>"
         href="<%= root_path('support') %>"
       >
         <%== icon(:lifebuoy) %>
         <span class="sidebar-nav-item-label">Support</span>
       </a>
     </li>
+
+    <%== partial 'shared/custom_nav' %>
   </ul>
 
-  <button type="button" class="btn-toggle-nav-collapsed grid gap-2 grid-flow-col items-center justify-start ml-6 text-sm invisible lg:visible" data-toggle-target="drawer-side">
+  <button
+    type="button"
+    class="cursor-pointer btn-toggle-nav-collapsed grid gap-2 grid-flow-col items-center justify-start ml-6 text-sm invisible lg:visible" data-toggle-target="drawer-side"
+  >
     <%== icon(:chevron) %>
   </button>
 </nav>

data/lib/karafka/web/pro/ui/views/shared/_rdkafka_form_error_alert_box.erb

@@ -0,0 +1,16 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="mb-6">
+  <% alert_box_error('Please Correct the Following Errors Before Continuing') do %>
+    <ul class="list-disc m-5 mb-0 mt-0">
+      <% unless @form_error.message.to_s.empty? %>
+        <li><%= @form_error.message %></li>
+      <% end %>
+
+      <% if @form_error.respond_to?(:broker_message) && !@form_error.broker_message.to_s.empty? %>
+        <li><%= @form_error.broker_message %></li>
+      <% end %>
+    </ul>
+  <% end %>
+</div>

data/lib/karafka/web/pro/ui/views/shared/branding/_label.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% branding_cfg = Karafka::Web.config.ui.branding %>
 <% if branding_cfg.label %>
   <div class="branding-label text-left mt-4 ml-6">

data/lib/karafka/web/pro/ui/views/shared/branding/_notice.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% branding_cfg = Karafka::Web.config.ui.branding %>
 <% if branding_cfg.notice %>
   <div id="branding" class="col-span-12">

data/lib/karafka/web/pro/ui/views/topics/configs/_breadcrumbs.erb

@@ -0,0 +1,34 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<li>
+  <a href="<%= topics_path %>">
+    Topics
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'config') %>">
+    <%= @topic.topic_name %>
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'config') %>">
+    Configuration
+  </a>
+</li>
+
+<% if action?(:edit, :update) %>
+  <li>
+    <a href="<%= topics_path(@topic.topic_name, 'config', @property.name, 'edit') %>">
+      <%= @property.name %>
+    </a>
+  </li>
+
+  <li>
+    <a href="<%= topics_path(@topic.topic_name, 'config', @property.name, 'edit') %>">
+      Edit
+    </a>
+  </li>
+<% end %>

data/lib/karafka/web/pro/ui/views/topics/configs/_config.erb

@@ -0,0 +1,26 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<tr>
+  <td class="wrap-text">
+    <% all_names = ([config.name] + config.synonyms.map(&:name)).uniq %>
+    <% all_names.each do |name| %>
+      <%= name %>
+      <br/>
+    <% end %>
+  </td>
+  <td class="wrap-text"><%= config.value %></td>
+  <td><%== config.default? ? badge_success(true) : badge_secondary(false) %></td>
+  <td><%== config.sensitive? ? badge_success(true) : badge_secondary(false) %></td>
+  <td><%== config.read_only? ? badge_success(true) : badge_secondary(false) %></td>
+  <td>
+    <% link_class = config.read_only? ? 'btn-disabled' : '' %>
+    <a
+      href="<%= topics_path(@topic.topic_name, 'config', config.name, 'edit') %>"
+      class="btn btn-info btn-sm <%= link_class %>"
+      title="Edit this property value"
+    >
+      <%== icon(:pencil_square) %>
+    </a>
+  </td>
+</tr>

data/lib/karafka/web/pro/ui/views/topics/configs/_delete_button.erb

@@ -0,0 +1,13 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="col-span-12 flex justify-end space-x-2 mt-6">
+  <a
+    class="btn btn-error btn-sm <%= 'btn-disabled' unless features.topics_management? %>"
+    href="<%= topics_path(@topic.topic_name, 'delete') %>"
+    title="Delete this topic"
+  >
+    <%== icon(:trash) %>
+    Delete Topic
+  </a>
+</div>