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