Add 'Most liked videos' page

[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 005e9def6548bf39e41c50935dc67f3c81e17d3c..11a087d0af38567642cdb95d2d9c77fc0e215e48 100644 (file)
--- a/client/src/app/videos/videos-routing.module.ts
+++ b/client/src/app/videos/videos-routing.module.ts
@@ -1,45 +1,122 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-import { VideoAddComponent } from './video-add';
-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 { VideoLocalComponent } from '@app/videos/video-list/video-local.component'
+import { MetaGuard } from '@ngx-meta/core'
+import { VideoRecentlyAddedComponent } from './video-list/video-recently-added.component'
+import { VideoTrendingComponent } from './video-list/video-trending.component'
+import { VideoMostLikedComponent } from './video-list/video-most-liked.component'
+import { VideosComponent } from './videos.component'
+import { VideoUserSubscriptionsComponent } from '@app/videos/video-list/video-user-subscriptions.component'
+import { VideoOverviewComponent } from '@app/videos/video-list/video-overview.component'
 
 const videosRoutes: Routes = [
   {
     path: 'videos',
     component: VideosComponent,
+    canActivateChild: [ MetaGuard ],
     children: [
       {
-        path: 'list',
-        component: VideoListComponent,
+        path: 'overview',
+        component: VideoOverviewComponent,
         data: {
           meta: {
-            title: 'Videos list'
+            title: 'Discover videos'
           }
         }
       },
       {
-        path: 'add',
-        component: VideoAddComponent,
+        path: 'trending',
+        component: VideoTrendingComponent,
         data: {
           meta: {
-            title: 'Add a video'
+            title: 'Trending videos'
+          },
+          reuse: {
+            enabled: true,
+            key: 'trending-videos-list'
           }
         }
       },
       {
-        path: ':id',
-        redirectTo: 'watch/:id'
+        path: 'most-liked',
+        component: VideoMostLikedComponent,
+        data: {
+          meta: {
+            title: 'Most liked videos'
+          },
+          reuse: {
+            enabled: true,
+            key: 'most-liked-videos-list'
+          }
+        }
       },
       {
-        path: 'watch/:id',
-        component: VideoWatchComponent
+        path: 'recently-added',
+        component: VideoRecentlyAddedComponent,
+        data: {
+          meta: {
+            title: 'Recently added videos'
+          },
+          reuse: {
+            enabled: true,
+            key: 'recently-added-videos-list'
+          }
+        }
+      },
+      {
+        path: 'subscriptions',
+        component: VideoUserSubscriptionsComponent,
+        data: {
+          meta: {
+            title: 'Subscriptions'
+          },
+          reuse: {
+            enabled: true,
+            key: 'subscription-videos-list'
+          }
+        }
+      },
+      {
+        path: 'local',
+        component: VideoLocalComponent,
+        data: {
+          meta: {
+            title: 'Local videos'
+          },
+          reuse: {
+            enabled: true,
+            key: 'local-videos-list'
+          }
+        }
+      },
+      {
+        path: 'upload',
+        loadChildren: () => import('@app/videos/+video-edit/video-add.module').then(m => m.VideoAddModule),
+        data: {
+          meta: {
+            title: 'Upload a video'
+          }
+        }
+      },
+      {
+        path: 'update/:uuid',
+        loadChildren: () => import('@app/videos/+video-edit/video-update.module').then(m => m.VideoUpdateModule),
+        data: {
+          meta: {
+            title: 'Edit a video'
+          }
+        }
+      },
+      {
+        path: 'watch',
+        loadChildren: () => import('@app/videos/+video-watch/video-watch.module').then(m => m.VideoWatchModule),
+        data: {
+          preload: 3000
+        }
       }
     ]
   }
-];
+]
 
 @NgModule({
   imports: [ RouterModule.forChild(videosRoutes) ],