app.component.ts
4e82955a2a6bcrossref-editor

app.component.ts
View Options

			import {Component, OnInit} from '@angular/core';
			import { OverlayContainer} from '@angular/cdk/overlay';
			import {TlnQueryParams} from './models/models';
			import {Subscription} from 'rxjs';
			import {ActivatedRoute, Params} from '@angular/router';

			@Component({
			selector: 'app-root',
			templateUrl: './app.component.html',
			styleUrls: ['./app.component.css']
			})
			export class AppComponent implements OnInit {
			title = 'nietzsche app';
			theme = 'standard-theme';

			fullScreen: string;
			queryParamSub: Subscription;

			constructor(private overlayContainer: OverlayContainer, private activatedRoute: ActivatedRoute) {
			}

			ngOnInit() {
			this.overlayContainer.getContainerElement().classList.add(this.theme);
			this.queryParamSub = this.activatedRoute.queryParams.subscribe( (queryParams: Params ) => {
			this.fullScreen = queryParams.fullscreen;
			});

			}

			onThemeChange() {
			this.overlayContainer.getContainerElement().classList.add(this.theme);
			}
			}