inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

restore deleted breadcrumb code

Browse Source
This commit is contained in:
Denys Vuika 2018-05-18 21:26:04 +01:00
parent 4fb1a29c4c
commit e2bfcd20a9
1 changed files with 52 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
lib/content-services/breadcrumb/breadcrumb.component.html
View File

@ -1,46 +1,54 @@
<div *ngIf="folderNode" data-automation-id="breadcrumb" class="adf-breadcrumb-container"> <div *ngIf="folderNode" data-automation-id="breadcrumb" class="adf-breadcrumb-container">
<button <button
*ngIf="hasPreviousNodes()" *ngIf="hasPreviousNodes()"
tabindex="0" tabindex="0"
class="adf-breadcrumb-dropdown-trigger" class="adf-breadcrumb-dropdown-trigger"
(click)="open()"> (click)="open()">
<mat-icon [class.isRoot]="!hasPreviousNodes()">folder</mat-icon> <mat-icon [class.isRoot]="!hasPreviousNodes()">folder</mat-icon>
<mat-icon [class.isRoot]="!hasPreviousNodes()" class="adf-breadcrumb-dropdown-trigger-arrow">arrow_drop_down</mat-icon> <mat-icon [class.isRoot]="!hasPreviousNodes()" class="adf-breadcrumb-dropdown-trigger-arrow">arrow_drop_down</mat-icon>
</button> </button>
<mat-select <mat-select
#select #select
*ngIf="hasPreviousNodes()" *ngIf="hasPreviousNodes()"
class="adf-breadcrumb-dropdown-path" 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"> tabindex="0">
{{ node.name }}
<mat-option </mat-option>
*ngFor="let node of previousNodes;" </mat-select>
(click)="onRoutePathClick(node, $event)"
class="adf-breadcrumb-path-option" <li *ngFor="let item of lastNodes; let last = last"
tabindex="0"> [class.active]="last"
{{ node.name }} [ngSwitch]="last"
</mat-option> title="{{ item.name | translate }}"
</mat-select> class="adf-breadcrumb-item">
<li *ngFor="let item of lastNodes; let last = last" <a *ngSwitchDefault href="#" [attr.data-automation-id]="'breadcrumb_' + item.name"
[class.active]="last" class="adf-breadcrumb-item-anchor"
[ngSwitch]="last" (click)="onRoutePathClick(item, $event)">
title="{{ item.name | translate }}" {{ item.name | translate }}
class="adf-breadcrumb-item"> </a>
<a *ngSwitchDefault href="#" [attr.data-automation-id]="'breadcrumb_' + item.name" <div *ngSwitchCase="true" class="adf-breadcrumb-item-current">
class="adf-breadcrumb-item-anchor" {{ item.name | translate }}
(click)="onRoutePathClick(item, $event)"> </div>
{{ item.name | translate }}
</a> <mat-icon class="adf-breadcrumb-item-chevron" *ngIf="!last">
chevron_right
<div *ngSwitchCase="true" class="adf-breadcrumb-item-current"> </mat-icon>
{{ item.name | translate }} </li>
</div> </div>
<mat-icon class="adf-breadcrumb-item-chevron" *ngIf="!last"> <div *ngIf="!folderNode && hasRoot" data-automation-id="breadcrumb">
chevron_right <li class="adf-breadcrumb-item active">
</mat-icon> <div class="adf-breadcrumb-item-current">
</li> {{ root | translate }}
</div> </div>
</li>
</div>