84 lines
3.5 KiB
TypeScript
84 lines
3.5 KiB
TypeScript
import { Component, Input, OnInit, AfterViewChecked, ViewChild, NgZone } from '@angular/core';
|
|
import { HttpClient, HttpHeaders } from '@angular/common/http';
|
|
import { Injectable } from '@angular/core';
|
|
import { ActivatedRoute, Router } from '@angular/router';
|
|
import { BreadcrumbItem } from '../../shared/components/breadcrumb/definition/breadcrumb-item';
|
|
import { IBreadCrumbComponent } from '../../shared/components/breadcrumb/definition/IBreadCrumbComponent';
|
|
import { Observable } from 'rxjs/Observable';
|
|
|
|
@Injectable()
|
|
export class BreadCrumbResolverService {
|
|
|
|
private activeComponents = [];
|
|
private parentComponents = [];
|
|
private breadCrumbs: Observable<BreadcrumbItem[]> = Observable.of([]);
|
|
constructor(
|
|
private router: Router,
|
|
private zone: NgZone
|
|
) { }
|
|
|
|
public push(component: any) {
|
|
let existingComponentIndex = this.activeComponents.map(x => x.constructor.name).indexOf(component.constructor.name);
|
|
if (existingComponentIndex !== -1) this.activeComponents.splice(existingComponentIndex, 1)
|
|
this.activeComponents.push(component);
|
|
}
|
|
|
|
public clear() {
|
|
this.activeComponents.length = 0;
|
|
this.breadCrumbs = Observable.of([])
|
|
}
|
|
|
|
public resolve(activatedRoute: ActivatedRoute): Observable<BreadcrumbItem[]> {
|
|
this.breadCrumbs = Observable.of([])
|
|
let routeComponents = this.getComponentsFromRoute(activatedRoute, []);
|
|
this.activeComponents.filter(x => routeComponents.indexOf(x.constructor.name) !== -1).forEach(x => {
|
|
if (x.hasOwnProperty('breadCrumbs')) {
|
|
let componentItems = this.resolveDependentComponents((<IBreadCrumbComponent>x).breadCrumbs, []);
|
|
this.breadCrumbs = Observable.of(componentItems);
|
|
}
|
|
})
|
|
return this.breadCrumbs;
|
|
}
|
|
|
|
private getComponentsFromRoute(activatedRoute: ActivatedRoute, routeComponents: any[]): any[] {
|
|
activatedRoute.children.forEach(x => {
|
|
if (x.children.length > 0) this.getComponentsFromRoute(x.children[0], routeComponents);
|
|
if (x.component) routeComponents.push(x.component['name'])
|
|
})
|
|
if (activatedRoute.component) routeComponents.push(activatedRoute.component['name'])
|
|
|
|
return routeComponents;
|
|
}
|
|
|
|
resolveDependentComponents(items: Observable<BreadcrumbItem[]>, components: any[]): any[] {
|
|
items.subscribe(breadCrumbs => {
|
|
breadCrumbs.forEach(async item => {
|
|
let parentComponent = item.parentComponentName ? this.findComponent(item.parentComponentName) : null
|
|
if (parentComponent && parentComponent.hasOwnProperty('breadCrumbs')) {
|
|
components = this.pushToStart(components, this.resolveDependentComponents((<IBreadCrumbComponent>parentComponent).breadCrumbs, components))
|
|
} else if (item.notFoundResolver) {
|
|
components = this.pushToStart(components, item.notFoundResolver)
|
|
//components = this.pushToStart(components, [unresolvedComponentItems])
|
|
}
|
|
})
|
|
components = this.pushToEnd(components, breadCrumbs);
|
|
})
|
|
return components
|
|
}
|
|
|
|
private findComponent(componentName: string): any {
|
|
for (let i = 0; i < this.activeComponents.length; i++) {
|
|
if (this.activeComponents[i].constructor.name === componentName) return this.activeComponents[i];
|
|
}
|
|
return null
|
|
}
|
|
|
|
pushToStart(first: any[], second: any[]) {
|
|
return [].concat(second.filter(x => first.map(firstX => firstX.label).indexOf(x.label) == -1), first);
|
|
}
|
|
|
|
pushToEnd(first: any[], second: any[]) {
|
|
return [].concat(first, second.filter(x => first.map(firstX => firstX.label).indexOf(x.label) == -1));
|
|
}
|
|
}
|