ben/status-board
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed status board table layout and row banding

Browse Source
This commit is contained in:
Ben Roberts
2011-12-19 15:49:34 +00:00
parent b7c7eb7585
commit 96b16df845
2 changed files with 40 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
public/styles/normal.css
View File

@@ -112,3 +112,12 @@ div.incident {
table th, table td { table th, table td {
text-align: center; text-align: center;
} }
th.service {
text-align: left;
background-color: #dddddd;
}
.odd_row {
background-color: #eeeeee;
}

42
source/webui/templates/home.tpl
View File

@@ -1,35 +1,55 @@
<div id="statusboard"> <div id="statusboard">
<table class="bordered-table zebra-striped"> <table class="bordered-table">
<thead> <thead>
<tr> <tr>
<th>Service</th> <th>Service</th>
<th>Sites</th>
<th class="status">Current</th> <th class="status">Current</th>
{foreach from=$days key="ind" item="day"} {foreach from=$days key="ind" item="day"}
<th class="status">{$day}</th> <th class="status">{$day}</th>
{/foreach} {/foreach}
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{foreach from=$services item=service} {foreach from=$services item=service}
<tr colspan="8" class="service"> <tr>
<th > <th colspan="8" class="service">
{$service->name} {$service->name}
</th> </th>
</tr>
{foreach from=$service->sites() item=site} {foreach from=$service->sites() item=site}
{assign var=incidents value=$site->openIncidents()} {assign var=incidents value=$site->openIncidents()}
<tr class="site">
<td> <td>
{$site->name} {$site->name}
</td> </td>
<td> <td>
{StatusBoard_Status::name($site->status())} {StatusBoard_Status::name($site->status())}
</td> </td>
{foreachelse} <td>
</tr> TODO
</td>
{/foreach} <td>
TODO
</td>
<td>
TODO
</td>
<td>
TODO
</td>
<td>
TODO
</td>
<td>
TODO
</td>
</tr>
{/foreach}
{/foreach} {/foreach}
</tbody> </tbody>
</table> </table>
</div> </div>
<script type="text/javascript">
$('tr.site').filter(':odd > td').addClass('odd_row');
</script>