23 lines
1016 B
HTML
23 lines
1016 B
HTML
<div class="summary-strip">
|
|
<div class="summary-strip-title" i18n="Daily summary title@@pilotDailySummaryTitle">Daily Summary — Today vs Yesterday</div>
|
|
<div class="summary-items-row">
|
|
<div class="summary-item" *ngFor="let item of summary">
|
|
<span class="label">{{ item.label }}</span>
|
|
<span class="value">
|
|
{{ item.value | number:'1.0-2' }}<span *ngIf="item.unit"> {{ item.unit }}</span>
|
|
</span>
|
|
<span class="change"
|
|
[ngClass]="{
|
|
'change-pos': item.change && item.change.startsWith('+'),
|
|
'change-neg': item.change && item.change.startsWith('-'),
|
|
'change-neutral': item.change && (item.change.startsWith('=') || item.change.startsWith('\u2248'))
|
|
}"
|
|
>
|
|
<span class="change-arrow" *ngIf="item.change && item.change.startsWith('+')">↑</span>
|
|
<span class="change-arrow" *ngIf="item.change && item.change.startsWith('-')">↓</span>
|
|
{{ item.change }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|