|
|
|
@ -12,13 +12,13 @@ |
|
|
|
|
<div class="content-grid"> |
|
|
|
|
<div class="left-column"> |
|
|
|
|
<div class="traffic-lights"> |
|
|
|
|
<div class="light" [ngClass]="{'-active':currentStatusCode === 'off_track'}"> |
|
|
|
|
<div class="light" [ngClass]="{'-active':currentStatusCode === 'off track'}"> |
|
|
|
|
<div class="bulb -red" [attr.title]="availableStatuses['off_track']"></div> |
|
|
|
|
</div> |
|
|
|
|
<div class="light" [ngClass]="{'-active':currentStatusCode === 'at_risk'}" > |
|
|
|
|
<div class="light" [ngClass]="{'-active':currentStatusCode === 'at risk'}" > |
|
|
|
|
<div class="bulb -yellow" [attr.title]="availableStatuses['at_risk']"></div> |
|
|
|
|
</div> |
|
|
|
|
<div class="light" [ngClass]="{'-active':currentStatusCode === 'on_track'}"> |
|
|
|
|
<div class="light" [ngClass]="{'-active':currentStatusCode === 'on track'}"> |
|
|
|
|
<div class="bulb -green -active" [attr.title]="availableStatuses['on_track']"></div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|