Fixed status board table layout and row banding

This commit is contained in:
2011-12-19 15:49:34 +00:00
parent b7c7eb7585
commit 96b16df845
2 changed files with 40 additions and 11 deletions

View File

@@ -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;
}

View File

@@ -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>
{/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()}
<tr class="site">
<td>
{$site->name}
</td>
<td>
{StatusBoard_Status::name($site->status())}
</td>
{foreachelse}
<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>