mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
fd729e76c0
* translate breadcrumb root in demo shell * optional "max items" feature and style fixes * should not be restricted by default * style updates * toolbar and breadcrumb layout fixes * breadcrumb demo and testing page * full toolbar scenario * fix translation issue with the dropdown and custom root * a11y fixes * fix issue with duplicate id, remove unused attribute
34 lines
1.1 KiB
HTML
34 lines
1.1 KiB
HTML
<ng-container *ngIf="route.length > 0">
|
|
|
|
<button
|
|
tabindex="0"
|
|
class="adf-dropdown-breadcrumb-trigger"
|
|
(click)="open()"
|
|
data-automation-id="dropdown-breadcrumb-trigger">
|
|
<mat-icon [class.isRoot]="!hasPreviousNodes()">folder</mat-icon>
|
|
</button>
|
|
<mat-icon class="adf-dropdown-breadcrumb-item-chevron">chevron_right</mat-icon>
|
|
|
|
<mat-select
|
|
#dropdown
|
|
*ngIf="hasPreviousNodes()"
|
|
class="adf-dropdown-breadcrumb-path"
|
|
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 }}
|
|
</mat-option>
|
|
</mat-select>
|
|
|
|
<span
|
|
class="adf-current-folder"
|
|
[class.isRoot]="!hasPreviousNodes()"
|
|
data-automation-id="current-folder">{{ currentNode.name }}</span>
|
|
</ng-container>
|