AMBARI-3921 Hovers stay after manage-config-groups dialog is closed. (atkach)

ambari-web/app/controllers/wizard/step3_controller.js

@@ -1043,8 +1043,8 @@ App.WizardStep3Controller = Em.Controller.extend({
         classNames: ['host-check'],
         didInsertElement: function () {
           Ember.run.next(this, function () {
-            this.$("[rel='HostsListTooltip']").tooltip({html: true, placement: "right"});
-            this.$('#process .warning-name').tooltip({html: true, placement: "top"});
+            App.tooltip(this.$("[rel='HostsListTooltip']"), {html: true, placement: "right"});
+            App.tooltip(this.$('#process .warning-name'), {html: true, placement: "top"});
           })
         }.observes('content'),
         warningsByHost: function () {

ambari-web/app/utils/helper.js

@@ -371,6 +371,19 @@ App.popover = function(self, options) {
   });
 }
 
+/**
+ * wrapper to bootstrap tooltip
+ * fix issue when tooltip stuck on view routing
+ * @param self - DOM element
+ * @param options
+ */
+App.tooltip = function(self, options) {
+  self.tooltip(options);
+  self.on("remove", function () {
+    $(this).trigger('mouseleave');
+  });
+}
+
 /*
  * Helper function for bound property helper registration
  * @params name {String} - name of helper

ambari-web/app/views/common/configs/services_config.js

@@ -56,8 +56,8 @@ App.ServiceConfigView = Em.View.extend({
       this.set('canEdit', false);
     }
     this.$('.service-body').hide();
-    $(".restart-required-property").tooltip({html: true});
-    $(".icon-lock").tooltip({placement: 'right'});
+    App.tooltip($(".restart-required-property"), {html: true});
+    App.tooltip($(".icon-lock"), {placement: 'right'});
   },
 
   /**

ambari-web/app/views/main/dashboard/service.js

@@ -87,7 +87,7 @@ App.MainDashboardServiceHealthView = Em.View.extend({
 
   didInsertElement: function () {
     this.updateToolTip();
-    $("[rel='HealthTooltip']").tooltip();
+    App.tooltip($("[rel='HealthTooltip']"));
     this.doBlink(); // check for blink availability
   }
 });

ambari-web/app/views/main/dashboard/service/yarn.js

@@ -144,7 +144,7 @@ App.MainDashboardServiceYARNView = App.MainDashboardServiceView.extend({
   }.property('service.queuesCount'),
   
   didInsertElement: function(){
-    $("[rel='queue-tooltip']").tooltip({html: true, placement: "right"});
+    App.tooltip($("[rel='queue-tooltip']"), {html: true, placement: "right"});
   }
 
 });

ambari-web/app/views/main/dashboard/widget.js

@@ -53,9 +53,7 @@ App.DashboardWidgetView = Em.View.extend({
   thresh2: null,
 
   didInsertElement: function () {
-    this.$("[rel='ZoomInTooltip']").tooltip({
-      placement : 'left'
-    });
+    App.tooltip(this.$("[rel='ZoomInTooltip']"), {placement : 'left'});
   },
 
   deleteWidget: function (event) {

ambari-web/app/views/main/host.js

@@ -81,7 +81,7 @@ App.MainHostView = App.TableView.extend({
     content:null,
     tagName: 'tr',
     didInsertElement: function(){
-      this.$("[rel='HealthTooltip'], [rel='UsageTooltip']").tooltip();
+      App.tooltip(this.$("[rel='HealthTooltip'], [rel='UsageTooltip']"));
     },
 
     toggleComponents: function(event) {

ambari-web/app/views/main/host/details.js

@@ -34,6 +34,6 @@ App.MainHostDetailsView = Em.View.extend({
     return options;
   }.property('controller.content'),
   didInsertElement: function() {
-    $("[rel='HealthTooltip']").tooltip();
+    App.tooltip($("[rel='HealthTooltip']"));
   }
 });

ambari-web/app/views/main/host/summary.js

@@ -133,7 +133,7 @@ App.MainHostSummaryView = Em.View.extend({
   },
   addToolTip: function() {
     if (this.get('addComponentDisabled')) {
-      $('#add_component').tooltip({title: Em.I18n.t('services.nothingToAdd')});
+      App.tooltip($('#add_component'), {title: Em.I18n.t('services.nothingToAdd')});
     }
   }.observes('addComponentDisabled'),
   sortedComponents: function () {

ambari-web/app/views/main/service.js

@@ -25,7 +25,7 @@ App.MainServiceView = Em.View.extend({
   },
   addToolTip: function() {
     if (this.get('controller.isAllServicesInstalled')) {
-      $('.add-service-button a').tooltip({title: Em.I18n.t('services.nothingToAdd')});
+      App.tooltip($('.add-service-button a'), {title: Em.I18n.t('services.nothingToAdd')});
     }
   }.observes('controller.isAllServicesInstalled')
 });

ambari-web/app/views/main/service/info/summary.js

@@ -26,7 +26,7 @@ App.AlertItemView = Em.View.extend({
   }.property('content'),
   didInsertElement: function () {
     // Tooltips for alerts need to be enabled.
-    $("div[rel=tooltip]").tooltip();
+    App.tooltip($("div[rel=tooltip]"));
     $(".tooltip").remove();
   }
 })

ambari-web/app/views/main/service/manage_config_groups_view.js

@@ -64,9 +64,9 @@ App.MainServiceManageConfigGroupView = Em.View.extend({
 
   didInsertElement: function () {
     this.get('controller').loadConfigGroups(this.get('serviceName'), this.get('usedConfigGroupNames'));
-    $('.properties-link').tooltip();
-    $("[rel='button-info']").tooltip();
-    $("[rel='button-info-dropdown']").tooltip({placement: 'left'});
+    App.tooltip($('.properties-link'));
+    App.tooltip($("[rel='button-info']"));
+    App.tooltip($("[rel='button-info-dropdown']"), {placement: 'left'});
   },
 
   addButtonTooltip: function () {

ambari-web/app/views/main/service/menu.js

@@ -33,7 +33,7 @@ App.MainServiceMenuView = Em.CollectionView.extend({
   didInsertElement:function () {
     App.router.location.addObserver('lastSetURL', this, 'renderOnRoute');
     this.renderOnRoute();
-    $(".restart-required-service").tooltip({html:true, placement:"right"});
+    App.tooltip($(".restart-required-service"), {html:true, placement:"right"});
   },
 
   activeServiceId:null,

ambari-web/app/views/wizard/step6_view.js

@@ -35,9 +35,7 @@ App.WizardStep6View = Em.View.extend({
       this.set('title', Em.I18n.t('installer.step6.header'));
       this.setLabel();
     }
-    $('body').tooltip({
-      selector: '[rel=tooltip]'
-    });
+    App.tooltip($('body'), {selector: '[rel=tooltip]'});
     controller.loadStep();
   },