app-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HintComponent } from './main/action/hint/hint.component';
import { LoginFormComponent } from './main/action/login-form/login-form.component';
import { CookiePolicyComponent } from './main/cookie-policy/cookie-policy.component';
import { AuthGuard } from './main/guard/auth.guard';
import { HelpComponent } from './main/help/help.component';
import { MainComponent } from './main/main.component';
import { StatusComponent } from './main/status/status.component';
import { OntologyClassInstanceComponent } from './project/beta/ontology-classes/ontology-class-instance/ontology-class-instance.component';
// project
import { BoardComponent } from './project/board/board.component';
import { CollaborationComponent } from './project/collaboration/collaboration.component';
import { ListComponent } from './project/list/list.component';
import { OntologyComponent } from './project/ontology/ontology.component';
import { PermissionComponent } from './project/permission/permission.component';
import { ProjectComponent } from './project/project.component';
import { ProjectsComponent } from './system/projects/projects.component';
// system
import { SystemComponent } from './system/system.component';
import { UsersComponent } from './system/users/users.component';
// user
import { DashboardComponent } from './user/dashboard/dashboard.component';
import { UserComponent } from './user/user.component';
// search results and resource viewer
import { ResourceComponent } from './workspace/resource/resource.component';
import { ResultsComponent } from './workspace/results/results.component';

const routes: Routes = [
    {
        path: '',
        component: MainComponent
    },
    {
        path: 'help',
        component: HelpComponent
    },
    {
        path: 'login',
        component: LoginFormComponent
    },
    {
        path: 'dashboard',
        component: DashboardComponent,
        canActivate: [AuthGuard]
    },
    {
        path: 'project/:shortcode',
        component: ProjectComponent,
        children: [
            {
                path: '',
                pathMatch: 'full',
                redirectTo: 'info'
            },
            {
                path: 'info',
                component: BoardComponent
            },
            {
                path: 'collaboration',
                component: CollaborationComponent,
                canActivate: [AuthGuard]
            },
            {
                path: 'permissions',
                component: PermissionComponent,
                canActivate: [AuthGuard]
            },
            {
                path: 'ontologies',
                component: OntologyComponent,
                canActivate: [AuthGuard]
            },
            {
                path: 'ontologies/:id',
                component: OntologyComponent,
                canActivate: [AuthGuard]
            },
            {
                path: 'ontologies/:id/:view',
                component: OntologyComponent,
                canActivate: [AuthGuard]
            },
            {
                path: 'lists',
                component: ListComponent,
                canActivate: [AuthGuard]
            },
            {
                path: 'lists/:id',
                component: ListComponent,
                canActivate: [AuthGuard]
            },
            {
                path: '**',
                component: StatusComponent,
                data: { status: 404 }
            }
        ]
    },
    {
        path: 'beta/project/:shortcode',
        component: ProjectComponent,
        children: [
            {
                path: '',
                component: BoardComponent
            },
            {
                path: 'info', // old path setup to avoid 404 when typing beta in front of project
                redirectTo: ''
            },
            {
                path: 'ontology',
                component: HintComponent,
                data: { topic: 'ontology' }
            },
            {
                path: 'ontology/:onto',
                component: OntologyComponent,
                canActivate: [AuthGuard]
            },
            {
                path: 'ontology/:onto/:class',
                component: OntologyClassInstanceComponent,
            },
            {
                path: 'ontology/:onto/:class/conf',
                component: StatusComponent,
                data: { status: 501, comment: 'Here you will be able to configure the resource class.' },
                canActivate: [AuthGuard]
            },
            {
                path: 'ontology/:onto/:class/:instance',
                component: OntologyClassInstanceComponent,
            },
            {
                path: 'list',
                component: HintComponent,
                data: { topic: 'list' }
            },
            {
                path: 'list/:list',
                component: ListComponent,
                canActivate: [AuthGuard]
            },
            {
                path: 'settings',
                component: StatusComponent,
                data: { status: 501, comment: 'Here you will be able to configure the project: e.g. setup collaboration and permissions.' },
                canActivate: [AuthGuard]
            },
            {
                path: 'settings/collaboration',
                component: CollaborationComponent,
                canActivate: [AuthGuard]
            },
            {
                path: 'settings/permissions',
                component: PermissionComponent,
                canActivate: [AuthGuard]
            },
            {
                path: '**',
                component: StatusComponent,
                data: { status: 404 }
            }
        ]
    },
    /*
    {
        path: 'user/:name',
        component: ProfileComponent
    },
    */
    {
        path: 'profile',
        component: UserComponent,
        canActivate: [AuthGuard]
    },
    {
        path: 'account',
        component: UserComponent,
        canActivate: [AuthGuard]
    },
    {
        path: 'projects',
        component: UserComponent,
        canActivate: [AuthGuard]
    },
    /* {
        path: 'collections',
        component: UserComponent,
        canActivate: [AuthGuard]
    }, */
    {
        path: 'system',
        component: SystemComponent,
        canActivate: [AuthGuard],
        children: [
            {
                path: '',
                pathMatch: 'full',
                redirectTo: 'projects'
            },
            {
                path: 'projects',
                component: ProjectsComponent
            },
            {
                path: 'users',
                component: UsersComponent
            }
        ]
    },
    {
        path: 'search',
        children: [
            {
                path: ':mode/:q/:project',
                component: ResultsComponent
            },
            {
                path: ':mode/:q',
                component: ResultsComponent
            }
        ]
    },
    {
        path: 'resource',
        children: [
            {
                path: ':project/:resource/:value',
                component: ResourceComponent
            },
            {
                path: ':project/:resource',
                component: ResourceComponent,
            }
        ],
        runGuardsAndResolvers: 'always'
    },
    {
        path: 'cookie-policy',
        component: CookiePolicyComponent
    },
    {
        path: 'teapot',
        component: StatusComponent,
        data: { status: 418 }
    },
    {
        path: '**',
        component: StatusComponent,
        data: { status: 404 }
    }
];

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