mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
37 lines
1.2 KiB
HTML
37 lines
1.2 KiB
HTML
<ng-container *ngIf="route.length > 0" class="adf-dropdown-breadcrumb-container">
|
|
|
|
<button
|
|
tabindex="0"
|
|
class="adf-dropdown-breadcrumb-trigger"
|
|
(click)="open()"
|
|
data-automation-id="dropdown-breadcrumb-trigger">
|
|
<mat-icon [class.adf-isRoot]="!hasPreviousNodes()">folder</mat-icon>
|
|
</button>
|
|
|
|
<mat-icon class="adf-dropdown-breadcrumb-item-chevron">chevron_right</mat-icon>
|
|
|
|
<div class="adf-dropdown-breadcrumb-path">
|
|
<mat-select
|
|
#dropdown
|
|
*ngIf="hasPreviousNodes()"
|
|
tabindex="0"
|
|
data-automation-id="dropdown-breadcrumb-path">
|
|
|
|
<mat-option
|
|
*ngFor="let node of previousNodes;"
|
|
(click)="onRoutePathClick(node, $event)"
|
|
class="adf-dropdown-breadcrumb-path-option"
|
|
tabindex="0"
|
|
data-automation-class="dropdown-breadcrumb-path-option">
|
|
{{ node.name | translate }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</div>
|
|
|
|
<span
|
|
class="adf-current-folder"
|
|
[class.adf-isRoot]="!hasPreviousNodes()"
|
|
data-automation-id="current-folder">{{ currentNode.name }}
|
|
</span>
|
|
</ng-container>
|