[ambari] branch branch-2.7 updated: AMBARI-24161 Cannot distinguish components on Host Details page due to shortened display name (Ambari should show full component name on mouse over). (ababiichuk)

[ab...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

ababiichuk pushed a commit to branch branch-2.7
in repository https://gitbox.apache.org/repos/asf/ambari.git


The following commit(s) were added to refs/heads/branch-2.7 by this push:
     new 6f5e966  AMBARI-24161 Cannot distinguish components on Host Details page due to shortened display name (Ambari should show full component name on mouse over). (ababiichuk)
6f5e966 is described below

commit 6f5e966cb372af85b1562d3d608bda708caf301f
Author: ababiichuk <ab...@hortonworks.com>
AuthorDate: Thu Jul 19 14:40:02 2018 +0300

    AMBARI-24161 Cannot distinguish components on Host Details page due to shortened display name (Ambari should show full component name on mouse over). (ababiichuk)
---
 ambari-web/app/templates/main/host/details/host_component.hbs | 4 ++--
 ambari-web/app/views/main/host/details/host_component_view.js | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/ambari-web/app/templates/main/host/details/host_component.hbs b/ambari-web/app/templates/main/host/details/host_component.hbs
index 7ff0425..e2c4d5d 100644
--- a/ambari-web/app/templates/main/host/details/host_component.hbs
+++ b/ambari-web/app/templates/main/host/details/host_component.hbs
@@ -47,9 +47,9 @@
 <td class="component-name-block">
   <span>
     {{#if component.displayNameAdvanced}}
-      <span {{bindAttr title="component.displayNameAdvanced"}}>{{component.getDisplayNameAdvanced}}&nbsp;/</span>
+      <span rel="componentNameTooltip" {{bindAttr data-original-title="component.displayNameAdvanced"}}>{{component.getDisplayNameAdvanced}}&nbsp;/</span>
     {{else}}
-      <span {{bindAttr title="component.displayName"}}>{{component.getDisplayName}}&nbsp;/</span>
+      <span rel="componentNameTooltip" {{bindAttr data-original-title="component.displayName"}}>{{component.getDisplayName}}&nbsp;/</span>
     {{/if}}
     <span class="hidden-lg"><br/></span>
     <a href="#" {{action routeToService component.service}} {{bindAttr title="component.service.displayName"}}>
diff --git a/ambari-web/app/views/main/host/details/host_component_view.js b/ambari-web/app/views/main/host/details/host_component_view.js
index e785259..e560812 100644
--- a/ambari-web/app/views/main/host/details/host_component_view.js
+++ b/ambari-web/app/views/main/host/details/host_component_view.js
@@ -274,6 +274,7 @@ App.HostComponentView = Em.View.extend({
   didInsertElement: function () {
     App.tooltip($('[rel=componentHealthTooltip]'));
     App.tooltip($('[rel=passiveTooltip]'));
+    App.tooltip($('[rel=componentNameTooltip]'));
     if (this.get('isInProgress')) {
       this.doBlinking();
     }