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}}