mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-02-28 10:54:07 +01:00
25 lines
766 B
HTML
25 lines
766 B
HTML
<nga-card size="large">
|
|
<div class="consumption-table">
|
|
<div class="table-header">
|
|
<div>Electricity</div>
|
|
<div class="subtitle">Consumption</div>
|
|
</div>
|
|
|
|
<nga-tabset fullWidth>
|
|
<nga-tab *ngFor="let year of data" [tabTitle]="year.title" [active]="year.active">
|
|
<div class="stats-month" *ngFor="let month of year.months">
|
|
<div>
|
|
<span class="month">{{ month.month }}</span>
|
|
<span class="delta" [ngClass]="{ 'down': month.down }">{{ month.delta }}</span>
|
|
</div>
|
|
<div class="results">
|
|
<b>{{ month.kWatts }}</b> kWh / <b>{{ month.cost }}</b> USD
|
|
</div>
|
|
</div>
|
|
</nga-tab>
|
|
</nga-tabset>
|
|
</div>
|
|
|
|
<div class="chart">
|
|
</div>
|
|
</nga-card>
|