AMBARI-2875. 0/x NodeManagers shown in green color. This is a patch to fix the color coding for MapReduce service. (xiwang via yusaku)

ambari-web/app/templates/main/dashboard/service/mapreduce.hbs

@@ -48,8 +48,11 @@
       <tr>
         <td>{{t dashboard.services.mapreduce.taskTrackers}}</td>
         <td>
-
-          <span class="green-live">{{view.trackersSummary}}</span> {{t services.service.summary.TrackersLive}}
+          <span>
+            {{#view view.trackersLiveTextView}}
+              {{view.liveComponents}}/{{view.totalComponents}}
+            {{/view}}
+          </span> {{t services.service.summary.TrackersLive}}
           <div class="summary-view-host">
             <a href="#" {{action filterHosts view.taskTrackerComponent}}>{{view.trackersText}}</a>
           </div>

ambari-web/app/views/main/dashboard/service/mapreduce.js

@@ -74,6 +74,15 @@ App.MainDashboardServiceMapreduceView = App.MainDashboardServiceView.extend({
     return template.format(liveCount, totalCount);
   }.property('service.aliveTrackers.length', 'service.taskTrackers.length'),
 
+  trackersLiveTextView: App.ComponentLiveTextView.extend({
+    liveComponents: function() {
+      return App.HostComponent.find().filterProperty('componentName', 'TASKTRACKER').filterProperty("workStatus","STARTED").get("length");
+    }.property("service.hostComponents.@each", "service.aliveTrackers.length"),
+    totalComponents: function() {
+      return this.get("service.taskTrackers.length");
+    }.property('service.taskTrackers.length')
+  }),
+
   trackersHeapSummary: function () {
     var heapUsed = this.get('service').get('jobTrackerHeapUsed');
     var heapMax = this.get('service').get('jobTrackerHeapMax');