16 lines
987 B
HTML
16 lines
987 B
HTML
<div class="row" *ngIf="(buildBreadCrumb(this.activatedRoute) | async) as items" [class.app-breadcrumb]="items.length > 0">
|
|
<div *ngFor="let breadcrumb of items; let i = index; let length = count" class="col-auto breadcrumb-box">
|
|
<div class="row breadcrumb-item">
|
|
<a [routerLink]="[breadcrumb.url]" [queryParams]="breadcrumb.params" class="navbar-brand breadcrumb-title col-auto active" *ngIf="i == (items.length - 1)">
|
|
<mat-icon *ngIf="breadcrumb.icon" class="icon mr-2">{{ breadcrumb.icon }}</mat-icon>
|
|
<span class="breadcrumb-label">{{ breadcrumb.label }}</span>
|
|
</a>
|
|
<a [routerLink]="[breadcrumb.url]" [queryParams]="breadcrumb.params" class="navbar-brand breadcrumb-title col-auto" *ngIf="i != (items.length - 1)">
|
|
<mat-icon *ngIf="breadcrumb.icon" class="icon mr-2">{{ breadcrumb.icon }}</mat-icon>
|
|
<span class="breadcrumb-label">{{ breadcrumb.label }}</span>
|
|
</a>
|
|
<mat-icon class="arrow col-auto">chevron_right</mat-icon>
|
|
</div>
|
|
</div>
|
|
</div>
|