AMBARI-4454. Bulk Ops: UI tweaks. (onechiporenko)

ambari-web/app/messages.js

@@ -1336,6 +1336,7 @@ Em.I18n.translations = {
   'hosts.table.menu.l1.selectedHosts':'Selected Hosts',
   'hosts.table.menu.l1.filteredHosts':'Filtered Hosts',
   'hosts.table.menu.l1.allHosts':'All Hosts',
+  'hosts.table.menu.l2.allComponents':'All Components',
   'hosts.table.menu.l2.restartAllComponents':'Restart All Components',
 
   'hosts.bulkOperation.confirmation.header':'Confirm Bulk Operation',

ambari-web/app/styles/application.less

@@ -2582,6 +2582,14 @@ table.graphs {
 /*Hosts*/
 #hosts {
 
+  .bulk-menu {
+    a {
+      &.disabled {
+        color: gray;
+      }
+    }
+  }
+
   #hosts-table {
     margin-top: 10px;
     margin-bottom: 10px;

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

@@ -16,7 +16,7 @@
 * limitations under the License.
 }}
 
-<div class="dropdown">
+<div class="dropdown bulk-menu">
   <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">{{t common.actions}} <span class="caret"></span></a>
   <ul class="dropdown-menu">
     {{#if App.isAdmin}}
@@ -24,7 +24,7 @@
       <li class="divider"></li>
     {{/if}}
     <li class="dropdown-submenu">
-      <a tabindex="-1" href="javascript:void(null);">{{view.menuItems.s.label}}
+      <a {{bindAttr class="view.parentView.selectedCategory.hasHosts::disabled"}} tabindex="-1" href="javascript:void(null);">{{view.menuItems.s.label}}
         ({{view.parentView.selectedCategory.hostsCount}})</a>
       <ul {{bindAttr class="view.parentView.selectedCategory.hasHosts::hidden :dropdown-menu"}}>
         {{#each subMenuItem in view.menuItems.s.submenu}}
@@ -42,7 +42,7 @@
       </ul>
     </li>
     <li class="dropdown-submenu">
-      <a tabindex="-1" href="javascript:void(null);">{{view.menuItems.f.label}}
+      <a {{bindAttr class="view.parentView.hasFilteredItems::disabled"}} tabindex="-1" href="javascript:void(null);">{{view.menuItems.f.label}}
         ({{view.parentView.filteredContent.length}})</a>
       <ul {{bindAttr class="view.parentView.hasFilteredItems::hidden :dropdown-menu"}}>
         {{#each subMenuItem in view.menuItems.f.submenu}}

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

@@ -102,7 +102,7 @@ App.HostTableMenuView = Em.View.extend({
   getHostItemsTemplate: function() {
     return Em.A([
       Em.Object.create({
-        label: Em.I18n.t('hosts.host.details.startAllComponents'),
+        label: Em.I18n.t('common.start'),
         operationData: Em.Object.create({
           action: 'STARTED',
           actionToCheck: 'INSTALLED',
@@ -110,7 +110,7 @@ App.HostTableMenuView = Em.View.extend({
         })
       }),
       Em.Object.create({
-        label: Em.I18n.t('hosts.host.details.stopAllComponents'),
+        label: Em.I18n.t('common.stop'),
         operationData: Em.Object.create({
           action: 'INSTALLED',
           actionToCheck: 'STARTED',
@@ -118,7 +118,7 @@ App.HostTableMenuView = Em.View.extend({
         })
       }),
       Em.Object.create({
-        label: Em.I18n.t('hosts.table.menu.l2.restartAllComponents'),
+        label: Em.I18n.t('common.restart'),
         operationData: Em.Object.create({
           action: 'RESTART',
           message: Em.I18n.t('hosts.table.menu.l2.restartAllComponents')
@@ -153,7 +153,7 @@ App.HostTableMenuView = Em.View.extend({
    * @returns {Array}
    */
   getSubMenuItemsTemplate: function(selection) {
-    var submenu = [{label: Em.I18n.t('common.hosts'), submenu: this.getHostItemsTemplate()}];
+    var submenu = [{label: Em.I18n.t('hosts.table.menu.l2.allComponents'), submenu: this.getHostItemsTemplate()}];
 
     if (!!App.HDFSService.find().content.length) {
       var slaveItemsForHdfs = this.getSlaveItemsTemplate('NAMENODE', 'DATANODE');