X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fapp.module.ts;h=9698de275bc585b41ef7d50406a0d2208c480fae;hb=441e453ae53e491b09c9b09b00b041788176ce64;hp=ddcaf3f484db10a4d1937d0e5c2eb23873026540;hpb=ecb4e35f4e6c7304cb274593c13cb47fd5078b75;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/app.module.ts b/client/src/app/app.module.ts index ddcaf3f48..9698de275 100644 --- a/client/src/app/app.module.ts +++ b/client/src/app/app.module.ts @@ -1,62 +1,101 @@ -import { NgModule } from '@angular/core' +import 'focus-visible' +import { APP_BASE_HREF, registerLocaleData } from '@angular/common' +import { LOCALE_ID, NgModule, TRANSLATIONS, TRANSLATIONS_FORMAT } from '@angular/core' import { BrowserModule } from '@angular/platform-browser' -import { ResetPasswordModule } from '@app/reset-password' - +import { ServerService } from '@app/core' +import localeOc from '@app/helpers/locales/oc' import { MetaLoader, MetaModule, MetaStaticLoader, PageTitlePositioning } from '@ngx-meta/core' - -import { AccountModule } from './account' - +import { buildFileLocale, getCompleteLocale, isDefaultLocale } from '@shared/models' import { AppRoutingModule } from './app-routing.module' import { AppComponent } from './app.component' import { CoreModule } from './core' -import { HeaderComponent } from './header' -import { LoginModule } from './login' -import { MenuComponent } from './menu' -import { SharedModule } from './shared' -import { SignupModule } from './signup' -import { VideosModule } from './videos' - -export function metaFactory (): MetaLoader { - return new MetaStaticLoader({ - pageTitlePositioning: PageTitlePositioning.PrependPageTitle, - pageTitleSeparator: ' - ', - applicationName: 'PeerTube', - defaults: { - title: 'PeerTube', - description: 'PeerTube, a decentralized video streaming platform using P2P (BitTorrent) directly in the web browser' - } - }) -} +import { EmptyComponent } from './empty.component' +import { HeaderComponent, SearchTypeaheadComponent, SuggestionComponent } from './header' +import { HighlightPipe } from './header/highlight.pipe' +import { AvatarNotificationComponent, LanguageChooserComponent, MenuComponent } from './menu' +import { ConfirmComponent } from './modal/confirm.component' +import { CustomModalComponent } from './modal/custom-modal.component' +import { InstanceConfigWarningModalComponent } from './modal/instance-config-warning-modal.component' +import { QuickSettingsModalComponent } from './modal/quick-settings-modal.component' +import { WelcomeModalComponent } from './modal/welcome-modal.component' +import { SharedFormModule } from './shared/shared-forms' +import { SharedGlobalIconModule } from './shared/shared-icons' +import { SharedInstanceModule } from './shared/shared-instance' +import { SharedMainModule } from './shared/shared-main' +import { SharedUserInterfaceSettingsModule } from './shared/shared-user-settings' + +registerLocaleData(localeOc, 'oc') @NgModule({ bootstrap: [ AppComponent ], + declarations: [ AppComponent, + EmptyComponent, MenuComponent, - HeaderComponent + LanguageChooserComponent, + QuickSettingsModalComponent, + AvatarNotificationComponent, + HeaderComponent, + SearchTypeaheadComponent, + SuggestionComponent, + HighlightPipe, + + CustomModalComponent, + WelcomeModalComponent, + InstanceConfigWarningModalComponent, + ConfirmComponent ], + imports: [ BrowserModule, CoreModule, - SharedModule, - - AppRoutingModule, - - AccountModule, - CoreModule, - LoginModule, - ResetPasswordModule, - SignupModule, - SharedModule, - VideosModule, + SharedMainModule, + SharedFormModule, + SharedUserInterfaceSettingsModule, + SharedGlobalIconModule, + SharedInstanceModule, MetaModule.forRoot({ provide: MetaLoader, - useFactory: (metaFactory) - }) + useFactory: (serverService: ServerService) => { + return new MetaStaticLoader({ + pageTitlePositioning: PageTitlePositioning.PrependPageTitle, + pageTitleSeparator: ' - ', + get applicationName () { return serverService.getTmpConfig().instance.name }, + defaults: { + get title () { return serverService.getTmpConfig().instance.name }, + get description () { return serverService.getTmpConfig().instance.shortDescription } + } + }) + }, + deps: [ ServerService ] + }), + + AppRoutingModule // Put it after all the module because it has the 404 route ], - providers: [ ] + + providers: [ + { + provide: APP_BASE_HREF, + useValue: '/' + }, + + { + provide: TRANSLATIONS, + useFactory: (locale: string) => { + // Default locale, nothing to translate + const completeLocale = getCompleteLocale(locale) + if (isDefaultLocale(completeLocale)) return '' + + const fileLocale = buildFileLocale(locale) + return require(`raw-loader!../locale/angular.${fileLocale}.xlf`).default + }, + deps: [ LOCALE_ID ] + }, + { provide: TRANSLATIONS_FORMAT, useValue: 'xlf' } + ] }) export class AppModule {}