f114f742c4
WTD-1172 scrolling.html markup and CSS hooks; added comments to change points; CSS tweaking;
36 lines
1.3 KiB
HTML
36 lines
1.3 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>
|
|
|
|
<div class="tr" ng-repeat="row in rows">
|
|
<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':1 }"
|
|
>
|
|
{{cell}}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|