added svcapi ui and camunda code

[it/otf.git] / otf-frontend / client / src / app / layout / components / header / header.component.html

diff --git a/otf-frontend/client/src/app/layout/components/header/header.component.html b/otf-frontend/client/src/app/layout/components/header/header.component.html
new file mode 100644 (file)
index 0000000..81f8614
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/components/header/header.component.html
@@ -0,0 +1,111 @@
+<!-- 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
+<nav class="navbar navbar-expand-lg fixed-top">\r
+        <img src="../../../../assets/images/NetworkLogo.jpg" class="rounded-circle mr-2" style="width:40px; height: 40px;" />\r
+        <a class="navbar-brand" href="#">Open Test Framework</a>\r
+        <span *ngIf="groups">\r
+            <button mat-button style="color:white" #goupMenuTrigger="matMenuTrigger" [matMenuTriggerFor]="groupMenu">{{ selectedGroup?.groupName || 'Select Group' }} <mat-icon>arrow_drop_down</mat-icon></button>\r
+            <mat-menu #groupMenu="matMenu">\r
+                <span style="margin-left: 15px; cursor: pointer; color: #007bff" (click)="createGroup()">+ New Group</span>\r
+                <span *ngFor="let group of groups">\r
+                    <!-- Handle branch node buttons here -->\r
+                    <span *ngIf="group.children && group.children.length > 0" style="z-index:1031">\r
+                        <button mat-menu-item [matMenuTriggerFor]="menu.childMenu" (click)="changeGroup(group)" [disabled]="group.disabled">\r
+                            {{group.displayName}}\r
+                        </button>\r
+                        <app-menu-item #menu [items]="group.children" (dataEvent)="changeGroup($event)"></app-menu-item>\r
+                    </span>\r
+                    <!-- Leaf node buttons here -->\r
+                    <span *ngIf="!group.children || group.children.length === 0" style="z-index:1031">\r
+                        <button mat-menu-item color="primary" (click)="changeGroup(group)">\r
+                            {{group.displayName}}\r
+                        </button>\r
+                    </span>\r
+                </span>\r
+            </mat-menu>\r
+        </span>\r
+        <button class="navbar-toggler" type="button" (click)="toggleSidebar()">\r
+            <!-- <span class="navbar-toggler-icon"></span> -->\r
+            <i class="fa fa-bars text-muted" aria-hidden="true"></i>\r
+        </button>\r
+        <div class="collapse navbar-collapse">\r
+            <ul class="navbar-nav ml-auto">\r
+                <!-- <li class="nav-item dropdown" ngbDropdown>\r
+                    <a href="javascript:void(0)" class="nav-link" ngbDropdownToggle>\r
+                        <i class="fa fa-language"></i> {{ 'Language' | translate }} <b class="caret"></b>\r
+                    </a>\r
+                    <div class="dropdown-menu-right" ngbDropdownMenu>\r
+                        <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('en')">\r
+                            {{ 'English' | translate }}\r
+                        </a>\r
+                        <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('fr')">\r
+                            {{ 'French' | translate }}\r
+                        </a>\r
+                        <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('ur')">\r
+                            {{ 'Urdu' | translate }}\r
+                        </a>\r
+                        <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('es')">\r
+                            {{ 'Spanish' | translate }}\r
+                        </a>\r
+                        <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('it')">\r
+                            {{ 'Italian' | translate }}\r
+                        </a>\r
+                        <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('fa')">\r
+                            {{ 'Farsi' | translate }}\r
+                        </a>\r
+                        <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('de')">\r
+                            {{ 'German' | translate }}\r
+                        </a>\r
+                        <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('zh-CHS')">\r
+                            {{ 'Simplified Chinese' | translate }}\r
+                        </a>\r
+                    </div>\r
+                </li> -->\r
+                <!--<li *ngIf="groups && selectedGroup">\r
+                    <span *ngFor="let group of groups">\r
+                        <!-- Handle branch node buttons here --\r
+                        <span *ngIf="group.children && group.children.length > 0" style="z-index:1031">\r
+                            <button mat-button [matMenuTriggerFor]="menu.childMenu" [disabled]="group.disabled">\r
+                                {{group.displayName}}\r
+                            </button>\r
+                            <app-menu-item #menu [items]="group.children"></app-menu-item>\r
+                        </span>\r
+                        <!-- Leaf node buttons here --\r
+                        <span *ngIf="!group.children || group.children.length === 0" style="z-index:1031">\r
+                            <button mat-button color="primary" (click)="group.click()">\r
+                                {{group.displayName}}\r
+                            </button>\r
+                        </span>\r
+                    </span>\r
+                </li> -->\r
+                <li class="nav-item dropdown" ngbDropdown>\r
+                    <a href="javascript:void(0)" class="nav-link" ngbDropdownToggle>\r
+                        <i class="fa fa-user"></i> {{username}} <b class="caret"></b>\r
+                    </a>\r
+                    <div class="dropdown-menu-right" ngbDropdownMenu>\r
+                        <a class="dropdown-item" [routerLink]="['/settings']" >\r
+                            <i class="fa fa-fw fa-cog"></i> {{ 'Settings' | translate }}\r
+                        </a>\r
+                        <a class="dropdown-item" [routerLink]="['/login']" (click)="onLoggedout()">\r
+                            <i class="fa fa-fw fa-power-off"></i> {{ 'Log Out' | translate }}\r
+                        </a>\r
+                    </div>\r
+                </li>\r
+            </ul>\r
+        </div>\r
+    </nav>\r
+    \r