From 318dd8dba4ddbbb93a4f815c9173eeeb4f2f5ee8 Mon Sep 17 00:00:00 2001
From: Eric Kao <ekcs.openstack@gmail.com>
Date: Wed, 19 Jul 2017 19:06:28 -0700
Subject: [PATCH] Add coloring to monitoring panel

coloring javascript added to
congress_dashboard/monitoring/templates/monitoring/index.html
None zero error cell colored red
None zero warning cell colored yellow

"monitoring" div id changed to "monitoring_panel" to
avoid clashing with the monitoring table of the same id.

screen shot example: https://imagebin.ca/v/3UAZHzzxqkwX

Implements blueprint enhance-congress-dashboard
Partial-Bug:#1670520

Change-Id: I8702b6dac75612449e0025b13a1db7f481b6c532
---
 .../monitoring/templates/monitoring/index.html   | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/congress_dashboard/monitoring/templates/monitoring/index.html b/congress_dashboard/monitoring/templates/monitoring/index.html
index b1fc8c2..9d37e3f 100644
--- a/congress_dashboard/monitoring/templates/monitoring/index.html
+++ b/congress_dashboard/monitoring/templates/monitoring/index.html
@@ -7,7 +7,21 @@
 {% endblock page_header %}
 
 {% block main %}
-  <div id="monitoring">
+  <div id="monitoring_panel">
     {{ monitoring_table.render }}
   </div>
+  <script type="text/javascript">
+  // color none 0 errors/warnings red/yellow
+  table_rows = document.getElementById("monitoring").childNodes[5];
+  num_rows = (table_rows.childNodes.length - 1)/2;
+  for (i = 0; i < num_rows; i++) {
+    row = table_rows.childNodes[1 + 2*i];
+    if (row.childNodes[1].innerHTML.trim() != "-") {
+      row.childNodes[1].style.backgroundColor = "rgba(255, 0, 0, 0.5)";
+    }
+    if (row.childNodes[2].innerHTML.trim() != "-") {
+      row.childNodes[2].style.backgroundColor = "rgba(255, 255, 0, 0.5)";
+    }
+  }
+  </script>
 {% endblock %}