2020-04-08 16:27:54 -04:00
|
|
|
<app-card>
|
|
|
|
|
<app-card-title>{{title | uppercase}}</app-card-title>
|
|
|
|
|
<app-card-content>
|
2020-03-29 16:38:06 -04:00
|
|
|
<div fxLayout="row" fxLayoutAlign="space-between stretch">
|
2020-04-02 14:00:09 -04: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 10:08:56 -04:00
|
|
|
<app-chart-item *ngFor="let state of states" (click)="onItemSelect(state)" [state]="state.label"
|
|
|
|
|
[count]="state.count" [selected]="state.selected">
|
2020-03-20 12:32:10 -04:00
|
|
|
</app-chart-item>
|
2020-03-19 20:12:58 -04:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-04-08 16:27:54 -04:00
|
|
|
</app-card-content>
|
|
|
|
|
</app-card>
|
