X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;f=otf-frontend%2Fclient%2Fsrc%2Fapp%2Fshared%2Fcomponents%2Fmenu-item%2Fmenu-item.component.pug;fp=otf-frontend%2Fclient%2Fsrc%2Fapp%2Fshared%2Fcomponents%2Fmenu-item%2Fmenu-item.component.pug;h=548ac7c2bbce1a65b59e61559e3376efc0ac2ad2;hb=6f7e46b4562b31f748670be8947d315963240ddd;hp=0000000000000000000000000000000000000000;hpb=f49bd1efeaaddd4891c1f329b18d8cfb28b3e75b;p=it%2Fotf.git

diff --git a/otf-frontend/client/src/app/shared/components/menu-item/menu-item.component.pug b/otf-frontend/client/src/app/shared/components/menu-item/menu-item.component.pug
new file mode 100644
index 0000000..548ac7c
--- /dev/null
+++ b/otf-frontend/client/src/app/shared/components/menu-item/menu-item.component.pug
@@ -0,0 +1,29 @@
+//-  Copyright (c) 2019 AT&T Intellectual Property.                             #
+//-                                                                             #
+//-  Licensed under the Apache License, Version 2.0 (the "License");            #
+//-  you may not use this file except in compliance with the License.           #
+//-  You may obtain a copy of the License at                                    #
+//-                                                                             #
+//-      http://www.apache.org/licenses/LICENSE-2.0                             #
+//-                                                                             #
+//-  Unless required by applicable law or agreed to in writing, software        #
+//-  distributed under the License is distributed on an "AS IS" BASIS,          #
+//-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #
+//-  See the License for the specific language governing permissions and        #
+//-  limitations under the License.                                             #
+//- #############################################################################
+
+
+mat-menu(#childMenu='matMenu', [overlapTrigger]='false')
+  span(*ngFor='let child of items')
+    // Handle branch node menu items
+    span(*ngIf='child.children && child.children.length > 0')
+      button(mat-menu-item='', color='primary', (click)="sendSelected(child)", [matMenuTriggerFor]='menu.childMenu')
+        mat-icon(*ngIf="child.iconName") {{child.iconName}}
+        span {{child.displayName}}
+      app-menu-item(#menu='', [items]='child.children', (dataEvent)="receiveSelected($event)")
+    // Handle leaf node menu items
+    span(*ngIf='!child.children || child.children.length === 0')
+      button(mat-menu-item='', (click)="sendSelected(child)")
+        mat-icon(*ngIf="child.iconName") {{child.iconName}}
+        span {{child.displayName}}