Homec4science
Diffusion Nietzsche-Beta-App (master) Browse

NietzscheBeta/nietzsche-beta-app/src/app/content-view-tab-component/content-view-tab-component.component.ts
136952e377damaster

Last Change
Raw File

content-view-tab-component.component.ts
View Options

import {Component, OnDestroy, OnInit} from '@angular/core';
import {ActivatedRoute, Params, Router} from '@angular/router';
import {Subscription} from "rxjs/index";
import { TlnQueryParams} from '../models/models';
import {NavigationServiceService} from "../services/navigation-service.service";
@Component({
selector: 'app-content-view-tab-component',
templateUrl: './content-view-tab-component.component.html',
styleUrls: ['./content-view-tab-component.component.scss'],
providers: [ NavigationServiceService ]
})
export class ContentViewTabComponentComponent implements OnInit, OnDestroy {
// navigation tabs for the content view (manuscript view, page view, rhizome view)
navTabLinks: any[];
// navbar on th left for navigating
navBarOpenState: boolean;
navBarOpenMode = 'push'; // side || over || push
queryParams: TlnQueryParams;
queryParamSubscription: Subscription;
constructor(private router: Router,
private activatedRoute: ActivatedRoute,
private naviService: NavigationServiceService) {
// The links/tabs for routing the correct view-component
this.navTabLinks = [
{
label: 'Manuskriptansicht',
link: 'manuscript',
index: 0
}, {
label: 'Seitenansicht',
link: 'page',
index: 1
}, {
label: 'Rhizome-Ansicht',
link: 'rhizome',
index: 2
},
];
// this.setNavBarOpenStateOnInit();
}
ngOnInit() {
// If url pasted or page refreshed --> resetting this.queryparams to the query params of the url;
// needed for active routing in the nav tabs.
this.queryParamSubscription = this.activatedRoute.queryParams.subscribe( (queryParams: Params ) => {
this.queryParams = new TlnQueryParams(queryParams.man,
queryParams.page,
queryParams.row,
queryParams.word,
queryParams.viewMode,
queryParams.navBarOpenState,
queryParams.navTabIndex);
}
);
}
// Change also the navigation tree in the nav bar if the active view changes, i.e. show pages if page view selected
changeTree(navTabId) {
console.log(this.queryParams);
// this.naviService.getActiveTreeData(navTabId);
// this.naviService.changeActiveTreeIndex(navTabId);
}
setNavBarOpenStateOnInit() {
// Set the NavBarOpenstate to false if it is false in the url query param onInit. In every other case we toggle it open actively.
if (this.activatedRoute.snapshot.queryParamMap.get('navBarOpenState') === 'false') {
this.navBarOpenState = false; } else {
this.navBarOpenState = true; }
this.updateNavBarOpenState();
}
toggleNavDrawer() {
this.navBarOpenState = !this.navBarOpenState;
this.updateNavBarOpenState();
}
updateNavBarOpenState() {
const openStateString = this.navBarOpenState === null ? 'true' : (this.navBarOpenState ? 'true' : 'false');
// this.naviService.setQueryParamOnServiceLevel('navBarOpenState', openStateString);
// this.naviService.updateRoute();
}
ngOnDestroy() {
// unsubscribe if component destroyed so there is no memory leak and no query params in url
this.queryParamSubscription.unsubscribe();
}
}
c4science · Help