otf-frontend/client/src/app/shared/components/menu-item/menu-item.component.pug

   1 //-  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
   2 //-                                                                             #\r
   3 //-  Licensed under the Apache License, Version 2.0 (the "License");            #\r
   4 //-  you may not use this file except in compliance with the License.           #\r
   5 //-  You may obtain a copy of the License at                                    #\r
   6 //-                                                                             #\r
   7 //-      http://www.apache.org/licenses/LICENSE-2.0                             #\r
   8 //-                                                                             #\r
   9 //-  Unless required by applicable law or agreed to in writing, software        #\r
  10 //-  distributed under the License is distributed on an "AS IS" BASIS,          #\r
  11 //-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
  12 //-  See the License for the specific language governing permissions and        #\r
  13 //-  limitations under the License.                                             #\r
  14 //- #############################################################################\r
  15 \r
  16 \r
  17 mat-menu(#childMenu='matMenu', [overlapTrigger]='false')\r
  18   span(*ngFor='let child of items')\r
  19     // Handle branch node menu items\r
  20     span(*ngIf='child.children && child.children.length > 0')\r
  21       button(mat-menu-item='', color='primary', (click)="sendSelected(child)", [matMenuTriggerFor]='menu.childMenu')\r
  22         mat-icon(*ngIf="child.iconName") {{child.iconName}}\r
  23         span {{child.displayName}}\r
  24       app-menu-item(#menu='', [items]='child.children', (dataEvent)="receiveSelected($event)")\r
  25     // Handle leaf node menu items\r
  26     span(*ngIf='!child.children || child.children.length === 0')\r
  27       button(mat-menu-item='', (click)="sendSelected(child)")\r
  28         mat-icon(*ngIf="child.iconName") {{child.iconName}}\r
  29         span {{child.displayName}}\r