app-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

import { AuthGuard } from './main/guard/auth.guard';
import { ErrorComponent } from './main/error/error.component';
import { HelpComponent } from './main/help/help.component';
import { LoginComponent } from './main/login/login.component';
import { MainComponent } from './main/main.component';
import { CookiePolicyComponent } from './main/cookie-policy/cookie-policy.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';

// 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';

// system
import { SystemComponent } from './system/system.component';
import { ProjectsComponent } from './system/projects/projects.component';
import { UsersComponent } from './system/users/users.component';

const routes: Routes = [
    {
        path: '',
        component: MainComponent
    },
    {
        path: 'help',
        component: HelpComponent
    },
    {
        path: 'login',
        component: LoginComponent
    },
    {
        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: ErrorComponent,
                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: ErrorComponent,
        data: { status: 418 }
    },
    {
        path: '**',
        component: ErrorComponent,
        data: { status: 404 }
    }
];

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