client/src/app/app.module.ts

   1 import 'focus-visible'
   2 import { APP_BASE_HREF, registerLocaleData } from '@angular/common'
   3 import { LOCALE_ID, NgModule, TRANSLATIONS, TRANSLATIONS_FORMAT } from '@angular/core'
   4 import { BrowserModule } from '@angular/platform-browser'
   5 import { ServerService } from '@app/core'
   6 import localeOc from '@app/helpers/locales/oc'
   7 import { ResetPasswordModule } from '@app/reset-password'
   8 import { SearchModule } from '@app/search'
   9 import { MetaLoader, MetaModule, MetaStaticLoader, PageTitlePositioning } from '@ngx-meta/core'
  10 import { buildFileLocale, getCompleteLocale, isDefaultLocale } from '@shared/models'
  11 import { AppRoutingModule } from './app-routing.module'
  12 import { AppComponent } from './app.component'
  13 import { CoreModule } from './core'
  14 import { HeaderComponent, SearchTypeaheadComponent, SuggestionComponent } from './header'
  15 import { LoginModule } from './login'
  16 import { AvatarNotificationComponent, LanguageChooserComponent, MenuComponent } from './menu'
  17 import { ConfirmComponent } from './modal/confirm.component'
  18 import { CustomModalComponent } from './modal/custom-modal.component'
  19 import { InstanceConfigWarningModalComponent } from './modal/instance-config-warning-modal.component'
  20 import { QuickSettingsModalComponent } from './modal/quick-settings-modal.component'
  21 import { WelcomeModalComponent } from './modal/welcome-modal.component'
  22 import { SharedFormModule } from './shared/shared-forms'
  23 import { SharedGlobalIconModule } from './shared/shared-icons'
  24 import { SharedInstanceModule } from './shared/shared-instance'
  25 import { SharedMainModule } from './shared/shared-main'
  26 import { SharedUserInterfaceSettingsModule } from './shared/shared-user-settings'
  27 import { VideosModule } from './videos'
  28
  29 registerLocaleData(localeOc, 'oc')
  30
  31 @NgModule({
  32   bootstrap: [ AppComponent ],
  33
  34   declarations: [
  35     AppComponent,
  36
  37     MenuComponent,
  38     LanguageChooserComponent,
  39     QuickSettingsModalComponent,
  40     AvatarNotificationComponent,
  41     HeaderComponent,
  42     SearchTypeaheadComponent,
  43     SuggestionComponent,
  44
  45     CustomModalComponent,
  46     WelcomeModalComponent,
  47     InstanceConfigWarningModalComponent,
  48     ConfirmComponent
  49   ],
  50
  51   imports: [
  52     BrowserModule,
  53
  54     CoreModule,
  55     SharedMainModule,
  56     SharedFormModule,
  57     SharedUserInterfaceSettingsModule,
  58     SharedGlobalIconModule,
  59     SharedInstanceModule,
  60
  61     LoginModule,
  62     ResetPasswordModule,
  63     SearchModule,
  64
  65     VideosModule,
  66
  67     MetaModule.forRoot({
  68       provide: MetaLoader,
  69       useFactory: (serverService: ServerService) => {
  70         return new MetaStaticLoader({
  71           pageTitlePositioning: PageTitlePositioning.PrependPageTitle,
  72           pageTitleSeparator: ' - ',
  73           get applicationName () { return serverService.getTmpConfig().instance.name },
  74           defaults: {
  75             get title () { return serverService.getTmpConfig().instance.name },
  76             get description () { return serverService.getTmpConfig().instance.shortDescription }
  77           }
  78         })
  79       },
  80       deps: [ ServerService ]
  81     }),
  82
  83     AppRoutingModule // Put it after all the module because it has the 404 route
  84   ],
  85
  86   providers: [
  87     {
  88       provide: APP_BASE_HREF,
  89       useValue: '/'
  90     },
  91
  92     {
  93       provide: TRANSLATIONS,
  94       useFactory: (locale: string) => {
  95         // Default locale, nothing to translate
  96         const completeLocale = getCompleteLocale(locale)
  97         if (isDefaultLocale(completeLocale)) return ''
  98
  99         const fileLocale = buildFileLocale(locale)
 100         return require(`raw-loader!../locale/angular.${fileLocale}.xlf`).default
 101       },
 102       deps: [ LOCALE_ID ]
 103     },
 104     { provide: TRANSLATIONS_FORMAT, useValue: 'xlf' }
 105   ]
 106 })
 107 export class AppModule {}