PeerTube/client/src/app/videos/videos-routing.module.ts

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

import { VideoAddComponent, VideoUpdateComponent } from './video-edit';
import { VideoListComponent } from './video-list';
import { VideosComponent } from './videos.component';
import { VideoWatchComponent } from './video-watch';

const videosRoutes: Routes = [
  {
    path: 'videos',
    component: VideosComponent,
    children: [
      {
        path: 'list',
        component: VideoListComponent,
        data: {
          meta: {
            title: 'Videos list'
          }
        }
      },
      {
        path: 'add',
        component: VideoAddComponent,
        data: {
          meta: {
            title: 'Add a video'
          }
        }
      },
      {
        path: 'edit/:id',
        component: VideoUpdateComponent,
        data: {
          meta: {
            title: 'Edit a video'
          }
        }
      },
      {
        path: ':id',
        redirectTo: 'watch/:id'
      },
      {
        path: 'watch/:id',
        component: VideoWatchComponent
      }
    ]
  }
];

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