import { NgModule } from '@angular/core' ; import { RouterModule } from '@angular/router' ; import { FilePondModule , registerPlugin } from 'ngx-filepond' ; import { MaskModule , DateFnsModule } from '@ngx-starter-kit/ngx-utils' ; import { AuthGuard } from '@ngx-starter-kit/auth' ; import { ChatBoxModule } from '@ngx-starter-kit/chat-box' ; import { SharedModule } from '@ngx-starter-kit/shared' ; import { BreadcrumbsModule } from '@ngx-starter-kit/breadcrumbs' ; import { DashboardLayoutComponent } from './containers/dashboard-layout/dashboard-layout.component' ; import { OverviewComponent } from './containers/overview/overview.component' ; import { SettingsComponent } from './containers/settings/settings.component' ; import { RainbowComponent } from './components/rainbow/rainbow.component' ; import { QuickpanelModule } from '@ngx-starter-kit/quickpanel' ; import { ToolbarModule } from '@ngx-starter-kit/toolbar' ; import { SidenavModule } from '@ngx-starter-kit/sidenav' ; import { environment } from '@env/environment' ; import { ProfileComponent } from './containers/profile/profile.component' ; import { MatButtonModule } from '@angular/material/button' ; import { MatIconModule } from '@angular/material/icon' ; import { MatCardModule } from '@angular/material/card' ; import { MatDividerModule } from '@angular/material/divider' ; import { MatRadioModule } from '@angular/material/radio' ; import { MatInputModule } from '@angular/material/input' ; import { MatListModule } from '@angular/material/list' ; import { MatSlideToggleModule } from '@angular/material/slide-toggle' ; import { MatSelectModule } from '@angular/material/select' ; import { MatSidenavModule } from '@angular/material/sidenav' ; import { AppProfileComponent } from './components/app-profile/app-profile.component' ; import FilePondPluginFileEncode from 'filepond-plugin-file-encode' ; import FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type' ; import FilePondPluginFileValidateSize from 'filepond-plugin-file-validate-size' ; import FilePondPluginImagePreview from 'filepond-plugin-image-preview' ; import FilePondPluginImageCrop from 'filepond-plugin-image-crop' ; import FilePondPluginImageResize from 'filepond-plugin-image-resize' ; import FilePondPluginImageTransform from 'filepond-plugin-image-transform' ; import FilePondPluginImageExifOrientation from 'filepond-plugin-image-exif-orientation' ; registerPlugin ( FilePondPluginFileEncode , FilePondPluginFileValidateSize , FilePondPluginFileValidateType , FilePondPluginImageExifOrientation , FilePondPluginImagePreview , FilePondPluginImageCrop , FilePondPluginImageResize , FilePondPluginImageTransform ) ; const matModules = [ MatSidenavModule , MatCardModule , MatIconModule , MatButtonModule , MatInputModule , MatSelectModule , MatDividerModule , MatListModule , MatRadioModule , MatSlideToggleModule , ] ; @ NgModule ( { imports : [ SharedModule , BreadcrumbsModule , [ ... matModules ] , SidenavModule , ToolbarModule , QuickpanelModule , DateFnsModule , MaskModule , FilePondModule , ChatBoxModule . forRoot ( { accessToken : '37808bf14a19406cbe2a50cfd1332dd3' , } ) , RouterModule . forChild ( [ { path : '' , component : DashboardLayoutComponent , canActivate : [ AuthGuard ] , data : { title : 'Dashboard' , depth : 1 , roles : [ ] } , children : [ { path : '' , component : OverviewComponent , data : { title : 'Overview' } , } , { path : 'profile' , component : ProfileComponent , data : { title : 'Settings' , depth : '2' } , } , { path : 'settings' , component : SettingsComponent , data : { title : 'Settings' , depth : '2' } , } , { path : 'grid' , loadChildren : ( ) => import ( '@ngx-starter-kit/grid' ) . then ( ( module ) => module . GridModule ) , data : { title : 'Grid' , depth : 2 , preload : false } , } , { path : 'experiments' , loadChildren : ( ) => import ( '@ngx-starter-kit/experiments' ) . then ( ( module ) => module . ExperimentsModule ) , data : { title : 'Experiments' , depth : 2 , preload : false } , } , { path : 'widgets' , loadChildren : ( ) => import ( '@ngx-starter-kit/widgets' ) . then ( ( module ) => module . WidgetsModule ) , data : { title : 'Widgets' , depth : '2' , preload : false } , } , ] , } , ] ) , ] , declarations : [ DashboardLayoutComponent , OverviewComponent , RainbowComponent , ProfileComponent , SettingsComponent , AppProfileComponent , ] , } ) export class DashboardModule { }