2019-03-14 09:37:58 +01:00
|
|
|
<div class="row" *ngIf="(buildBreadCrumb(this.activatedRoute) | async) as items" [class.app-breadcrumb]="items.length > 0">
|
2019-06-07 13:03:10 +02:00
|
|
|
<div *ngFor="let breadcrumb of items; let i = index; let length = count" class="col-auto breadcrumb-box">
|
2019-05-16 18:11:41 +02:00
|
|
|
<div class="row breadcrumb-item">
|
2019-05-29 16:10:55 +02:00
|
|
|
<a [routerLink]="[breadcrumb.url]" [queryParams]="breadcrumb.params" class="navbar-brand breadcrumb-title col-auto active" *ngIf="i == (items.length - 1)">
|
2019-05-16 18:11:41 +02:00
|
|
|
<mat-icon *ngIf="breadcrumb.icon" class="icon mr-2">{{ breadcrumb.icon }}</mat-icon>
|
2019-06-07 13:03:10 +02:00
|
|
|
<span class="breadcrumb-label">{{ breadcrumb.label }}</span>
|
2019-05-16 18:11:41 +02:00
|
|
|
</a>
|
2019-05-29 16:10:55 +02:00
|
|
|
<a [routerLink]="[breadcrumb.url]" [queryParams]="breadcrumb.params" class="navbar-brand breadcrumb-title col-auto" *ngIf="i != (items.length - 1)">
|
2019-05-16 18:11:41 +02:00
|
|
|
<mat-icon *ngIf="breadcrumb.icon" class="icon mr-2">{{ breadcrumb.icon }}</mat-icon>
|
2019-06-07 13:03:10 +02:00
|
|
|
<span class="breadcrumb-label">{{ breadcrumb.label }}</span>
|
2019-01-18 18:03:45 +01:00
|
|
|
</a>
|
|
|
|
<mat-icon class="arrow col-auto">chevron_right</mat-icon>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|