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

<div class="{{elevation}} tui-card">
    <div class="tui-card-title">Folders</div>
    <div class="tui-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>
    </div>
</div>
Create tech ui card css to replace material cards 2020-03-27 21:51:24 -04:00			`<div class="{{elevation}} tui-card">`
			`<div class="tui-card-title">Folders</div>`
			`<div class="tui-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">`
refactor to use array of objects to map state data to chart update 2020-03-24 13:18:01 -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 tech ui card css to replace material cards 2020-03-27 21:51:24 -04:00			`</div>`
			`</div>`