AMBARI-7381 Slider View: FE - status of alerts shows as UNKNOWN. (atkach)

contrib/views/slider/src/main/resources/ui/app/models/slider_app_alert.js

@@ -85,46 +85,23 @@ App.SliderAppAlert = DS.Model.extend({
   timeSinceAlert: function () {
     var d = this.get('date');
     var timeFormat;
+    var statusMap = Em.Object.create({
+      'OK': 'OK',
+      'WARNING': 'WARN',
+      'CRITICAL': 'CRIT',
+      'PASSIVE': 'MAINT'
+    });
+    var messageKey = statusMap.getWithDefault(this.get('status'), 'UNKNOWN');
+
     if (d) {
-      switch (this.get('status')) {
-        case "0":
-          timeFormat = Em.I18n.t('sliderApp.alerts.OK.timePrefix');
-          break;
-        case "1":
-          timeFormat = Em.I18n.t('sliderApp.alerts.WARN.timePrefix');
-          break;
-        case "2":
-          timeFormat = Em.I18n.t('sliderApp.alerts.CRIT.timePrefix');
-          break;
-        case "3":
-          timeFormat = Em.I18n.t('sliderApp.alerts.MAINT.timePrefix');
-          break;
-        default:
-          timeFormat = Em.I18n.t('sliderApp.alerts.UNKNOWN.timePrefix');
-          break;
-      }
+      timeFormat = Em.I18n.t('sliderApp.alerts.' + messageKey + '.timePrefix');
       var prevSuffix = $.timeago.settings.strings.suffixAgo;
       $.timeago.settings.strings.suffixAgo = '';
       var since = timeFormat.format($.timeago(this.makeTimeAtleastMinuteAgo(d)));
       $.timeago.settings.strings.suffixAgo = prevSuffix;
       return since;
     } else if (d == 0) {
-      switch (this.get('status')) {
-        case "0":
-          timeFormat = Em.I18n.t('sliderApp.alerts.OK.timePrefixShort');
-          break;
-        case "1":
-          timeFormat = Em.I18n.t('sliderApp.alerts.WARN.timePrefixShort');
-          break;
-        case "2":
-          timeFormat = Em.I18n.t('sliderApp.alerts.CRIT.timePrefixShort');
-          break;
-        case "3":
-          timeFormat = Em.I18n.t('sliderApp.alerts.MAINT.timePrefixShort');
-          break;
-        default:
-          timeFormat = Em.I18n.t('sliderApp.alerts.UNKNOWN.timePrefixShort');
-      }
+      timeFormat = Em.I18n.t('sliderApp.alerts.' + messageKey + '.timePrefixShort');
       return timeFormat;
     } else {
       return "";

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

@@ -90,7 +90,7 @@
                   <div class="col-md-11">
                     <div class="row">
                       <div class="col-md-7 title">{{title}}</div>
-                      <div {{bs-bind-tooltip view.tooltip}} data-placement="left" class="col-md-5 date-time">{{timeSinceAlert}}</div>
+                      <div {{bs-bind-tooltip view.tooltip}} class="col-md-5 date-time">{{timeSinceAlert}}</div>
                     </div>
                     <div class="message">{{message}}</div>
                   </div>

contrib/views/slider/src/main/resources/ui/app/views/slider_app/summary_view.js

@@ -52,7 +52,7 @@ App.SliderAppSummaryView = Ember.View.extend({
       return Ember.Object.create({
         trigger: 'hover',
         content: this.get('content.timeSinceAlertDetails'),
-        placement: "right"
+        placement: "bottom"
       });
     }.property('content')
   })