X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fapp.module.ts;h=dda705811fb8bc8b8867081ad37b6f94139a0dd9;hb=f332ffa2a2e9bd7d223c78b6123dbba272f21e84;hp=1134d061b3949ecb6b97675ec9c8625046e8e509;hpb=36f9424ff192b0584a433bc196bced6fcf265808;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/app.module.ts b/client/src/app/app.module.ts index 1134d061b..dda705811 100644 --- a/client/src/app/app.module.ts +++ b/client/src/app/app.module.ts @@ -1,30 +1,34 @@ -import { NgModule } from '@angular/core' +import { LOCALE_ID, NgModule, TRANSLATIONS, TRANSLATIONS_FORMAT } from '@angular/core' import { BrowserModule } from '@angular/platform-browser' -import { AboutModule } from '@app/about' +import { ServerService } from '@app/core' import { ResetPasswordModule } from '@app/reset-password' import { MetaLoader, MetaModule, MetaStaticLoader, PageTitlePositioning } from '@ngx-meta/core' - -import { AccountModule } from './account' +import { ClipboardModule } from 'ngx-clipboard' +import 'focus-visible' 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 { AvatarNotificationComponent, LanguageChooserComponent, MenuComponent } from './menu' import { SharedModule } from './shared' -import { SignupModule } from './signup' import { VideosModule } from './videos' +import { buildFileLocale, getCompleteLocale, isDefaultLocale } from '../../../shared/models/i18n' +import { getDevLocale, isOnDevLocale } from '@app/shared/i18n/i18n-utils' +import { SearchModule } from '@app/search' +import { WelcomeModalComponent } from '@app/modal/welcome-modal.component' +import { InstanceConfigWarningModalComponent } from '@app/modal/instance-config-warning-modal.component' -export function metaFactory (): MetaLoader { +export function metaFactory (serverService: ServerService): MetaLoader { return new MetaStaticLoader({ pageTitlePositioning: PageTitlePositioning.PrependPageTitle, pageTitleSeparator: ' - ', - applicationName: 'PeerTube', + get applicationName () { return serverService.getTmpConfig().instance.name }, defaults: { - title: 'PeerTube', - description: 'PeerTube, a decentralized video streaming platform using P2P (BitTorrent) directly in the web browser' + get title () { return serverService.getTmpConfig().instance.name }, + get description () { return serverService.getTmpConfig().instance.shortDescription } } }) } @@ -35,30 +39,56 @@ export function metaFactory (): MetaLoader { AppComponent, MenuComponent, - HeaderComponent + LanguageChooserComponent, + AvatarNotificationComponent, + HeaderComponent, + + WelcomeModalComponent, + InstanceConfigWarningModalComponent ], imports: [ BrowserModule, + // FIXME: https://github.com/maxisam/ngx-clipboard/issues/133 + ClipboardModule, CoreModule, SharedModule, - AppRoutingModule, - - AccountModule, CoreModule, LoginModule, ResetPasswordModule, - SignupModule, + SearchModule, SharedModule, VideosModule, - AboutModule, MetaModule.forRoot({ provide: MetaLoader, - useFactory: (metaFactory) - }) + useFactory: (metaFactory), + deps: [ ServerService ] + }), + + AppRoutingModule // Put it after all the module because it has the 404 route ], - providers: [ ] + providers: [ + { + provide: TRANSLATIONS, + useFactory: (locale: string) => { + // On dev mode, test localization + if (isOnDevLocale()) { + locale = buildFileLocale(getDevLocale()) + return require(`raw-loader!../locale/angular.${locale}.xlf`) + } + + // 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`) + }, + deps: [ LOCALE_ID ] + }, + { provide: TRANSLATIONS_FORMAT, useValue: 'xlf' } + ] }) export class AppModule {}