X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fapp.module.ts;h=cae99786b32911c9d7f67700a72793709f03b50e;hb=0394b1e181f639247eefafe1fea5d7e7c750e405;hp=fb71787c4cd8d8f75dfb58fe398042b0d08c41f7;hpb=c16ce1de8e8c21ad2136335d3b0b7d230e6d2f24;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/app.module.ts b/client/src/app/app.module.ts index fb71787c4..cae99786b 100644 --- a/client/src/app/app.module.ts +++ b/client/src/app/app.module.ts @@ -1,40 +1,42 @@ -import { ApplicationRef, NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; -import { removeNgStyles, createNewHosts } from '@angularclass/hmr'; +import { NgModule } from '@angular/core' +import { BrowserModule } from '@angular/platform-browser' +import { AboutModule } from '@app/about' +import { ResetPasswordModule } from '@app/reset-password' -import { MetaModule, MetaConfig } from 'ng2-meta/src'; -import 'bootstrap-loader'; +import { MetaLoader, MetaModule, MetaStaticLoader, PageTitlePositioning } from '@ngx-meta/core' -import { ENV_PROVIDERS } from './environment'; -import { AppRoutingModule } from './app-routing.module'; -import { AppComponent } from './app.component'; -import { AppState } from './app.service'; +import { AccountModule } from './account' -import { AccountModule } from './account'; -import { AdminModule } from './admin'; -import { CoreModule } from './core'; -import { LoginModule } from './login'; -import { SharedModule } from './shared'; -import { VideosModule } from './videos'; +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' -const metaConfig: MetaConfig = { - //Append a title suffix such as a site name to all titles - //Defaults to false - useTitleSuffix: true, - defaults: { - title: 'PeerTube' - } -}; - -// Application wide providers -const APP_PROVIDERS = [ - AppState -]; +export function metaFactory (): MetaLoader { + return new MetaStaticLoader({ + pageTitlePositioning: PageTitlePositioning.PrependPageTitle, + pageTitleSeparator: ' - ', + applicationName: 'PeerTube', + defaults: { + title: 'PeerTube', + description: 'PeerTube, a federated (ActivityPub) video streaming platform ' + + 'using P2P (BitTorrent) directly in the web browser with WebTorrent and Angular. ' + } + }) +} @NgModule({ bootstrap: [ AppComponent ], declarations: [ - AppComponent + AppComponent, + + MenuComponent, + HeaderComponent ], imports: [ BrowserModule, @@ -44,41 +46,20 @@ const APP_PROVIDERS = [ AppRoutingModule, - MetaModule.forRoot(metaConfig), - AccountModule, - AdminModule, CoreModule, LoginModule, + ResetPasswordModule, + SignupModule, SharedModule, - VideosModule + VideosModule, + AboutModule, + + MetaModule.forRoot({ + provide: MetaLoader, + useFactory: (metaFactory) + }) ], - providers: [ // expose our Services and Providers into Angular's dependency injection - ENV_PROVIDERS, - APP_PROVIDERS - ] + providers: [ ] }) -export class AppModule { - constructor(public appRef: ApplicationRef, public appState: AppState) {} - hmrOnInit(store) { - if (!store || !store.state) return; - console.log('HMR store', store); - this.appState._state = store.state; - this.appRef.tick(); - delete store.state; - } - hmrOnDestroy(store) { - const cmpLocation = this.appRef.components.map(cmp => cmp.location.nativeElement); - // recreate elements - const state = this.appState._state; - store.state = state; - store.disposeOldHosts = createNewHosts(cmpLocation); - // remove styles - removeNgStyles(); - } - hmrAfterDestroy(store) { - // display new elements - store.disposeOldHosts(); - delete store.disposeOldHosts; - } -} +export class AppModule {}