import { Routes } from '@angular/router'; import { Dashboard1Component } from './dashboard1/dashboard1.component'; import { Dashboard2Component } from './dashboard2/dashboard2.component'; import { Dashboard3Component } from './dashboard3/dashboard3.component'; import { Dashboard4Component } from './dashboard4/dashboard4.component'; import { ReserveComponent } from './dashboard-components/reserve/reserve.component'; export const DashboardRoutes: Routes = [ { path: '', children: [ { path: 'dashboard1', component: Dashboard1Component, data: { title: 'Modern Dashboard', urls: [ { title: 'Dashboard', url: '/dashboard' }, { title: 'Modern Dashboard' } ] } }, { path: 'dashboard2', component: Dashboard2Component, data: { title: 'Classic Dashboard', urls: [ { title: 'Dashboard', url: '/dashboard' }, { title: 'Classic Dashboard' } ] } }, { path: 'dashboard3', component: Dashboard3Component, data: { title: 'Analytical Dashboard', urls: [ { title: 'Dashboard', url: '/dashboard' }, { title: 'Analytical Dashboard' } ] } }, { path: 'dashboard4', component: Dashboard4Component, data : { title: 'Manager Hotel', urls: [ { title: 'Dashboard', url: '/dashboard'}, { title: 'Manager Hotel'} ] } }, { path: 'reserve', component: ReserveComponent }, ] } ];