Add table header for network bitrates.

This commit is contained in:
opi 2014-02-18 23:18:44 +01:00
parent bc21f5d261
commit 860ba5a253
2 changed files with 38 additions and 20 deletions

View file

@ -97,4 +97,12 @@ div.br {
.help-block {
text-align: right;
}
}
th h3,
th h4 {
margin-bottom: 5px;
font-weight: bold;
}
th h4 {font-size: 16px;}
th h4 small {font-size: 12px;}

View file

@ -142,26 +142,36 @@
<h3>Usage</h3>
{{#each network.usage}}
<div class="clearfix">
<h4>
{{@key}}
<small>Time since update: {{humanTime time_since_update}}</small>
</h4>
<table class="table table-condensed">
<tr>
<td><span class="glyphicon glyphicon-cloud-download"> Rx</span></td>
<td>{{bitRate rx time_since_update}}</td>
<td>{{humanSize cumulative_rx}} (cumulative)</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-cloud-upload"> Tx</td>
<td>{{bitRate tx time_since_update}}</td>
<td>{{humanSize cumulative_tx}} (cumulative)</td>
</tr>
<tr class="active">
<td>Rx + Tx</td>
<td>{{bitRate cx time_since_update}}</td>
<td>{{humanSize cumulative_cx}} (cumulative)</td>
</tr>
<thead>
<tr>
<th>
<h4>
{{@key}}
<small>Time since update: {{humanTime time_since_update}}</small>
</h4>
</th>
<th>Bitrate</th>
<th>Cumulative bitrate</th>
</tr>
</thead>
<tbody>
<tr>
<td>Rx</span></td>
<td>{{bitRate rx time_since_update}}</td>
<td>{{humanSize cumulative_rx}}</td>
</tr>
<tr>
<td>Tx</td>
<td>{{bitRate tx time_since_update}}</td>
<td>{{humanSize cumulative_tx}}</td>
</tr>
<tr class="active">
<td>Rx + Tx</td>
<td>{{bitRate cx time_since_update}}</td>
<td>{{humanSize cumulative_cx}}</td>
</tr>
</tbody>
</table>
</div>
{{/each}}