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

<div class="{{elevation}} tui-card">
    <div class="tui-card-title">{{title}}</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" [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">`
Add title to donut chart and media queries 2020-03-30 11:54:54 -04:00			`<div class="tui-card-title">{{title}}</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">`
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>`