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

<div class="{{elevation}} tui-card">
    <div class="tui-card-title">{{title | uppercase}}</div>
    <div class="tui-card-content">
        <div fxLayout="row" fxLayoutAlign="space-between stretch">
            <app-donut-chart [elementID]="chartID" fxFlex="30" [title]="title"></app-donut-chart>
            <div class="items" fxLayout="column" fxLayoutAlign="start end" fxFlex="70">
                <app-chart-item *ngFor="let state of states" (click)="onItemSelect(state.label)" [state]="state.label"
                    [count]="state.count">
                </app-chart-item>
            </div>
        </div>
    </div>
</div>
Create tech ui card css to replace material cards 2020-03-27 21:51:24 -04:00			`<div class="{{elevation}} tui-card">`
Combine folder and device chart component into chart component 2020-03-30 13:44:54 -04:00			`<div class="tui-card-title">{{title \| uppercase}}</div>`
Create tech ui card css to replace material cards 2020-03-27 21:51:24 -04:00			`<div class="tui-card-content">`
enable chart canvas responsiveness 2020-03-29 16:38:06 -04:00			`<div fxLayout="row" fxLayoutAlign="space-between stretch">`
Add title to donut chart and media queries 2020-03-30 11:54:54 -04:00			`<app-donut-chart [elementID]="chartID" fxFlex="30" [title]="title"></app-donut-chart>`
right justify chart items 2020-03-29 17:45:08 -04:00			`<div class="items" fxLayout="column" fxLayoutAlign="start end" fxFlex="70">`
add filter service and enable chart states to filter lists 2020-04-01 20:43:54 -04:00			`<app-chart-item *ngFor="let state of states" (click)="onItemSelect(state.label)" [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 tech ui card css to replace material cards 2020-03-27 21:51:24 -04:00			`</div>`
			`</div>`