Fix client search

[github/Chocobozzz/PeerTube.git] / client / src / app / videos / videos-routing.module.ts

diff --git a/client/src/app/videos/videos-routing.module.ts b/client/src/app/videos/videos-routing.module.ts
index 70968b4d1d90681142ce34838c23ab40c8cfa91e..6910421b76bcaeffdda87df0b061da678cc8469a 100644 (file)
--- a/client/src/app/videos/videos-routing.module.ts
+++ b/client/src/app/videos/videos-routing.module.ts
@@ -1,37 +1,61 @@
-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';
+import { NgModule } from '@angular/core'
+import { RouterModule, Routes } from '@angular/router'
+import { MetaGuard } from '@ngx-meta/core'
+import { VideoSearchComponent } from './video-list'
+import { VideoRecentlyAddedComponent } from './video-list/video-recently-added.component'
+import { VideoTrendingComponent } from './video-list/video-trending.component'
+import { VideosComponent } from './videos.component'
 
 const videosRoutes: Routes = [
   {
     path: 'videos',
     component: VideosComponent,
+    canActivateChild: [ MetaGuard ],
     children: [
       {
         path: 'list',
-        component: VideoListComponent,
+        pathMatch: 'full',
+        redirectTo: 'recently-added'
+      },
+      {
+        path: 'trending',
+        component: VideoTrendingComponent,
+        data: {
+          meta: {
+            title: 'Trending videos'
+          }
+        }
+      },
+      {
+        path: 'recently-added',
+        component: VideoRecentlyAddedComponent,
         data: {
           meta: {
-            title: 'Videos list'
+            title: 'Recently added videos'
           }
         }
       },
       {
-        path: 'add',
-        component: VideoAddComponent,
+        path: 'search',
+        component: VideoSearchComponent,
         data: {
           meta: {
-            title: 'Add a video'
+            title: 'Search videos'
           }
         }
       },
       {
-        path: 'edit/:id',
-        component: VideoUpdateComponent,
+        path: 'upload',
+        loadChildren: 'app/videos/+video-edit#VideoAddModule',
+        data: {
+          meta: {
+            title: 'Upload a video'
+          }
+        }
+      },
+      {
+        path: 'edit/:uuid',
+        loadChildren: 'app/videos/+video-edit#VideoUpdateModule',
         data: {
           meta: {
             title: 'Edit a video'
@@ -39,16 +63,20 @@ const videosRoutes: Routes = [
         }
       },
       {
-        path: ':id',
-        redirectTo: 'watch/:id'
+        path: ':uuid',
+        pathMatch: 'full',
+        redirectTo: 'watch/:uuid'
       },
       {
-        path: 'watch/:id',
-        component: VideoWatchComponent
+        path: 'watch/:uuid',
+        loadChildren: 'app/videos/+video-watch#VideoWatchModule',
+        data: {
+          preload: 3000
+        }
       }
     ]
   }
-];
+]
 
 @NgModule({
   imports: [ RouterModule.forChild(videosRoutes) ],