added svcapi ui and camunda code

[it/otf.git] / otf-frontend / client / src / app / shared / components / menu-item / menu-item.component.pug

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 (file)
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.                             #\r
+//-                                                                             #\r
+//-  Licensed under the Apache License, Version 2.0 (the "License");            #\r
+//-  you may not use this file except in compliance with the License.           #\r
+//-  You may obtain a copy of the License at                                    #\r
+//-                                                                             #\r
+//-      http://www.apache.org/licenses/LICENSE-2.0                             #\r
+//-                                                                             #\r
+//-  Unless required by applicable law or agreed to in writing, software        #\r
+//-  distributed under the License is distributed on an "AS IS" BASIS,          #\r
+//-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
+//-  See the License for the specific language governing permissions and        #\r
+//-  limitations under the License.                                             #\r
+//- #############################################################################\r
+\r
+\r
+mat-menu(#childMenu='matMenu', [overlapTrigger]='false')\r
+  span(*ngFor='let child of items')\r
+    // Handle branch node menu items\r
+    span(*ngIf='child.children && child.children.length > 0')\r
+      button(mat-menu-item='', color='primary', (click)="sendSelected(child)", [matMenuTriggerFor]='menu.childMenu')\r
+        mat-icon(*ngIf="child.iconName") {{child.iconName}}\r
+        span {{child.displayName}}\r
+      app-menu-item(#menu='', [items]='child.children', (dataEvent)="receiveSelected($event)")\r
+    // Handle leaf node menu items\r
+    span(*ngIf='!child.children || child.children.length === 0')\r
+      button(mat-menu-item='', (click)="sendSelected(child)")\r
+        mat-icon(*ngIf="child.iconName") {{child.iconName}}\r
+        span {{child.displayName}}\r