navigationlist-list-component.component.ts
3170fa9abf60develop

navigationlist-list-component.component.ts
View Options

			import {AfterViewInit, Component, Input, OnChanges} from '@angular/core';
			import {NavTree} from '../navtree-directive.directive';
			import {NavigationEntity} from '../../models/models';
			import {NavigationServiceService} from '../../services/navigation-service.service';
			import {ActivatedRoute} from '@angular/router';

			@Component({
			selector: 'app-navigationlist-list-component',
			templateUrl: './navigationlist-list-component.component.html',
			styleUrls: ['./navigationlist-list-component.component.scss']
			})
			export class NavigationlistListComponentComponent implements OnChanges, AfterViewInit {

			@Input() navTree: NavTree;

			constructor(private naviService: NavigationServiceService, private route: ActivatedRoute) {
			}

			ngOnChanges() {
			if (this.navTree && document) {
			this.scrollOnToSelectedItem(this.route.snapshot.queryParamMap.get(this.navTree.qParam));
			}
			}

			ngAfterViewInit() {

			}

			onSelectNavItem(item: NavigationEntity) {
			if (this.navTree.selectedItem !== item.tlnEntity.id) {
			this.naviService.updateRoute({[this.navTree.qParam] : item.tlnEntity.id});
			this.scrollOnToSelectedItem(item.tlnEntity.id);
			}
			}

			scrollOnToSelectedItem(itemId: string ) {
			window.setTimeout(() => {
			if (document.getElementById(itemId)) {
			const offSetTop = document.getElementById(itemId).offsetTop;
			document.getElementById('navlist').scrollTop = offSetTop - 100;
			}
			}, 100);
			}
			}