15 lines
527 B
HTML
15 lines
527 B
HTML
<div class="kpi-card">
|
|
<div class="kpi-header">
|
|
<i *ngIf="icon" [ngClass]="icon" class="kpi-icon"></i>
|
|
<span class="kpi-label">{{ label }}</span>
|
|
</div>
|
|
<div class="kpi-value">
|
|
{{ value | number:'1.0-2' }}<span class="kpi-unit" *ngIf="unit"> {{ unit }}</span>
|
|
</div>
|
|
<div class="kpi-historical" *ngIf="historicalParts.length">
|
|
<span *ngFor="let part of historicalParts; let last = last" class="hist-part">
|
|
{{ part }}<span *ngIf="!last" class="hist-sep">|</span>
|
|
</span>
|
|
</div>
|
|
</div>
|