forked from hazza/dspace-angular
99 lines
3.2 KiB
TypeScript
99 lines
3.2 KiB
TypeScript
import { filter, first, take } from 'rxjs/operators';
|
|
import {
|
|
AfterViewInit,
|
|
ChangeDetectionStrategy,
|
|
Component,
|
|
HostListener,
|
|
Inject,
|
|
OnInit,
|
|
ViewEncapsulation
|
|
} from '@angular/core';
|
|
import { NavigationCancel, NavigationEnd, NavigationStart, Router } from '@angular/router';
|
|
|
|
import { select, Store } from '@ngrx/store';
|
|
|
|
import { TranslateService } from '@ngx-translate/core';
|
|
|
|
import { GLOBAL_CONFIG, GlobalConfig } from '../config';
|
|
|
|
import { MetadataService } from './core/metadata/metadata.service';
|
|
import { HostWindowResizeAction } from './shared/host-window.actions';
|
|
import { HostWindowState } from './shared/host-window.reducer';
|
|
import { NativeWindowRef, NativeWindowService } from './shared/services/window.service';
|
|
import { isAuthenticated } from './core/auth/selectors';
|
|
import { AuthService } from './core/auth/auth.service';
|
|
import { Angulartics2GoogleAnalytics } from 'angulartics2/ga';
|
|
|
|
@Component({
|
|
selector: 'ds-app',
|
|
templateUrl: './app.component.html',
|
|
styleUrls: ['./app.component.scss'],
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
encapsulation: ViewEncapsulation.None
|
|
})
|
|
export class AppComponent implements OnInit, AfterViewInit {
|
|
isLoading = true;
|
|
|
|
constructor(
|
|
@Inject(GLOBAL_CONFIG) public config: GlobalConfig,
|
|
@Inject(NativeWindowService) private _window: NativeWindowRef,
|
|
private translate: TranslateService,
|
|
private store: Store<HostWindowState>,
|
|
private metadata: MetadataService,
|
|
private angulartics2GoogleAnalytics: Angulartics2GoogleAnalytics,
|
|
private authService: AuthService,
|
|
private router: Router
|
|
) {
|
|
// this language will be used as a fallback when a translation isn't found in the current language
|
|
translate.setDefaultLang('en');
|
|
// the lang to use, if the lang isn't available, it will use the current loader to get them
|
|
translate.use('en');
|
|
|
|
metadata.listenForRouteChange();
|
|
|
|
if (config.debug) {
|
|
console.info(config);
|
|
}
|
|
}
|
|
|
|
ngOnInit() {
|
|
const env: string = this.config.production ? 'Production' : 'Development';
|
|
const color: string = this.config.production ? 'red' : 'green';
|
|
console.info(`Environment: %c${env}`, `color: ${color}; font-weight: bold;`);
|
|
this.dispatchWindowSize(this._window.nativeWindow.innerWidth, this._window.nativeWindow.innerHeight);
|
|
|
|
// Whether is not authenticathed try to retrieve a possible stored auth token
|
|
this.store.pipe(select(isAuthenticated),
|
|
first(),
|
|
filter((authenticated) => !authenticated)
|
|
).subscribe((authenticated) => this.authService.checkAuthenticationToken());
|
|
|
|
}
|
|
|
|
ngAfterViewInit() {
|
|
this.router.events
|
|
.subscribe((event) => {
|
|
if (event instanceof NavigationStart) {
|
|
this.isLoading = true;
|
|
} else if (
|
|
event instanceof NavigationEnd ||
|
|
event instanceof NavigationCancel
|
|
) {
|
|
this.isLoading = false;
|
|
}
|
|
});
|
|
}
|
|
|
|
@HostListener('window:resize', ['$event'])
|
|
private onResize(event): void {
|
|
this.dispatchWindowSize(event.target.innerWidth, event.target.innerHeight);
|
|
}
|
|
|
|
private dispatchWindowSize(width, height): void {
|
|
this.store.dispatch(
|
|
new HostWindowResizeAction(width, height)
|
|
);
|
|
}
|
|
|
|
}
|