42 lines
1.6 KiB
HTML
42 lines
1.6 KiB
HTML
<div class="w1" ng-controller="TelemetryController as telemetry">
|
|
<!-- Dynamically set height based on number of rows desired. In current CSS, each row occupies 18px -->
|
|
<div class="w2"
|
|
ng-style="{ height: rows.length * 18 + 'px' }"
|
|
ng-controller="ScrollingListController">
|
|
<div class="tabular">
|
|
|
|
<div class="tr header">
|
|
<!-- Enable sorting by binding click handlers to the <em> element in each <th>. Note that CSS classes must be added dynamically to the current <th> that is sorting. For example, if sorting by ID: <div class="th sort asc"> or <div class="th sort desc">. -->
|
|
<div class="th" ng-repeat="header in headers">
|
|
<em>{{header}}</em>{{header}}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ng-class is temporarily hard-coded in next element -->
|
|
<div
|
|
class="tr"
|
|
ng-repeat="row in rows"
|
|
ng-class="{ 's-stale': $index%3==0 }"
|
|
>
|
|
<!-- ng-class is temporarily hard-coded in next element -->
|
|
<div
|
|
class="td"
|
|
ng-class="{ 's-cell-type-value': $index > 1 }"
|
|
ng-repeat="cell in row"
|
|
>
|
|
<!-- ng-class is temporarily hard-coded in next element -->
|
|
<span
|
|
class="l-cell-contents"
|
|
ng-class="{ 's-limit-upr': cell > 0, 's-limit-yellow': cell > 0 }"
|
|
>
|
|
{{cell}}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|