X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=example-apps%2FPDD%2Ffrontend-src%2Fsrc%2Fapp%2Fmenu-item%2Fmenu-item.component.html;fp=example-apps%2FPDD%2Ffrontend-src%2Fsrc%2Fapp%2Fmenu-item%2Fmenu-item.component.html;h=e4ed0209b6df0b03d751ff7d19a278f86d4f3f27;hb=93556d64f8727eb386792f412ed85170cb70e48d;hp=0000000000000000000000000000000000000000;hpb=5f7e757b5f667f7d9e4f3fbccaabae91ffd0feec;p=ealt-edge.git

diff --git a/example-apps/PDD/frontend-src/src/app/menu-item/menu-item.component.html b/example-apps/PDD/frontend-src/src/app/menu-item/menu-item.component.html
new file mode 100644
index 0000000..e4ed020
--- /dev/null
+++ b/example-apps/PDD/frontend-src/src/app/menu-item/menu-item.component.html
@@ -0,0 +1,23 @@
+<mat-menu #childMenu="matMenu" [overlapTrigger]="false">
+    <span *ngFor="let child of items">
+        <span *ngIf="child.children && child.children.length > 0">
+            <button mat-menu-item  [matMenuTriggerFor]="menu.childMenu">
+                {{child.displayName}}
+            </button>
+
+            <app-menu-item #menu [items]="child.children"></app-menu-item>
+        </span>
+
+
+        <span *ngIf="!child.children || child.children.length === 0">
+            <button mat-menu-item  [routerLink]="child.route">
+                <span *ngIf="child.iconName">
+
+                    <mat-icon>{{child.iconName}}</mat-icon>
+                </span>
+                {{child.displayName}}
+            </button>
+
+        </span>
+    </span>
+</mat-menu>
\ No newline at end of file