hostbbq-monitoring/ng/src/app/app-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { AdminPanelComponent } from './pages/admin-panel/admin-panel.component';
import { HomePageComponent } from './pages/home-page/home-page.component';
import { ServerDataPageComponent } from './pages/server-data-page/server-data-page.component';
import { ServiceCheckDetailPageComponent } from './pages/service-check-detail-page/service-check-detail-page.component';

const routes: Routes = [
  { path: '', pathMatch: 'full', component: HomePageComponent },
  { path: 'srv/:id', component: ServerDataPageComponent },
  { path: 'svc/:serverID/:serviceID', component: ServiceCheckDetailPageComponent },
  { path: 'admin', component: AdminPanelComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule {}