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-04-02 20:00:09 +02:00
|
|
|
<app-donut-chart [elementID]="chartID" fxFlex="30" [title]="title" (stateEvent)="onItemSelect($event)">
|
|
|
|
|
</app-donut-chart>
|
|
|
|
|
<div class=" items" fxLayout="column" fxLayoutAlign="start end" fxFlex="70">
|
2020-04-03 16:08:56 +02:00
|
|
|
<app-chart-item *ngFor="let state of states" (click)="onItemSelect(state)" [state]="state.label"
|
|
|
|
|
[count]="state.count" [selected]="state.selected">
|
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>
|
