X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fapp.module.ts;h=89332ec5f4720057f163396a03b37ef370d60ad3;hb=1bab226f5c2e678039ed40f87ab3fe05f3ebd0f4;hp=dda705811fb8bc8b8867081ad37b6f94139a0dd9;hpb=ba430d7516bc5b1324b60571ba7594460969b7fb;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/app.module.ts b/client/src/app/app.module.ts index dda705811..89332ec5f 100644 --- a/client/src/app/app.module.ts +++ b/client/src/app/app.module.ts @@ -2,36 +2,27 @@ import { LOCALE_ID, NgModule, TRANSLATIONS, TRANSLATIONS_FORMAT } from '@angular import { BrowserModule } from '@angular/platform-browser' import { ServerService } from '@app/core' import { ResetPasswordModule } from '@app/reset-password' - import { MetaLoader, MetaModule, MetaStaticLoader, PageTitlePositioning } from '@ngx-meta/core' -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 { HeaderComponent, SearchTypeaheadComponent, SuggestionComponent } from './header' import { LoginModule } from './login' import { AvatarNotificationComponent, LanguageChooserComponent, MenuComponent } from './menu' import { SharedModule } from './shared' 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' +import { buildFileLocale, getCompleteLocale, isDefaultLocale } from '@shared/models' +import { APP_BASE_HREF, registerLocaleData } from '@angular/common' +import { QuickSettingsModalComponent } from '@app/modal/quick-settings-modal.component' +import { CustomModalComponent } from '@app/modal/custom-modal.component' +import localeOc from '@app/shared/locale/oc' -export function metaFactory (serverService: ServerService): MetaLoader { - 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 } - } - }) -} +registerLocaleData(localeOc, 'oc') @NgModule({ bootstrap: [ AppComponent ], @@ -40,16 +31,18 @@ export function metaFactory (serverService: ServerService): MetaLoader { MenuComponent, LanguageChooserComponent, + QuickSettingsModalComponent, AvatarNotificationComponent, HeaderComponent, + SearchTypeaheadComponent, + SuggestionComponent, + CustomModalComponent, WelcomeModalComponent, InstanceConfigWarningModalComponent ], imports: [ BrowserModule, - // FIXME: https://github.com/maxisam/ngx-clipboard/issues/133 - ClipboardModule, CoreModule, SharedModule, @@ -63,28 +56,38 @@ export function metaFactory (serverService: ServerService): MetaLoader { 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: [ + { + provide: APP_BASE_HREF, + useValue: '/' + }, + { 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`) + return require(`raw-loader!../locale/angular.${fileLocale}.xlf`).default }, deps: [ LOCALE_ID ] },