From 96b16df845b333f4b53802bc9e4eb0340ecf4ac9 Mon Sep 17 00:00:00 2001
From: Ben Roberts <ben@sihnon.net>
Date: Mon, 19 Dec 2011 15:49:34 +0000
Subject: [PATCH] Fixed status board table layout and row banding

---
 public/styles/normal.css        |  9 +++++++
 source/webui/templates/home.tpl | 42 ++++++++++++++++++++++++---------
 2 files changed, 40 insertions(+), 11 deletions(-)

diff --git a/public/styles/normal.css b/public/styles/normal.css
index 2f34a22..a8579cf 100644
--- a/public/styles/normal.css
+++ b/public/styles/normal.css
@@ -112,3 +112,12 @@ div.incident {
 table th, table td {
     text-align: center;
 }
+
+th.service {
+    text-align: left;
+    background-color: #dddddd;
+}
+
+.odd_row {
+    background-color: #eeeeee;
+}
\ No newline at end of file
diff --git a/source/webui/templates/home.tpl b/source/webui/templates/home.tpl
index cf6f43e..8cdf1ce 100644
--- a/source/webui/templates/home.tpl
+++ b/source/webui/templates/home.tpl
@@ -1,35 +1,55 @@
 <div id="statusboard">
-    <table class="bordered-table zebra-striped">
+    <table class="bordered-table">
         <thead>
             <tr>
                 <th>Service</th>
-                <th>Sites</th>
                 <th class="status">Current</th>
                 {foreach from=$days key="ind" item="day"}
-  				<th class="status">{$day}</th>
+  				    <th class="status">{$day}</th>
 				{/foreach}
-              
             </tr>
         </thead>
         <tbody>
             {foreach from=$services item=service}
-                <tr colspan="8" class="service">
-                    <th >
+                <tr>
+                    <th colspan="8" class="service">
                         {$service->name}
                     </th>
+                </tr>
                 {foreach from=$service->sites() item=site}
-                    {assign var=incidents value=$site->openIncidents()}
+                {assign var=incidents value=$site->openIncidents()}
+                    <tr class="site">
                         <td>
                             {$site->name}
                         </td>
                         <td>
                             {StatusBoard_Status::name($site->status())}
                         </td>                                        
-                {foreachelse}
-                </tr>
-                
-                {/foreach}    
+                        <td>
+                            TODO
+                        </td>
+                        <td>
+                            TODO
+                        </td>
+                        <td>
+                            TODO
+                        </td>
+                        <td>
+                            TODO
+                        </td>
+                        <td>
+                            TODO
+                        </td>
+                        <td>
+                            TODO
+                        </td>
+                    </tr>
+                {/foreach}
             {/foreach}
         </tbody>
     </table>
 </div>
+
+<script type="text/javascript">
+    $('tr.site').filter(':odd > td').addClass('odd_row');
+</script>