argos/dmp-frontend/src/app/ui/misc/breadcrumb/navigation-breadcrumb.compo...

26 lines
1.1 KiB
HTML

<nav class="list-inline list-unstyled">
<li *ngFor="let item of breadCrumbs; let first = first; let index = index;let last = last" class="list-inline-item mr-2">
<div style="display: flex; justify-content: center; align-items:center" *ngIf="!item?.hideItem">
<mat-icon [class.hidden]="first">chevron_right</mat-icon>
<a *ngIf="(!item?.skipNavigation && !last) else regularText" [routerLink]="computePath(index)" class="text-black" disabled>
<ng-container *ngIf="item.title !== HOME_SYMBOL else homeIcon">
{{ item.title | translate:item.translateParams }}
</ng-container>
</a>
<ng-template #regularText>
<ng-container *ngIf="item.title !== HOME_SYMBOL else homeIcon">
{{ item.title | translate:item.translateParams }}
</ng-container>
</ng-template>
</div>
</li>
</nav>
<ng-template #homeIcon>
<mat-icon style="width: 1.5rem; height: 1.5rem; font-size: 1.2rem; color: #949597" class="text-muted">home</mat-icon>
</ng-template>