From 33f7de9f84c230996e47bb3cad7c4a9d105db920 Mon Sep 17 00:00:00 2001
From: "James E. Blair" <jeblair@openstack.org>
Date: Sun, 23 Feb 2014 09:14:21 -0800
Subject: [PATCH] Add Zuul Job Queue graph

Displays gearman queue information.

Change-Id: I2abcb373f3398ee47e17dcd62e599ff1d92214d0
---
 .../openstack_project/files/zuul/status.html  | 23 +++++++++++++++----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/modules/openstack_project/files/zuul/status.html b/modules/openstack_project/files/zuul/status.html
index 04b3f05789..34b462f984 100644
--- a/modules/openstack_project/files/zuul/status.html
+++ b/modules/openstack_project/files/zuul/status.html
@@ -126,12 +126,9 @@ td.tree {
 .queue_good {
     color: #888888;
 }
-
 #graph-container img {
-    margin-left: 10px;
-}
-#graph-container img:first-of-type {
-    margin-left: 0px;
+    margin-left: 2px;
+    margin-right: 2px;
 }
 #zuul_info_container {
     margin-top: 12px;
@@ -346,6 +343,22 @@ $("#graph-container").append($(new Image()).addClass('graph').graphite({
     ],
     title: "Gerrit Events (per Hour)"
 }));
+
+$("#graph-container").append($(new Image()).addClass('graph').graphite({
+    from: "-24hours",
+    width: 334,
+    height: 180,
+    bgcolor: 'ffffff',
+    fgcolor: '000000',
+    target: [
+        "color(alias(stats.gauges.zuul.geard.queue.running, 'Running'), 'blue')",
+        "color(alias(stats.gauges.zuul.geard.queue.waiting, 'Waiting'), 'red')",
+        "color(alias(stats.gauges.zuul.geard.queue.total, 'Total Jobs'), '888888')",
+        "color(alias(stats.gauges.zuul.geard.workers, 'Workers'), 'green')",
+    ],
+    title: "Zuul Job Queue"
+}));
+
       </script>
     </div>