2020-03-28 02:51:24 +01:00
|
|
|
<div class="{{elevation}} tui-card">
|
2020-03-30 19:44:54 +02:00
|
|
|
<div class="tui-card-title">{{title | uppercase}}</div>
|
2020-03-28 02:51:24 +01:00
|
|
|
<div class="tui-card-content">
|
2020-03-29 22:38:06 +02:00
|
|
|
<div fxLayout="row" fxLayoutAlign="space-between stretch">
|
2020-03-30 17:54:54 +02:00
|
|
|
<app-donut-chart [elementID]="chartID" fxFlex="30" [title]="title"></app-donut-chart>
|
2020-03-29 23:45:08 +02:00
|
|
|
<div class="items" fxLayout="column" fxLayoutAlign="start end" fxFlex="70">
|
2020-04-02 02:43:54 +02:00
|
|
|
<app-chart-item *ngFor="let state of states" (click)="onItemSelect(state.label)" [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>
|
