You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import { Component, OnInit, ViewEncapsulation } from '@angular/core';
|
|
import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
|
|
import { BreadCrumbResolverService } from '../../../services/breadcrumb/breadcrumb-resolver.service';
|
|
import { BreadcrumbItem } from './definition/breadcrumb-item';
|
|
import { Observable } from 'rxjs/Observable';
|
|
|
|
@Component({
|
|
selector: 'app-breadcrumb',
|
|
templateUrl: './breadcrumb.component.html',
|
|
styleUrls: ['./breadcrumb.component.scss'],
|
|
encapsulation: ViewEncapsulation.None
|
|
})
|
|
export class BreadcrumbComponent implements OnInit {
|
|
breadcrumbs$ = this.router.events
|
|
.filter(event => event instanceof NavigationEnd)
|
|
.distinctUntilChanged()
|
|
.flatMap(event => this.buildBreadCrumb(this.activatedRoute.root));
|
|
|
|
|
|
constructor(
|
|
public activatedRoute: ActivatedRoute,
|
|
private router: Router,
|
|
private breadCrumbService: BreadCrumbResolverService
|
|
) {
|
|
|
|
}
|
|
|
|
ngOnInit() {
|
|
|
|
}
|
|
|
|
buildBreadCrumb(route: ActivatedRoute): Observable<BreadcrumbItem[]> {
|
|
return this.breadCrumbService.resolve(route).map(x => { x.unshift({ label: 'Dashboard', url: '/welcome' }); return x; });
|
|
}
|
|
|
|
navigate(url, params) {
|
|
this.router.navigate([url, params]);
|
|
}
|
|
}
|