onebox/ui/src/app/app.routes.ts

import { Routes } from '@angular/router';
import { authGuard } from './core/guards/auth.guard';

export const routes: Routes = [
  {
    path: 'login',
    loadComponent: () =>
      import('./features/login/login.component').then((m) => m.LoginComponent),
  },
  {
    path: '',
    canActivate: [authGuard],
    loadComponent: () =>
      import('./shared/components/layout.component').then((m) => m.LayoutComponent),
    children: [
      {
        path: '',
        redirectTo: 'dashboard',
        pathMatch: 'full',
      },
      {
        path: 'dashboard',
        loadComponent: () =>
          import('./features/dashboard/dashboard.component').then((m) => m.DashboardComponent),
      },
      {
        path: 'services',
        loadComponent: () =>
          import('./features/services/services-list.component').then(
            (m) => m.ServicesListComponent
          ),
      },
      {
        path: 'services/new',
        loadComponent: () =>
          import('./features/services/service-create.component').then(
            (m) => m.ServiceCreateComponent
          ),
      },
      {
        path: 'services/:name',
        loadComponent: () =>
          import('./features/services/service-detail.component').then(
            (m) => m.ServiceDetailComponent
          ),
      },
      {
        path: 'registries',
        loadComponent: () =>
          import('./features/registries/registries.component').then(
            (m) => m.RegistriesComponent
          ),
      },
      {
        path: 'dns',
        loadComponent: () =>
          import('./features/dns/dns.component').then((m) => m.DnsComponent),
      },
      {
        path: 'domains',
        loadComponent: () =>
          import('./features/domains/domains.component').then((m) => m.DomainsComponent),
      },
      {
        path: 'domains/:domain',
        loadComponent: () =>
          import('./features/domains/domain-detail.component').then(
            (m) => m.DomainDetailComponent
          ),
      },
      {
        path: 'settings',
        loadComponent: () =>
          import('./features/settings/settings.component').then((m) => m.SettingsComponent),
      },
    ],
  },
];