AMBARI-7561. Slider View: App hover being cut off. (akovalenko)

contrib/views/slider/src/main/resources/ui/app/templates/application.hbs

@@ -18,7 +18,7 @@
 
 <div class="slider-header">
   {{#view view.SliderTitleView}}
-    <h3 class="pull-left"><span class="slider-app-title" {{bs-bind-popover view.popover}}>{{App.label}}</span></h3>
+      <h3 class="pull-left" id="slider-title"><span class="slider-app-title">{{App.label}}</span></h3>
     {{#if view.isIndexPage}}
       <div class="box-header pull-right">
         <div class="create-app">

contrib/views/slider/src/main/resources/ui/app/views/application_view.js

@@ -32,7 +32,8 @@ App.ApplicationView = Ember.View.extend({
       return Em.Object.create({
         trigger: 'hover',
         placement: 'bottom',
-        title: App.get('instance')
+        title: App.get('instance'),
+        html: true
       })
     }.property('content'),
 
@@ -49,8 +50,12 @@ App.ApplicationView = Ember.View.extend({
       var template = this.createChildView(App.SliderTitleTooltipView, {
         content: App.SliderApp.store.all('sliderConfig')
       });
-      this.set('popover.template', template.renderToBuffer().string());
-    }.observes('App.mapperTime')
+      $('#slider-title').data('bs.popover').options.content = template.renderToBuffer().string();
+    }.observes('App.mapperTime'),
+
+    didInsertElement: function () {
+      $('#slider-title').popover(this.get('popover'));
+    }
 
   })