RubyGems - karafka-web - Versions diffs - 0.10.4 → 0.11.0.beta1 - Mend

karafka-web 0.10.4 → 0.11.0.beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (479) hide show

data/lib/karafka/web/ui/views/errors/_detail.erb CHANGED Viewed

@@ -10,15 +10,15 @@
         <% elsif k2.to_s == 'tags' %>
           <%== tags(v2) %>
         <% elsif k2.to_s == 'first_offset' %>
-          <a href="<%= explorer_path(v[:topic], v[:partition], v[:first_offset]) %>">
+          <a href="<%= explorer_topics_path(v[:topic], v[:partition], v[:first_offset]) %>">
             <%= v2 %>
           </a>
         <% elsif k2.to_s == 'last_offset' %>
-          <a href="<%= explorer_path(v[:topic], v[:partition], v[:last_offset]) %>">
+          <a href="<%= explorer_topics_path(v[:topic], v[:partition], v[:last_offset]) %>">
             <%= v2 %>
           </a>
         <% elsif k2.to_s == 'committed_offset' && v2 >=0 %>
-          <a href="<%= explorer_path(v[:topic], v[:partition], v[:committed_offset]) %>">
+          <a href="<%= explorer_topics_path(v[:topic], v[:partition], v[:committed_offset]) %>">
             <%= v2 %>
           </a>
         <% else %>

data/lib/karafka/web/ui/views/errors/index.erb CHANGED Viewed

@@ -11,7 +11,7 @@
         <thead>
           <tr>
             <th>Origin</th>
-            <th>ID</th>
+            <th>Process ID</th>
             <th>Error</th>
             <th>Occurred</th>
             <th></th>

data/lib/karafka/web/ui/views/jobs/_job.erb CHANGED Viewed

@@ -1,30 +1,39 @@
-<tr>
-  <td>
-    <a href="<%= root_path('consumers', job.process.id, 'subscriptions') %>">
-      <%== truncate(job.process.id, strategy: :middle) %>
-    </a>
-  </td>
-  <td>
-    <span class="badge badge-secondary" title="Consumer group: <%= job.consumer_group %>">
-      <%= job.topic %>:
-      <%= job.partition %>
-    </span>
-  </td>
-  <td>
-    <code><%= job.consumer %></code>
+<% if job.process.schema_compatible? %>
+  <tr>
+    <td>
+      <a href="<%= consumer_path(job.process.id, 'subscriptions') %>">
+        <%== truncate(job.process.id, strategy: :middle) %>
+      </a>
+    </td>
+    <td>
+      <span class="badge badge-secondary" title="Consumer group: <%= job.consumer_group %>">
+        <%= job.topic %>:
+        <%= job.partition %>
+      </span>
+    </td>
+    <td>
+      <code><%= job.consumer %></code>
-    <% unless job.tags.empty? %>
-      <br/>
-      <%== tags(job.tags) %>
-    <% end %>
-  </td>
-  <td>
-    <code>#<%= job.type %></code>
-  </td>
-  <td>
-    <%== offset_with_label job.topic, job.partition, job.first_offset %>
-  </td>
-  <td>
-    <%== relative_time job.updated_at %>
-  </td>
-</tr>
+      <% unless job.tags.empty? %>
+        <br/>
+        <%== tags(job.tags) %>
+      <% end %>
+    </td>
+    <td>
+      <code>#<%= job.type %></code>
+    </td>
+    <td>
+      <%== offset_with_label job.topic, job.partition, job.first_offset %>
+    </td>
+    <td>
+      <%== relative_time job.updated_at %>
+    </td>
+  </tr>
+<% else %>
+  <%==
+    partial(
+      'consumers/incompatible',
+      locals: { colspan: 5, process: job.process }
+    )
+  %>
+<% end %>

data/lib/karafka/web/ui/views/jobs/pending.erb CHANGED Viewed

@@ -12,7 +12,7 @@
       <table class="data-table">
         <thead>
           <tr>
-            <th><%== sort_link('Process', :id) %></th>
+            <th><%== sort_link('Process ID', :id) %></th>
             <th><%== sort_link(:topic) %></th>
             <th><%== sort_link(:consumer) %></th>
             <th><%== sort_link(:type) %></th>

data/lib/karafka/web/ui/views/jobs/running.erb CHANGED Viewed

@@ -12,7 +12,7 @@
       <table class="data-table">
         <thead>
           <tr>
-            <th><%== sort_link('Process', :id) %></th>
+            <th><%== sort_link('Process ID', :id) %></th>
             <th><%== sort_link(:topic) %></th>
             <th><%== sort_link(:consumer) %></th>
             <th><%== sort_link(:type) %></th>

data/lib/karafka/web/ui/views/layout.erb CHANGED Viewed

@@ -7,7 +7,11 @@
       <%== yield %>
     </body>
   <% else %>
-    <body class="drawer min-h-screen lg:drawer-open bg-base-200">
+    <body
+      class="drawer min-h-screen lg:drawer-open bg-base-200 action-<%= @current_action_name %> controller-<%= @current_controller_name %>"
+    >
+      <div class="turbo-progress-bar"></div>
       <input id="main-drawer" type="checkbox" class="drawer-toggle" />
       <aside id="drawer-side" class="drawer-side z-10">
@@ -17,8 +21,6 @@
       </aside>
       <main class="drawer-content">
-        <div class="turbo-progress-bar"></div>
         <div class="grid-default lg:pb-0">
           <% if Karafka.pro? %>
             <%== partial 'shared/branding/notice' %>
@@ -27,7 +29,7 @@
           <%== partial 'shared/become_pro' %>
           <%== partial 'shared/breadcrumbs' %>
-          <header class="col-span-12 flex items-center gap-2 lg:gap-4 mb-3">
+          <header class="col-span-12 flex items-center gap-2 lg:gap-4 mb-3" id="content-header">
             <label for="main-drawer" class="btn btn-square btn-ghost drawer-button lg:hidden">
               <%== icon(:burger) %>
             </label>
@@ -40,7 +42,7 @@
           <%== partial 'shared/flashes' %>
         </div>
-        <div class="grid-default pt-5">
+        <div class="grid-default pt-5" id="content">
           <%== partial 'shared/content', locals: { content: yield } %>
         </div>
       </main>

data/lib/karafka/web/ui/views/shared/_become_pro.erb CHANGED Viewed

@@ -4,7 +4,7 @@
       <div class="alert alert-info">
         <%== icon(:light_bulb) %>
         <span>
-          <% linked = '<a target="_blank" href="https://karafka.io/#become-pro" class="text-blue-500 underline">Pro</a>' %>
+          <% linked = '<a target="_blank" href="https://karafka.io/#become-pro" class="underline">Pro</a>' %>
           <%== Karafka::Web.slogans.sample.gsub('Pro ', "#{linked} ").gsub('Pro.', "#{linked}.") %>
         </span>
       </div>

data/lib/karafka/web/ui/views/shared/_brand.erb CHANGED Viewed

@@ -1,4 +1,4 @@
-<a class="flex items-center ml-6" href="<%= root_path %>">
+<a class="flex items-center ml-5" href="<%= root_path %>">
   <img src="<%= asset_path('images/favicon.ico') %>" alt="Karafka icon" class="sidebar-nav-icon w-6 h-6">
   <img src="<%= asset_path('images/logo.svg') %>" alt="Karafka logo" class="sidebar-nav-logo ml-2 w-auto h-4">
 </a>

data/lib/karafka/web/ui/views/shared/_breadcrumbs.erb CHANGED Viewed

@@ -1,5 +1,5 @@
 <% if @breadcrumbs != false %>
-  <div class="breadcrumbs-wrapper">
+  <div class="breadcrumbs-wrapper" id="content-breadcrumbs">
     <div class="breadcrumbs">
       <ul>
         <li>

data/lib/karafka/web/ui/views/shared/_content.erb CHANGED Viewed

@@ -1,4 +1,4 @@
-<div id="content" class="col-span-12 mb-3">
+<div class="col-span-12 mb-3">
   <%== content %>
   <%== partial 'shared/pagination' %>

data/lib/karafka/web/ui/views/shared/_controls.erb CHANGED Viewed

@@ -1,5 +1,8 @@
-<div>
-  <button class="py-1 px-3 rounded-md text-sm hover:bg-gray-200 active" title="Toggle theme" id="theme-selector">
+<div id="controls">
+  <button
+    class="active btn btn-sm cursor-pointer btn-ghost"
+    title="Toggle theme" id="theme-selector"
+  >
     <span id="theme-selector-light" class="hidden">
       <%== icon(:sun) %>
     </span>
@@ -9,7 +12,11 @@
     </span>
   </button>
-  <button class="py-1 px-3 rounded-md text-sm hover:bg-gray-200" title="Toggle live poll" id="live-poll">
+  <button
+    title="Toggle live poll"
+    id="live-poll"
+    class="btn btn-sm cursor-pointer btn-ghost"
+  >
     <%== icon(:refresh) %>
   </button>
 </div>

data/lib/karafka/web/ui/views/shared/_custom_nav.erb ADDED Viewed

@@ -0,0 +1,9 @@
+<% custom_nav = Karafka::Web.config.ui.custom.nav_erb %>
+<% if custom_nav %>
+  <% if File.exist?(custom_nav) %>
+    <%== ERB.new(File.read(custom_nav)).result(binding) %>
+  <% else %>
+    <%== ERB.new(custom_nav).result(binding) %>
+  <% end %>
+<% end %>

data/lib/karafka/web/ui/views/shared/_flashes.erb CHANGED Viewed

@@ -1,7 +1,5 @@
 <% flash.each do |name, message| %>
-<div class="col-span-12">
-  <p class="alert alert-<%= name %>">
-    <%= message %>
-  </p>
-</div>
+  <div class="col-span-12 flash">
+    <%== partial "shared/alerts/#{name}", locals: { message: message, allow_close: true } %>
+  </div>
 <% end %>

data/lib/karafka/web/ui/views/shared/_header.erb CHANGED Viewed

@@ -22,8 +22,31 @@
     disabled="disabled"
   />
-  <link href="<%= asset_path('stylesheets/application.min.css') %>" rel="stylesheet">
-  <script type="text/javascript" src="<%= asset_path('javascripts/application.min.js') %>"></script>
+  <link
+    rel="stylesheet"
+    href="<%= asset_path('stylesheets/application.min.css') %>"
+  >
+  <% if Karafka::Web.config.ui.custom.css %>
+    <link
+      rel="stylesheet"
+      href="<%= asset_path('stylesheets/custom.css') %>"
+    />
+  <% end %>
+  <script
+    type="text/javascript"
+    src="<%= asset_path('javascripts/application.min.js') %>"
+  >
+  </script>
+  <% if Karafka::Web.config.ui.custom.js %>
+    <script
+      type="text/javascript"
+      src="<%= asset_path('javascripts/custom.js') %>"
+    >
+    </script>
+  <% end %>
   <link rel="icon" href="<%= asset_path('images/favicon.ico') %>">
 </head>

data/lib/karafka/web/ui/views/shared/_navigation.erb CHANGED Viewed

@@ -1,10 +1,10 @@
 <nav class="sidebar-nav">
   <%== partial 'shared/brand' %>
-  <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) %>
@@ -14,7 +14,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) %>
@@ -24,7 +24,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) %>
@@ -45,7 +45,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 +55,8 @@
     <li>
       <a
-        class="sidebar-nav-item disabled <%= nav_class(start_with: '/explorer') %>"
-        href="<%= root_path('explorer') %>"
+        class="sidebar-nav-item disabled menu-<%= nav_class(start_with: '/explorer') %>"
+        href="<%= explorer_path %>"
         title="Pro Feature"
       >
         <%== icon(:document_glass) %>
@@ -66,7 +66,7 @@
     <li>
       <a
-        class="sidebar-nav-item disabled <%= nav_class(start_with: '/recurring_tasks') %>"
+        class="sidebar-nav-item disabled menu-<%= nav_class(start_with: '/recurring_tasks') %>"
         href="<%= root_path('recurring_tasks') %>"
         title="Pro Feature"
       >
@@ -77,7 +77,7 @@
     <li>
       <a
-        class="sidebar-nav-item disabled <%= nav_class(start_with: '/scheduled_messages') %>"
+        class="sidebar-nav-item disabled menu-<%= nav_class(start_with: '/scheduled_messages') %>"
         href="<%= root_path('scheduled_messages') %>"
       >
         <%== icon(:calendar) %>
@@ -87,7 +87,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) %>
@@ -97,7 +97,7 @@
     <li>
       <a
-        class="sidebar-nav-item disabled <%= nav_class(start_with: '/dlq') %>"
+        class="sidebar-nav-item disabled menu-<%= nav_class(start_with: '/dlq') %>"
         href="<%= root_path('dlq') %>"
         title="Pro Feature"
       >
@@ -108,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) %>
@@ -118,7 +118,7 @@
     <li>
       <a
-        class="sidebar-nav-item disabled <%= nav_class(start_with: '/topics') %>"
+        class="sidebar-nav-item disabled menu-<%= nav_class(start_with: '/topics') %>"
         href="<%= root_path('topics') %>"
         title="Pro Feature"
       >
@@ -129,7 +129,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) %>
@@ -139,13 +139,15 @@
     <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">

data/lib/karafka/web/ui/views/shared/alerts/_error.erb CHANGED Viewed

@@ -3,4 +3,12 @@
   <span>
     <%== message %>
   </span>
+  <% allow_close ||= false %>
+  <% if allow_close %>
+    <button type="button" class="close-alert" title="Close this error notice">
+      <%== icon :x_mark  %>
+    </button>
+  <% end %>
 </div>

data/lib/karafka/web/ui/views/shared/alerts/_info.erb CHANGED Viewed

@@ -3,4 +3,12 @@
   <span>
     <%== message %>
   </span>
+  <% allow_close ||= false %>
+  <% if allow_close %>
+    <button type="button" class="close-alert" title="Close this info notice">
+      <%== icon :x_mark  %>
+    </button>
+  <% end %>
 </div>

data/lib/karafka/web/ui/views/shared/alerts/_primary.erb CHANGED Viewed

@@ -3,4 +3,12 @@
   <span>
     <%== message %>
   </span>
+  <% allow_close ||= false %>
+  <% if allow_close %>
+    <button type="button" class="close-alert" title="Close this notice">
+      <%== icon :x_mark  %>
+    </button>
+  <% end %>
 </div>

data/lib/karafka/web/ui/views/shared/alerts/_secondary.erb CHANGED Viewed

@@ -3,4 +3,12 @@
   <span>
     <%== message %>
   </span>
+  <% allow_close ||= false %>
+  <% if allow_close %>
+    <button type="button" class="close-alert" title="Close this notice notice">
+      <%== icon :x_mark  %>
+    </button>
+  <% end %>
 </div>

data/lib/karafka/web/ui/views/shared/alerts/_success.erb CHANGED Viewed

@@ -3,4 +3,12 @@
   <span>
     <%== message %>
   </span>
+  <% allow_close ||= false %>
+  <% if allow_close %>
+    <button type="button" class="close-alert" title="Close this success notice">
+      <%== icon :x_mark  %>
+    </button>
+  <% end %>
 </div>

data/lib/karafka/web/ui/views/shared/alerts/_warning.erb CHANGED Viewed

@@ -3,4 +3,12 @@
   <span>
     <%== message %>
   </span>
+  <% allow_close ||= false %>
+  <% if allow_close %>
+    <button type="button" class="close-alert" title="Close this warning notice">
+      <%== icon :x_mark  %>
+    </button>
+  <% end %>
 </div>

data/lib/karafka/web/ui/views/shared/exceptions/incompatible_schema.erb ADDED Viewed

@@ -0,0 +1,34 @@
+<div class="hidden">
+  <%== partial 'shared/controls' %>
+</div>
+<main class="flex items-center justify-center min-h-screen">
+ <div id="content" class="max-w-2xl w-full mx-auto">
+   <div class="flex items-center justify-center vh-100">
+     <div class="text-center">
+       <h1 class="text-8xl font-bold">422</h1>
+       <p class="text-3xl mt-5">
+         <span class="text-orange-500">Schema Mismatch</span>
+       </p>
+       <div class="mt-5">
+         <p class="mb-10 text-lg font-light">
+           Requested consumer process is using an incompatible schema version and cannot be fully displayed.
+         </p>
+         <p class="text-lg font-light mb-5">This typically happens when:</p>
+         <ul class="list-disc text-left text-lg mb-10 pl-5 font-light">
+           <li>You are performing a gradual deployment of Karafka components</li>
+           <li>Some components are running on different versions</li>
+           <li>The process schema in the consumer process doesn't match Web UI schema</li>
+         </ul>
+         <p class="text-lg font-light mb-10">
+           To resolve this, please ensure all Karafka components are updated to use the same version.
+         </p>
+         <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">Check Status</a>
+         </p>
+       </div>
+     </div>
+   </div>
+ </div>
+</main>

data/lib/karafka/web/ui/views/shared/exceptions/not_allowed.erb CHANGED Viewed

@@ -1,3 +1,7 @@
+<div class="hidden">
+  <%== partial 'shared/controls' %>
+</div>
 <main class="flex items-center justify-center min-h-screen">
   <div id="content" class="max-w-2xl w-full mx-auto">
     <div class="flex items-center justify-center vh-100">

data/lib/karafka/web/ui/views/shared/exceptions/not_found.erb CHANGED Viewed

@@ -1,3 +1,7 @@
+<div class="hidden">
+  <%== partial 'shared/controls' %>
+</div>
 <main class="flex items-center justify-center min-h-screen">
   <div id="content" class="max-w-2xl w-full mx-auto">
     <div class="flex items-center justify-center vh-100">
@@ -18,7 +22,7 @@
           <ul class="list-disc text-left text-lg mb-10 pl-5 font-light">
             <li>You have visited the <a href="<%= root_path('status') %>" class="text-blue-500 underline">Status</a> page to troubleshoot any potential issues</li>
             <li>All the topics required by Karafka Web exist</li>
-            <li>You have used <code class="bg-gray-100 px-1 py-0.5 rounded">bundle exec karafka-web migrate</code> to initialize the Web UI</li>
+            <li>You have used <code class="bg-gray-100 px-1 py-0.5 rounded-sm">bundle exec karafka-web migrate</code> to initialize the Web UI</li>
             <li>You have a working connection with your Kafka cluster</li>
             <li>The resource you requested exists</li>
           </ul>

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

@@ -1,3 +1,7 @@
+<div class="hidden">
+  <%== partial 'shared/controls' %>
+</div>
 <main class="flex items-center justify-center min-h-screen">
   <div id="content" class="max-w-2xl w-full mx-auto">
     <div class="flex items-center justify-center vh-100">

data/lib/karafka/web/ui/views/shared/icons/_arrow_left.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
+</svg>

data/lib/karafka/web/ui/views/shared/icons/_arrow_up_tray.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5" />
+</svg>

data/lib/karafka/web/ui/views/shared/icons/_clock.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+</svg>

data/lib/karafka/web/ui/views/shared/icons/_pencil.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" />
+</svg>

data/lib/karafka/web/ui/views/shared/icons/_pencil_square.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" />
+</svg>

data/lib/karafka/web/ui/views/shared/icons/_play_pause.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M21 7.5V18M15 7.5V18M3 16.811V8.69c0-.864.933-1.406 1.683-.977l7.108 4.061a1.125 1.125 0 0 1 0 1.954l-7.108 4.061A1.125 1.125 0 0 1 3 16.811Z" />
+</svg>

data/lib/karafka/web/ui/views/shared/icons/_plus.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+</svg>

data/lib/karafka/web/ui/views/shared/icons/_trash.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" />
+</svg>

data/lib/karafka/web/ui/views/status/failures/_live_reporting.erb CHANGED Viewed

@@ -3,5 +3,5 @@
 </p>
 <p>
-  If you are sure you are running at least one <code>karafka server</code> instance, please make sure that it can report to the <code><%= Karafka::Web.config.topics.consumers.reports %></code> topic.
+  If you are sure you are running at least one <code>karafka server</code> instance, please make sure that it can report to the <code><%= Karafka::Web.config.topics.consumers.reports.name %></code> topic.
 </p>

data/lib/karafka/web/ui/views/status/failures/_partitions.erb CHANGED Viewed

@@ -4,13 +4,13 @@
 <ul class="list-disc m-5">
   <li>
-    <code><%= Karafka::Web.config.topics.consumers.states %></code>
+    <code><%= Karafka::Web.config.topics.consumers.states.name %></code>
   </li>
   <li>
-    <code><%= Karafka::Web.config.topics.consumers.reports %></code>
+    <code><%= Karafka::Web.config.topics.consumers.reports.name %></code>
   </li>
   <li>
-    <code><%= Karafka::Web.config.topics.consumers.metrics %></code>
+    <code><%= Karafka::Web.config.topics.consumers.metrics.name %></code>
   </li>
 </ul>

data/lib/karafka/web/ui/views/status/failures/_state_calculation.erb CHANGED Viewed

@@ -1,8 +1,8 @@
 <p class="mb-2">
   None of the <code>karafka server</code> processes is subscribed to handle the
-  <code><%= Karafka::Web.config.topics.consumers.reports %></code> topic data aggregations.
+  <code><%= Karafka::Web.config.topics.consumers.reports.name %></code> topic data aggregations.
 </p>
 <p>
-  If you are limiting the topics you consume using the <a href="https://karafka.io/docs/CLI/#limiting-consumer-groups-used-per-process" target="_blank">limiting API</a>, please include the Karafka Web consumer group and the <code><%= Karafka::Web.config.topics.consumers.reports %></code> topic.
+  If you are limiting the topics you consume using the <a href="https://karafka.io/docs/CLI/#limiting-consumer-groups-used-per-process" target="_blank">limiting API</a>, please include the Karafka Web consumer group and the <code><%= Karafka::Web.config.topics.consumers.reports.name %></code> topic.
 </p>