mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
1a21f234b6
* add stylelint * fix style first part * fix style second part * fix style third part * fix style fourth part * Fix e2e tests first part * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * fix insights * fix style abotu component * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * [ADF-3746] Rebase branch * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * Fix e2e tests second part * Rebase branch * Fix list error * fix new style added * tslint fix * [ADF-3746] Fix scss errors on Process Filters Cloud component
58 lines
1.9 KiB
HTML
58 lines
1.9 KiB
HTML
<nav *ngIf="folderNode" data-automation-id="breadcrumb" class="adf-breadcrumb-container" role="list">
|
|
<button
|
|
*ngIf="hasPreviousNodes()"
|
|
tabindex="0"
|
|
class="adf-breadcrumb-dropdown-trigger"
|
|
(click)="open()">
|
|
<div class="adf-breadcrumb-dropdown-trigger-icon">
|
|
<mat-icon [class.adf-isRoot]="!hasPreviousNodes()">folder</mat-icon>
|
|
<mat-icon [class.adf-isRoot]="!hasPreviousNodes()" class="adf-breadcrumb-dropdown-trigger-arrow">arrow_drop_down</mat-icon>
|
|
</div>
|
|
</button>
|
|
|
|
<mat-select
|
|
#dropdown
|
|
*ngIf="hasPreviousNodes()"
|
|
class="adf-breadcrumb-dropdown-path"
|
|
tabindex="0">
|
|
|
|
<mat-option
|
|
*ngFor="let node of previousNodes;"
|
|
(click)="onRoutePathClick(node, $event)"
|
|
class="adf-breadcrumb-path-option"
|
|
tabindex="0">
|
|
{{ node.name | translate }}
|
|
</mat-option>
|
|
</mat-select>
|
|
|
|
<div *ngFor="let item of lastNodes; let last = last"
|
|
[class.adf-active]="last"
|
|
[ngSwitch]="last"
|
|
title="{{ item.name | translate }}"
|
|
class="adf-breadcrumb-item"
|
|
role="listitem">
|
|
|
|
<a *ngSwitchDefault href="#" [attr.data-automation-id]="'breadcrumb_' + item.name"
|
|
class="adf-breadcrumb-item-anchor"
|
|
(click)="onRoutePathClick(item, $event)">
|
|
{{ item.name | translate }}
|
|
</a>
|
|
|
|
<div *ngSwitchCase="true" class="adf-breadcrumb-item-current">
|
|
{{ item.name | translate }}
|
|
</div>
|
|
|
|
<mat-icon class="adf-breadcrumb-item-chevron" *ngIf="!last">
|
|
chevron_right
|
|
</mat-icon>
|
|
</div>
|
|
</nav>
|
|
|
|
<nav *ngIf="!folderNode && hasRoot" data-automation-id="breadcrumb" role="navigation">
|
|
<div class="adf-breadcrumb-item adf-active" role="listitem">
|
|
<div class="adf-breadcrumb-item-current">
|
|
{{ root | translate }}
|
|
</div>
|
|
</div>
|
|
</nav>
|