From 12ddbbc61d0c90ac4c0057fd7b151eaa778123c8 Mon Sep 17 00:00:00 2001
From: sunilg <sunilg@apache.org>
Date: Thu, 27 Oct 2016 14:45:23 +0530
Subject: [PATCH] YARN-5497. [YARN-3368] Use different color for Undefined and
 Succeeded for Final State in applications page. (Akhil P B Tan via Sunil G)

---
 .../hadoop-yarn-ui/src/main/webapp/app/models/yarn-app.js  | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/hadoop-yarn-project/hadoop-yarn/hadoop-yarn-ui/src/main/webapp/app/models/yarn-app.js b/hadoop-yarn-project/hadoop-yarn/hadoop-yarn-ui/src/main/webapp/app/models/yarn-app.js
index 0a5df87ba6d..8b5474f2f5c 100644
--- a/hadoop-yarn-project/hadoop-yarn/hadoop-yarn-ui/src/main/webapp/app/models/yarn-app.js
+++ b/hadoop-yarn-project/hadoop-yarn/hadoop-yarn-ui/src/main/webapp/app/models/yarn-app.js
@@ -86,14 +86,17 @@ export default DS.Model.extend({
   }.property("progress"),
 
   finalStatusStyle: function() {
-    var style = "default";
     var finalStatus = this.get("finalStatus");
+    var style = "";
+
     if (finalStatus == "KILLED") {
       style = "warning";
     } else if (finalStatus == "FAILED") {
       style = "danger";
-    } else {
+    } else if (finalStatus == "SUCCEEDED") {
       style = "success";
+    } else {
+      style = "default";
     }
 
     return "label label-" + style;