AMBARI-13902. Better Xpath needed for Mapreduce2 Client value field in Mapreduce2 summary

ambari-web/app/models/client_component.js

@@ -28,6 +28,13 @@ App.ClientComponent = DS.Model.extend({
   stackInfo: DS.belongsTo('App.StackServiceComponent'),
   hostNames: DS.attr('array'),
 
+  summaryLabelClassName:function(){
+    return 'label_for_'+this.get('componentName').toLowerCase();
+  }.property('componentName'),
+
+  summaryValueClassName:function(){
+    return 'value_for_'+this.get('componentName').toLowerCase();
+  }.property('componentName'),
 
   displayName: function() {
     var displayName = App.format.role(this.get('componentName'));

ambari-web/app/models/host_component.js

@@ -29,6 +29,14 @@ App.HostComponent = DS.Model.extend({
   hostName: DS.attr('string'),
   service: DS.belongsTo('App.Service'),
   adminState: DS.attr('string'),
+
+  summaryLabelClassName:function(){
+    return 'label_for_'+this.get('componentName').toLowerCase();
+  }.property('componentName'),
+
+  summaryValueClassName:function(){
+    return 'value_for_'+this.get('componentName').toLowerCase();
+  }.property('componentName'),
   /**
    * Determine if component is client
    * @returns {bool}

ambari-web/app/templates/main/service/info/summary/client_components.hbs

@@ -18,12 +18,12 @@
 <tr class="hidden"><td></td></tr>
 {{#each clientComponent in view.clientsObj}}
   <tr>
-    <td class="summary-label">
+    <td {{bindAttr class=":summary-label clientComponent.summaryLabelClassName"}}>
       <a {{action filterHosts clientComponent}} href="javascript:void(null)" >
         {{clientComponent.displayNamePluralized}}
       </a>
     </td>
-    <td class="summary-label">
+    <td {{bindAttr class=":summary-value clientComponent.summaryValueClassName"}}>
       <span class="green-live">{{clientComponent.installedCount}}</span> {{clientComponent.displayNamePluralized}} {{t common.installed}}
     </td>
   </tr>

ambari-web/app/templates/main/service/info/summary/master_components.hbs

@@ -18,7 +18,7 @@
 <tr class="hidden"><td></td></tr>
 {{#each comp in view.mastersComp}}
   <tr {{bindAttr class="comp.isSubComponent:component-small :component comp.componentName"}}>
-    <td class="summary-label">
+    <td {{bindAttr class=":summary-label comp.summaryLabelClassName"}}>
       <a href="#" {{action showDetails comp.host}} title="{{unbound comp.host.publicHostName}}" rel="UsageTooltip">
         {{#if comp.displayNameAdvanced}}
           {{comp.displayNameAdvanced}}
@@ -27,7 +27,7 @@
         {{/if}}
       </a>
     </td>
-    <td class="summary-value">
+    <td {{bindAttr class=":summary-value comp.summaryValueClassName"}}>
       <span rel='SummaryComponentHealthTooltip' {{bindAttr class="comp.statusClass comp.statusIconClass" data-original-title="comp.passiveTooltip"}}></span>
       {{comp.componentTextStatus}}
     </td>

ambari-web/app/templates/main/service/info/summary/slave_components.hbs

@@ -19,9 +19,9 @@
 
 {{#each slaveComponent in view.slavesObj}}
   <tr {{bindAttr class=":component slaveComponent.componentName"}}>
-    <td class="summary-label"><a href="#" {{action filterHosts slaveComponent}}>{{slaveComponent.displayNamePluralized}}</a>
+    <td {{bindAttr class=":summary-label slaveComponent.summaryLabelClassName"}}><a href="#" {{action filterHosts slaveComponent}}>{{slaveComponent.displayNamePluralized}}</a>
     </td>
-    <td class="summary-value">
+    <td {{bindAttr class=":summary-value slaveComponent.summaryValueClassName"}}>
       <span>
         {{#view App.ComponentLiveTextView liveComponentsBinding="slaveComponent.startedCount" totalComponentsBinding="slaveComponent.totalCount"}}
           {{view.liveComponents}}/{{view.totalComponents}}