X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fapp-routing.module.ts;h=40e4ec35d5dca3694b9887b29772259ecaa74f79;hb=01283e2066314aaa167a2b0b55952b2ae26e650a;hp=7ca51f226df24bf37c0055e85743ce3b5b5498de;hpb=b91bc1d1f3591c35ab4426f6ab594b4bd9f1ef62;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/app-routing.module.ts b/client/src/app/app-routing.module.ts index 7ca51f226..40e4ec35d 100644 --- a/client/src/app/app-routing.module.ts +++ b/client/src/app/app-routing.module.ts @@ -1,59 +1,214 @@ import { NgModule } from '@angular/core' -import { RouteReuseStrategy, RouterModule, Routes } from '@angular/router' - -import { PreloadSelectedModulesList } from './core' -import { AppComponent } from '@app/app.component' +import { RouteReuseStrategy, RouterModule, Routes, UrlMatchResult, UrlSegment } from '@angular/router' import { CustomReuseStrategy } from '@app/core/routing/custom-reuse-strategy' +import { MenuGuards } from '@app/core/routing/menu-guard.service' +import { POSSIBLE_LOCALES } from '@shared/core-utils/i18n' +import { HomepageRedirectComponent, MetaGuard, PreloadSelectedModulesList } from './core' +import { EmptyComponent } from './empty.component' +import { USER_USERNAME_REGEX_CHARACTERS } from './shared/form-validators/user-validators' +import { ActorRedirectGuard } from './shared/shared-main' const routes: Routes = [ { path: 'admin', - loadChildren: './+admin/admin.module#AdminModule' + canActivate: [ MenuGuards.close() ], + canDeactivate: [ MenuGuards.open() ], + loadChildren: () => import('./+admin/admin.module').then(m => m.AdminModule), + canActivateChild: [ MetaGuard ] + }, + { + path: 'home', + loadChildren: () => import('./+home/home.module').then(m => m.HomeModule), + canActivateChild: [ MetaGuard ] }, { path: 'my-account', - loadChildren: './+my-account/my-account.module#MyAccountModule' + loadChildren: () => import('./+my-account/my-account.module').then(m => m.MyAccountModule), + canActivateChild: [ MetaGuard ] + }, + { + path: 'my-library', + loadChildren: () => import('./+my-library/my-library.module').then(m => m.MyLibraryModule), + canActivateChild: [ MetaGuard ] }, { path: 'verify-account', - loadChildren: './+signup/+verify-account/verify-account.module#VerifyAccountModule' + loadChildren: () => import('./+signup/+verify-account/verify-account.module').then(m => m.VerifyAccountModule), + canActivateChild: [ MetaGuard ] }, + { path: 'accounts', - loadChildren: './+accounts/accounts.module#AccountsModule' + redirectTo: 'a' + }, + { + path: 'a', + loadChildren: () => import('./+accounts/accounts.module').then(m => m.AccountsModule), + canActivateChild: [ MetaGuard ] }, + { path: 'video-channels', - loadChildren: './+video-channels/video-channels.module#VideoChannelsModule' + redirectTo: 'c' + }, + { + path: 'c', + loadChildren: () => import('./+video-channels/video-channels.module').then(m => m.VideoChannelsModule), + canActivateChild: [ MetaGuard ] + }, + { + path: 'manage', + loadChildren: () => import('./+manage/manage.module').then(m => m.ManageModule), + canActivateChild: [ MetaGuard ] + }, + { + path: 'p', + loadChildren: () => import('./+plugin-pages/plugin-pages.module').then(m => m.PluginPagesModule), + canActivateChild: [ MetaGuard ] }, + { path: 'about', - loadChildren: './+about/about.module#AboutModule' + loadChildren: () => import('./+about/about.module').then(m => m.AboutModule), + canActivateChild: [ MetaGuard ] }, { path: 'signup', - loadChildren: './+signup/+register/register.module#RegisterModule' + loadChildren: () => import('./+signup/+register/register.module').then(m => m.RegisterModule), + canActivateChild: [ MetaGuard ] }, { - path: '', - component: AppComponent // Avoid 404, app component will redirect dynamically + path: 'reset-password', + loadChildren: () => import('./+reset-password/reset-password.module').then(m => m.ResetPasswordModule), + canActivateChild: [ MetaGuard ] + }, + { + path: 'login', + loadChildren: () => import('./+login/login.module').then(m => m.LoginModule), + canActivateChild: [ MetaGuard ] + }, + { + path: 'search', + loadChildren: () => import('./+search/search.module').then(m => m.SearchModule), + canActivateChild: [ MetaGuard ] + }, + + { + path: 'videos/upload', + loadChildren: () => import('@app/+videos/+video-edit/video-add.module').then(m => m.VideoAddModule), + canActivateChild: [ MetaGuard ], + data: { + meta: { + title: $localize`Upload a video` + } + } + }, + { + path: 'videos/update/:uuid', + loadChildren: () => import('@app/+videos/+video-edit/video-update.module').then(m => m.VideoUpdateModule), + canActivateChild: [ MetaGuard ], + data: { + meta: { + title: $localize`Edit a video` + } + } + }, + + { + path: 'videos/watch/playlist', + redirectTo: 'w/p' + }, + { + path: 'videos/watch', + redirectTo: 'w' + }, + { + path: 'w', + loadChildren: () => import('@app/+videos/+video-watch/video-watch.module').then(m => m.VideoWatchModule), + data: { + preload: 5000 + } + }, + { + path: 'videos', + loadChildren: () => import('./+videos/videos.module').then(m => m.VideosModule), + canActivateChild: [ MetaGuard ] + }, + { + path: 'video-playlists/watch', + redirectTo: 'videos/watch/playlist' + }, + + { + path: 'remote-interaction', + loadChildren: () => import('./+remote-interaction/remote-interaction.module').then(m => m.RemoteInteractionModule), + canActivateChild: [ MetaGuard ] + }, + + { + path: 'studio', + loadChildren: () => import('./+video-studio/video-studio.module').then(m => m.VideoStudioModule), + canActivateChild: [ MetaGuard ] + }, + + { + path: 'stats', + loadChildren: () => import('./+stats/stats.module').then(m => m.StatsModule), + canActivateChild: [ MetaGuard ] + }, + + // Matches /@:actorName + { + matcher: (url): UrlMatchResult => { + const regex = new RegExp(`^@(${USER_USERNAME_REGEX_CHARACTERS}+)$`) + if (url.length !== 1) return null + + const matchResult = url[0].path.match(regex) + if (!matchResult) return null + + return { + consumed: url, + posParams: { + actorName: new UrlSegment(matchResult[1], {}) + } + } + }, + pathMatch: 'full', + canActivate: [ ActorRedirectGuard ], + component: EmptyComponent }, + { - path: '**', - loadChildren: './+page-not-found/page-not-found.module#PageNotFoundModule' + path: '', + component: HomepageRedirectComponent } ] +// Avoid 404 when changing language +for (const locale of POSSIBLE_LOCALES) { + routes.push({ + path: locale, + component: HomepageRedirectComponent + }) +} + +routes.push({ + path: '**', + loadChildren: () => import('./+error-page/error-page.module').then(m => m.ErrorPageModule) +}) + @NgModule({ imports: [ RouterModule.forRoot(routes, { useHash: Boolean(history.pushState) === false, + // Redefined in app component scrollPositionRestoration: 'disabled', preloadingStrategy: PreloadSelectedModulesList, anchorScrolling: 'disabled' }) ], providers: [ + MenuGuards.guards, PreloadSelectedModulesList, { provide: RouteReuseStrategy, useClass: CustomReuseStrategy } ],