refactor chart and list component structure

src/app/app.module.ts

@@ -6,22 +6,27 @@ import { MatTableModule } from '@angular/material/table';
 import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatSortModule } from '@angular/material/sort';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatCardModule } from '@angular/material/card';
+import { FlexLayoutModule } from '@angular/flex-layout';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
+
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { StatusListComponent } from './status-list/status-list.component';
-import { FolderListComponent } from './folder-list/folder-list.component';
-import { DeviceListComponent } from './device-list/device-list.component';
+import { StatusListComponent } from './list/status-list/status-list.component';
+import { FolderListComponent } from './list/folder-list/folder-list.component';
+import { DeviceListComponent } from './list/device-list/device-list.component';
+import { DonutChartComponent } from './chart/donut-chart/donut-chart.component';
+import { DeviceChartComponent } from './chart/device-chart/device-chart.component';
+import { FolderChartComponent } from './chart/folder-chart/folder-chart.component';
+import { DashboardComponent } from './dashboard/dashboard.component';
 import { StatusToggleComponent } from './status-toggle/status-toggle.component';
+
 import { HttpClientInMemoryWebApiModule } from 'angular-in-memory-web-api';
 import { InMemoryConfigDataService } from './in-memory-config-data.service';
+
 import { deviceID } from './api-utils';
 import { environment } from '../environments/environment';
-import { DashboardComponent } from './dashboard/dashboard.component';
-import { MatCardModule } from '@angular/material/card';
-import { FlexLayoutModule } from '@angular/flex-layout';
-import { DonutChartComponent } from './donut-chart/donut-chart.component';
 
 @NgModule({
   declarations: [
@@ -32,6 +37,8 @@ import { DonutChartComponent } from './donut-chart/donut-chart.component';
     StatusToggleComponent,
     DashboardComponent,
     DonutChartComponent,
+    DeviceChartComponent,
+    FolderChartComponent,
   ],
   imports: [
     BrowserModule,
@@ -41,6 +48,8 @@ import { DonutChartComponent } from './donut-chart/donut-chart.component';
     MatPaginatorModule,
     MatSortModule,
     MatButtonToggleModule,
+    MatCardModule,
+    FlexLayoutModule,
     HttpClientModule,
     HttpClientXsrfModule.withOptions({
       headerName: 'X-CSRF-Token-' + deviceID(),
@@ -48,8 +57,6 @@ import { DonutChartComponent } from './donut-chart/donut-chart.component';
     }),
     environment.production ?
       [] : HttpClientInMemoryWebApiModule.forRoot(InMemoryConfigDataService, { delay: 200 }),
-    MatCardModule,
-    FlexLayoutModule
   ],
   providers: [],
   bootstrap: [AppComponent]