Sfoglia il codice sorgente

HUE-8758 [connectors] Show human friendly title in the left assist

Johan Ahlen 5 anni fa
parent
commit
f2e47ecd0c

+ 6 - 2
desktop/core/src/desktop/js/ko/components/assist/ko.assistDbPanel.js

@@ -287,7 +287,7 @@ const TEMPLATE =
       <a data-bind="click: back, appAwareTemplateContextMenu: { template: 'sql-context-items', viewModel: selectedSource().selectedNamespace().selectedDatabase() }">
         <i class="fa fa-chevron-left assist-breadcrumb-back" ></i>
         <i class="fa assist-breadcrumb-text" data-bind="css: { 'fa-server': nonSqlType, 'fa-database': !nonSqlType }"></i>
-        <span class="assist-breadcrumb-text" data-bind="text: breadcrumb, attr: {'title': breadcrumb() +  (nonSqlType ? '' : ' (' + selectedSource().sourceType + ' ' + selectedSource().selectedNamespace().name + ')') }"></span>
+        <span class="assist-breadcrumb-text" data-bind="text: breadcrumb, attr: {'title': breadcrumbTitle }"></span>
       </a>
       <!-- /ko -->
       <!-- ko ifnot: selectedSource().selectedNamespace().selectedDatabase() -->
@@ -295,7 +295,7 @@ const TEMPLATE =
       <a data-bind="click: back">
         <i class="fa fa-chevron-left assist-breadcrumb-back"></i>
         <i class="fa fa-snowflake-o assist-breadcrumb-text"></i>
-        <span class="assist-breadcrumb-text" data-bind="text: breadcrumb, attr: {'title': breadcrumb() + ' (' + selectedSource().sourceType + ')' }"></span>
+        <span class="assist-breadcrumb-text" data-bind="text: breadcrumb, attr: {'title': breadcrumbTitle }"></span>
       </a>
       <!-- /ko -->
       <!-- ko ifnot: window.HAS_MULTI_CLUSTER -->
@@ -576,6 +576,10 @@ class AssistDbPanel {
     this.sourceIndex = {};
     this.selectedSource = ko.observable(null);
 
+    this.breadcrumbTitle = ko.pureComputed(
+      () => `${this.breadcrumb()} (${this.selectedSource().connector.displayName})`
+    );
+
     this.breadcrumb = ko.pureComputed(() => {
       if (this.isStreams && this.selectedSource()) {
         return this.selectedSource().name;