import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { DepartmentListComponent } from './department-list/department-list.component';
import { EmployeeListComponent } from './employee-list/employee-list.component';
import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
import { DepartmentDetailComponent } from './department-detail/department-detail.component';
import { DepartmentOverviewComponent } from './department-overview/department-overview.component';
import { DepartmentContactComponent } from './department-contact/department-contact.component';
 
const routes: Routes = [
  // { path: '', component: DepartmentListComponent },
  // { path: '', redirectTo: '/departments', pathMatch: 'prefix' }, // 전체구만
  { path: '', redirectTo: '/departments', pathMatch: 'full' },
  { path: 'departments', component: DepartmentListComponent },
  { 
    path: 'departments/:id',
    component: DepartmentDetailComponent,
    children: [
      { path: 'overview', component:DepartmentOverviewComponent},
      { path: 'contact', component:DepartmentContactComponent}
    ]
  },
  { path: 'employees', component: EmployeeListComponent},
  { path: '**', component: PageNotFoundComponent } // 마지막 줄에 있어야 한다.
];
 
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }
export const routingComponents = [DepartmentListComponent, EmployeeListComponent, DepartmentDetailComponent, DepartmentOverviewComponent, DepartmentOverviewComponent]