karafka-web 0.10.3 → 0.11.0.beta1

data/lib/karafka/web/ui/models/status.rb

@@ -16,7 +16,7 @@ module Karafka
           Step = Struct.new(:status, :details) do
             # @return [Boolean] is the given step successfully configured and working
             def success?
-              status == :success || status == :warning
+              %i[success warning].include?(status)
             end
 
             # @return [String] local namespace for partial of a given type
@@ -209,6 +209,27 @@ module Karafka
             )
           end
 
+          # @return [Status::Step] are there any consumer processes with incompatible schema that
+          #   does not match exactly the one used by the Web UI.
+          #
+          # @note It issues a warning, not an error.
+          def consumers_schemas
+            details = { incompatible: [] }
+
+            status = if consumers_reports.success?
+                       incompatible = @processes.reject(&:schema_compatible?)
+                       details[:incompatible] = incompatible
+                       incompatible.empty? ? :success : :warning
+                     else
+                       :halted
+                     end
+
+            Step.new(
+              status,
+              details
+            )
+          end
+
           # @return [Status::Step] Is there a significant lag in the reporting of aggregated data
           #   back to the Kafka. If yes, it means that the results in the Web UI will be delayed
           #   against the reality. Often it means, that there is over-saturation on the consumer
@@ -307,22 +328,22 @@ module Karafka
 
           # @return [String] consumers states topic name
           def topics_consumers_states
-            ::Karafka::Web.config.topics.consumers.states.to_s
+            ::Karafka::Web.config.topics.consumers.states.name.to_s
           end
 
           # @return [String] consumers reports topic name
           def topics_consumers_reports
-            ::Karafka::Web.config.topics.consumers.reports.to_s
+            ::Karafka::Web.config.topics.consumers.reports.name.to_s
           end
 
           # @return [String] consumers metrics topic name
           def topics_consumers_metrics
-            ::Karafka::Web.config.topics.consumers.metrics.to_s
+            ::Karafka::Web.config.topics.consumers.metrics.name.to_s
           end
 
           # @return [String] errors topic name
           def topics_errors
-            ::Karafka::Web.config.topics.errors
+            ::Karafka::Web.config.topics.errors.name
           end
 
           # @return [Hash] hash with topics with which we work details (even if don't exist)
@@ -355,9 +376,7 @@ module Karafka
           # @note If fails, `connection_time` will be 1_000_000
           def connect
             started = Time.now.to_f
-            # For status we always need uncached data, otherwise status could cache outdated
-            # info
-            @cluster_info = Models::ClusterInfo.fetch(cached: false)
+            @cluster_info = Models::ClusterInfo.fetch
             @connection_time = (Time.now.to_f - started) * 1_000
           rescue ::Rdkafka::RdkafkaError
             @connection_time = 1_000_000

data/lib/karafka/web/ui/models/topic.rb

@@ -20,7 +20,7 @@ module Karafka
             # @return [Topic]
             # @raise [::Karafka::Web::Errors::Ui::NotFoundError]
             def find(topic_name)
-              found = all.find { |topic| topic.topic_name == topic_name }
+              found = ClusterInfo.topic(topic_name)
 
               return found if found
 
@@ -56,7 +56,6 @@ module Karafka
           #   aggregated statistics and then the second value is an array with per partition data
           def distribution(partitions)
             sum = 0.0
-            avg = 0.0
 
             counts = partitions.map do |partition_id|
               offsets = Admin.read_watermark_offsets(topic_name, partition_id)

data/lib/karafka/web/ui/public/javascripts/application.js

@@ -1,121 +1,31 @@
-// Nicer display of time distance from a given event
-function updateTimeAgo() {
-  var selection = document.querySelectorAll('time');
-
-  if (selection.length != 0) {
-    timeago.render(selection);
-    timeago.cancel()
-  }
-
-  var selection = document.getElementsByClassName('time-title')
-  var title = null
-
-  for (var i = 0; i < selection.length; i++) {
-    let element = selection[i]
-
-    title = element.getAttribute('title')
-    element.setAttribute('title', timeago.format(title))
-  }
-}
-
-// Cheap way to do breadcrumbs
-function refreshTitle() {
-  const breadcrumbs = document.querySelectorAll('.breadcrumbs a');
-  let breadcrumbTexts = Array.from(breadcrumbs).slice(1).map(crumb => crumb.textContent.trim());
-
-  if (breadcrumbTexts.length > 0) {
-    document.title = breadcrumbTexts.join(' > ') + ' - Karafka Web UI';
-  } else {
-    document.title = 'Karafka Web UI';
-  }
-}
-
-// When using explorer, we can select the desired partition. This code redirects without having
-// to press a button after a select
-function redirectToPartition() {
-  var selector = document.getElementById('current-partition');
-
-  if (selector == null) { return }
-
-  selector.addEventListener('change', function(){
-    Turbo.visit(this.value);
-  });
-}
-
-// Binds to links and forms to make sure action is what user wants
-function bindActionsConfirmations() {
-  var elements = document.getElementsByClassName('confirm-action')
-  var confirmation = 'Are you sure?'
-
-  for (var i = 0; i < elements.length; i++) {
-    let element = elements[i]
-    let action = 'click'
-
-    if (element.nodeName === 'FORM') {
-      action = 'submit'
-    }
-
-    element.addEventListener(action, function(event) {
-      if (!window.confirm(confirmation)) {
-        event.preventDefault();
-      }
-    })
-  }
-}
-
-function bindLockableButtons() {
-  document.querySelectorAll('.btn-lockable').forEach(function(button) {
-    button.addEventListener('click', function(event) {
-      // Find the form element the button is within
-      const form = button.closest('form');
-
-      // If the button is part of a form, add a submit event listener to the form
-      if (form) {
-        form.addEventListener('submit', function() {
-          button.disabled = true;
-          button.textContent += '...';
-          // also lock any modal that is open as the form is submitted
-          var modals = document.querySelectorAll('.modal');
-
-          // Add 'modal-locked' class to each modal
-          modals.forEach(function (modal) {
-            modal.classList.add('modal-locked');
-          });
-        }, { once: true });
-      } else {
-        // If the button is not part of a form, disable it immediately
-        button.disabled = true;
-        button.textContent += '...';
-      }
-    });
-  });
-}
-
 function addListeners() {
   initLivePolling();
   bindPollingButtonClick();
-  bindLockableButtons();
   setLivePollButton();
   setPollingListener();
 
   hljs.highlightAll();
-  updateTimeAgo();
-  redirectToPartition();
+  new TimeAgoManager();
+  new PartitionRedirectManager();
 
   const tabsManager = new TabsManager();
   tabsManager.manageTabs();
 
   manageCharts();
-  bindActionsConfirmations();
   loadOffsetLookupDatePicker();
 
   new BtnToggleManager();
   new BtnToggleManager('.btn-toggle-nav-collapsed', 'collapsed');
   new ThemeManager();
 
-  refreshTitle()
+  new ButtonLockManager();
+  new ActionConfirmationManager();
+  new PageTitleTracker();
   new SearchMetadataVisibilityManager();
   new SearchModalManager();
+  new TimestampSelector();
+  new AlertsManager();
+  new MessageRepublishManager();
 }
 
 document.addEventListener('turbo:load', addListeners);