From 9f0fd06d696ff14b4ec417e42dd0e3e48d413a26 Mon Sep 17 00:00:00 2001
From: "James E. Blair" <jeblair@openstack.org>
Date: Wed, 9 Jan 2013 18:32:45 -0800
Subject: [PATCH] Zuul status page style changes.

Make it easier on the eyes:
  * blue links (like jenkins/gerrit)
  * color-coded test results
  * more verbose info for pre-results tests

Change-Id: I5d8c26e8fa70429e6f1429deae59e2231ab2051b
Reviewed-on: https://review.openstack.org/19357
Reviewed-by: Clark Boylan <clark.boylan@gmail.com>
Reviewed-by: Jeremy Stanley <fungi@yuggoth.org>
Approved: Monty Taylor <mordred@inaugust.com>
Reviewed-by: Monty Taylor <mordred@inaugust.com>
Tested-by: Jenkins
---
 .../openstack_project/files/zuul/status.html    | 12 ++++++++++++
 modules/openstack_project/files/zuul/status.js  | 17 +++++++++++++++--
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/modules/openstack_project/files/zuul/status.html b/modules/openstack_project/files/zuul/status.html
index 6a63740d96..9346aaa6fb 100644
--- a/modules/openstack_project/files/zuul/status.html
+++ b/modules/openstack_project/files/zuul/status.html
@@ -38,6 +38,18 @@
     font-size: 16pt;
     line-height: 1.0;
 }
+.result_success {
+    color: #007f00;
+}
+.result_failure {
+    color: #cf2f19;
+}
+.result_unstable {
+    color: #e39f00;
+}
+a:link {
+    color: #204A87;
+}
 </style>
 
     <TITLE>Zuul Status</TITLE>
diff --git a/modules/openstack_project/files/zuul/status.js b/modules/openstack_project/files/zuul/status.js
index 24b5bf581a..965e30559c 100644
--- a/modules/openstack_project/files/zuul/status.js
+++ b/modules/openstack_project/files/zuul/status.js
@@ -67,8 +67,21 @@ function format_change(change) {
 
     $.each(change['jobs'], function(i, job) {
         result = job['result'];
+        var result_class = "result";
         if (result == null) {
-            result = 'unknown';
+            if (job['url'] != null) {
+                result = 'in progress';
+            } else {
+                result = 'queued';
+            }
+        } else if (result == 'SUCCESS') {
+            result_class += " result_success";
+        } else if (result == 'FAILURE') {
+            result_class += " result_failure";
+        } else if (result == 'LOST') {
+            result_class += " result_unstable";
+        } else if (result == 'UNSTABLE') {
+            result_class += " result_unstable";
         }
         html += '<span class="job">';
         if (job['url'] != null) {
@@ -78,7 +91,7 @@ function format_change(change) {
         if (job['url'] != null) {
             html += '</a>';
         }
-        html += ': '+result;
+        html += ': <span class="'+result_class+'">'+result+'</span>';
         if (job['voting'] == false) {
             html += ' (non-voting)';
         }