antonmoiseev / demo-slide-panel Goto Github PK

https://localhost:2400/slide/slide1
https://ocalhost:2400/slide/slide2
https://localhost:2400/slide/slide3

import { Injectable } from '@angular/core';
import { Router, NavigationStart, NavigationEnd, ActivatedRoute } from '@angular/router';

import { BehaviorSubject, Observable, of } from 'rxjs';
import { filter, mergeMap, startWith, map, switchMap } from 'rxjs/operators';

@Injectable()
export class LayoutService {
  private title$: BehaviorSubject<string> = new BehaviorSubject('');
  private loaderStatus$: BehaviorSubject<boolean> = new BehaviorSubject(false);
  private currentTheme$: BehaviorSubject<any> = new BehaviorSubject(null);
  private direction$: BehaviorSubject<string>;

  constructor(
    private router: Router,
    private activatedRoute: ActivatedRoute,
  ) {

    // Set direction from session if set.
    const sessionDirection = sessionStorage.getItem('portal-direction');
    const direction = sessionDirection && sessionDirection === 'rtl' ? 'rtl' : 'ltr';
    this.direction$ = new BehaviorSubject(direction);

    // Watch for router events to turn on/off the loader.
    this.router.events
      .subscribe((event: any) => {
        if (event instanceof NavigationStart) {
          this.loaderStatus$.next(true);
        } else if (event instanceof NavigationEnd) {
          this.loaderStatus$.next(false);
        }
      });

    // Watch for router events to set title using route data.
    this.router.events
      .pipe(
        filter(event => event instanceof NavigationEnd),
        startWith(this.activatedRoute),
        map(() => this.activatedRoute),
        map(route => {
          while (route.firstChild) {
            console.debug(route.firstChild);
            route = route.firstChild;
          }
          return route;
        }),
        filter(route => route.outlet === 'primary'),
        mergeMap(route => route.data)
      )
      .subscribe(data => {
        if (data['title']) {
          this.setTitle(data['title']);
        }
      });
  }