gns3-web-ui/src/app/app-routing.module.ts

import { environment } from "../environments/environment";

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

import { ProjectMapComponent } from './project-map/project-map.component';
import { ServersComponent } from "./servers/servers.component";
import { ProjectsComponent } from "./projects/projects.component";
import { DefaultLayoutComponent } from "./default-layout/default-layout.component";
import { SettingsComponent } from "./settings/settings.component";


const routes: Routes = [
  { path: '',  component: DefaultLayoutComponent,
    children: [
      { path: '', redirectTo: 'servers', pathMatch: 'full'},
      { path: 'servers', component: ServersComponent },
      { path: 'server/:server_id/projects', component: ProjectsComponent },
      { path: 'settings', component: SettingsComponent },
    ]
  },
  { path: 'server/:server_id/project/:project_id', component: ProjectMapComponent },
];

let routerModule;
if (environment.electron) {
  // angular in electron has problem with base-href and links separated by slashes, because of that
  // we use simply hashes
  routerModule = RouterModule.forRoot(routes, {useHash: true});
} else {
  routerModule = RouterModule.forRoot(routes);
}

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