inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-4233] DemoShell - change nested menu layout (#4438)

Browse Source
This commit is contained in:
Silviu Popa
2019-03-18 14:08:53 +02:00
committed by Eugenio Romano
parent 5f17ee0b01
commit 0d611030a1
4 changed files with 65 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
demo-shell/src/app/components/app-layout/app-layout.component.html
View File

@@ -34,13 +34,14 @@
<mat-nav-list class="adf-sidenav-linklist">
<ng-container *ngFor="let link of links">
<a mat-list-item *ngIf="link.children" [attr.data-automation-id]="link.title | translate"
class="adf-sidenav-link" [matMenuTriggerFor]="nestedMenu"
<a appNestedMenuPosition mat-list-item #appMenuTrigger *ngIf="link.children" [attr.data-automation-id]="link.title | translate"
class="adf-sidenav-link" [matMenuTriggerFor]="nestedMenu" menuMinimized="{{ isMenuMinimized() }}"
[matMenuTriggerData]="{links: link.children}">
<mat-icon matListIcon class="adf-sidenav-menu-icon">{{link.icon}}</mat-icon>
<div class="adf-sidenav-menu-label" *ngIf="!isMenuMinimized()">
{{link.title | translate }}</div>
<mat-icon class="adf-menu-expand-icon">arrow_right</mat-icon>
</a>
<a mat-list-item *ngIf="!link.children" [attr.data-automation-id]="link.title | translate"
@@ -72,7 +73,7 @@
</adf-sidenav-layout>
<app-log></app-log>
<mat-menu #nestedMenu="matMenu">
<mat-menu #nestedMenu="matMenu" [xPosition]="'before'">
<ng-template matMenuContent let-links="links">
<button mat-menu-item *ngFor="let link of links"
[attr.data-automation-id]="link.title | translate"