AMBARI-4822. "Host Actions" button is disabled on host detail page when heart beating is lost. (onechiporenko)

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

@@ -961,13 +961,13 @@ App.MainHostDetailsController = Em.Controller.extend({
         this.validateAndDeleteHost();
         break;
       case "startAllComponents":
-        this.doStartAllComponents();
+        if (!this.get('content.isNotHeartBeating')) this.doStartAllComponents();
         break;
       case "stopAllComponents":
-        this.doStopAllComponents();
+        if (!this.get('content.isNotHeartBeating')) this.doStopAllComponents();
         break;
       case "restartAllComponents":
-        this.doRestartAllComponents();
+        if (!this.get('content.isNotHeartBeating')) this.doRestartAllComponents();
         break;
       case "onOffPassiveModeForHost":
         this.onOffPassiveModeForHost(option.context);

ambari-web/app/templates/main/host/details.hbs

@@ -30,15 +30,15 @@
       {{#if App.supports.deleteHost}}
 				<div class="service-button">
 				    <div class="btn-group display-inline-block">
-				      <a href="javascript:void(null)" {{bindAttr class=":btn :dropdown-toggle controller.content.isNotHeartBeating:disabled"}} data-toggle="dropdown">
+				      <a href="javascript:void(null)" {{bindAttr class=":btn :dropdown-toggle"}} data-toggle="dropdown">
                 {{t hosts.host.details.hostActions}}
 				        <span class="caret"></span>
 				      </a>
 				      <ul class="dropdown-menu pull-right">
 				        <!-- dropdown menu links -->
 				        {{#each option in view.maintenance}}
-				        <li {{bindAttr class="controller.isStopDisabled:disabled"}}>
-				          <a {{action "doAction" option target="controller" href=true}}><i {{bindAttr class="option.cssClass"}}></i>
+				        <li {{bindAttr class="controller.isStopDisabled:disabled option.liClass"}}>
+				          <a {{action "doAction" option target="controller" href=true}}><i {{bindAttr class="option.cssClass option.liClass"}}></i>
 {{option.label}}</a>
 				        </li>
 				        {{/each}}

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

@@ -33,12 +33,12 @@ App.MainHostDetailsView = Em.View.extend({
   maintenance: function(){
     var onOff = this.get('isActive') ? "On" : "Off";
     return [
-      {action: 'startAllComponents', cssClass: 'icon-play enabled', 'label': this.t('hosts.host.details.startAllComponents')},
-      {action: 'stopAllComponents', cssClass: 'icon-stop enabled', 'label': this.t('hosts.host.details.stopAllComponents')},
-      {action: 'restartAllComponents', cssClass: 'icon-forward enabled', 'label': this.t('hosts.host.details.restartAllComponents')},
-      {action: 'deleteHost', cssClass: 'icon-remove enabled', 'label': this.t('hosts.host.details.deleteHost')},
-      {action: 'onOffPassiveModeForHost', cssClass: 'icon-medkit enabled', active:this.get('isActive'), 'label': this.t('passiveState.turn' + onOff)}];
-  }.property('controller.content','isActive'),
+      {action: 'startAllComponents', liClass: (this.get('controller.content.isNotHeartBeating')?'disabled':'enabled'), cssClass: 'icon-play', 'label': this.t('hosts.host.details.startAllComponents')},
+      {action: 'stopAllComponents', liClass: (this.get('controller.content.isNotHeartBeating')?'disabled':'enabled'), cssClass: 'icon-stop', 'label': this.t('hosts.host.details.stopAllComponents')},
+      {action: 'restartAllComponents', liClass: (this.get('controller.content.isNotHeartBeating')?'disabled':'enabled'), cssClass: 'icon-forward', 'label': this.t('hosts.host.details.restartAllComponents')},
+      {action: 'deleteHost', liClass:'', cssClass: 'icon-remove', 'label': this.t('hosts.host.details.deleteHost')},
+      {action: 'onOffPassiveModeForHost', liClass:'', cssClass: 'icon-medkit', active:this.get('isActive'), 'label': this.t('passiveState.turn' + onOff)}];
+  }.property('controller.content','isActive', 'controller.content.isNotHeartBeating'),
   didInsertElement: function() {
     App.tooltip($("[rel='HealthTooltip']"));
   }