2020-03-28 02:51:24 +01:00
|
|
|
<div class="{{elevation}} tui-card">
|
|
|
|
<div class="tui-card-title">Devices</div>
|
|
|
|
<div class="tui-card-content">
|
2020-03-20 01:12:58 +01:00
|
|
|
<div fxLayout="row" fxLayoutAlign="space-between start">
|
|
|
|
<app-donut-chart [elementID]="chartID"></app-donut-chart>
|
2020-03-20 17:32:10 +01:00
|
|
|
<div class="items" fxLayout="column" fxLayoutAlign="space-evenly end">
|
2020-03-25 14:27:19 +01:00
|
|
|
<app-chart-item *ngFor="let state of states" [state]="state.label" [count]="state.count">
|
2020-03-20 17:32:10 +01:00
|
|
|
</app-chart-item>
|
2020-03-20 01:12:58 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2020-03-28 02:51:24 +01:00
|
|
|
</div>
|
|
|
|
</div>
|