[Frontend] CSS hooks for staleness

WTD-1172
New .scss file for staleness
Added CSS hooks in templates for staleness
This commit is contained in:
Charles Hacskaylo
2015-05-06 17:36:55 -07:00
parent a244502f16
commit db74e2f84a
6 changed files with 22 additions and 4 deletions

View File

@@ -1,5 +1,6 @@
<div
class="l-fixed-position-text l-telemetry"
ng-class="{ 's-stale': 1 }"
ng-style="{ background: ngModel.fill(), 'border-color': ngModel.stroke(), color: ngModel.color() }"
>
<div
@@ -15,7 +16,7 @@
<!-- ng-class is temporarily hard-coded in next element -->
<span
class="l-value-bg s-value-bg"
ng-class="{ 's-limit-lwr': ngModel.value < 0, 's-limit-red' : 1 }"
ng-class="{ 's-limit-lwr': ngModel.value < 0, 's-limit-red' : ngModel.value < 0 }"
>
{{ngModel.value}}
</span>

View File

@@ -9,7 +9,7 @@
<span
class='plot-legend-item'
ng-repeat="telemetryObject in subplot.getTelemetryObjects()"
ng-class="{ 's-limit-lwr': $index < 1, 's-limit-yellow' : 1 }"
ng-class="{ 's-limit-upr s-limit-red': $index < 1, 's-stale': $index%2==0 }"
>
<span class='plot-color-swatch'
ng-style="{ 'background-color': plot.getColor($index) }">

View File

@@ -12,7 +12,13 @@
</div>
</div>
<div class="tr" ng-repeat="row in rows">
<!-- 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 }"
@@ -21,7 +27,7 @@
<!-- 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 }"
ng-class="{ 's-limit-upr': cell > 0, 's-limit-yellow': cell > 0 }"
>
{{cell}}
</span>