zitadel/console/src/app/pages/projects/projects-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { RoleGuard } from 'src/app/guards/role.guard';

import { ProjectsComponent } from './projects.component';

const routes: Routes = [
  {
    path: '',
    component: ProjectsComponent,
    data: { animation: 'HomePage' },
  },
  {
    path: 'create',
    loadChildren: () => import('./project-create/project-create.module'),
    canActivate: [RoleGuard],
    data: {
      animation: 'AddPage',
      roles: ['project.create'],
    },
  },
  {
    path: 'app-create',
    canActivate: [RoleGuard],
    data: {
      animation: 'AddPage',
      roles: ['project.app.write'],
    },
    loadChildren: () => import('../app-create/app-create.module'),
  },
  {
    path: ':projectid',
    loadChildren: () => import('./owned-projects/owned-projects.module'),
  },
];

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