src/app/charts/device-chart/device-chart.component.html

<mat-card class="{{elevation}}">
    <mat-card-title>Devices</mat-card-title>
    <mat-card-content>
        <div fxLayout="row" fxLayoutAlign="space-between start">
            <app-donut-chart [elementID]="chartID"></app-donut-chart>
            <div class="items" fxLayout="column" fxLayoutAlign="space-evenly end">
                <app-chart-item *ngFor="let state of states" [state]="state.label" [count]="state.count">
                </app-chart-item>
            </div>
        </div>
    </mat-card-content>
</mat-card>
create style.ts to set elevation for all dashboard components 2020-03-16 13:53:07 -04:00			`<mat-card class="{{elevation}}">`
Rename folders 2020-03-20 16:16:18 -04:00			`<mat-card-title>Devices</mat-card-title>`
create style.ts to set elevation for all dashboard components 2020-03-16 13:53:07 -04:00			`<mat-card-content>`
Add chart item component, StateType and getStateType to determine state from Folder 2020-03-19 20:12:58 -04:00			`<div fxLayout="row" fxLayoutAlign="space-between start">`
			`<app-donut-chart [elementID]="chartID"></app-donut-chart>`
Create states map and set chart-items based on map 2020-03-20 12:32:10 -04:00			`<div class="items" fxLayout="column" fxLayoutAlign="space-evenly end">`
update device chart to use donut chart updateData 2020-03-25 09:27:19 -04:00			`<app-chart-item *ngFor="let state of states" [state]="state.label" [count]="state.count">`
Create states map and set chart-items based on map 2020-03-20 12:32:10 -04:00			`</app-chart-item>`
Add chart item component, StateType and getStateType to determine state from Folder 2020-03-19 20:12:58 -04:00			`</div>`
			`</div>`
create style.ts to set elevation for all dashboard components 2020-03-16 13:53:07 -04:00			`</mat-card-content>`
			`</mat-card>`