mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-02-23 08:24:07 +01:00
43 lines
1.2 KiB
HTML
43 lines
1.2 KiB
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 tabTitle="2015">
|
||
|
|
<div class="stats-row" *ngFor="let row of data[2015]">
|
||
|
|
<div class="month">
|
||
|
|
<span>{{ row.month }}</span>
|
||
|
|
<span class="delta" [ngClass]="{ 'down': row.down }">{{ row.delta }}</span>
|
||
|
|
</div>
|
||
|
|
<div class="results">
|
||
|
|
<b>{{ row.kWatts }}</b> kWh / <b>{{ row.cost }}</b> USD
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nga-tab>
|
||
|
|
|
||
|
|
<nga-tab tabTitle="2016" active>
|
||
|
|
<div class="stats-row" *ngFor="let row of data[2015]">
|
||
|
|
<div>
|
||
|
|
<span class="month">{{ row.month }}</span>
|
||
|
|
<span class="delta" [ngClass]="{ 'down': row.down }">{{ row.delta }}</span>
|
||
|
|
</div>
|
||
|
|
<div class="results">
|
||
|
|
<b>{{ row.kWatts }}</b> kWh / <b>{{ row.cost }}</b> USD
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nga-tab>
|
||
|
|
|
||
|
|
<nga-tab tabTitle="2017">
|
||
|
|
2017 year data
|
||
|
|
</nga-tab>
|
||
|
|
</nga-tabset>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="chart">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</nga-card>
|