1 <!-- Copyright (c) 2019 AT&T Intellectual Property. #
\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
7 # http://www.apache.org/licenses/LICENSE-2.0 #
\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
17 <nav class="navbar navbar-expand-lg fixed-top">
\r
18 <img src="../../../../assets/images/NetworkLogo.jpg" class="rounded-circle mr-2" style="width:40px; height: 40px;" />
\r
19 <a class="navbar-brand" href="#">Open Test Framework</a>
\r
20 <span *ngIf="groups">
\r
21 <button mat-button style="color:white" #goupMenuTrigger="matMenuTrigger" [matMenuTriggerFor]="groupMenu">{{ selectedGroup?.groupName || 'Select Group' }} <mat-icon>arrow_drop_down</mat-icon></button>
\r
22 <mat-menu #groupMenu="matMenu">
\r
23 <span style="margin-left: 15px; cursor: pointer; color: #007bff" (click)="createGroup()">+ New Group</span>
\r
24 <span *ngFor="let group of groups">
\r
25 <!-- Handle branch node buttons here -->
\r
26 <span *ngIf="group.children && group.children.length > 0" style="z-index:1031">
\r
27 <button mat-menu-item [matMenuTriggerFor]="menu.childMenu" (click)="changeGroup(group)" [disabled]="group.disabled">
\r
28 {{group.displayName}}
\r
30 <app-menu-item #menu [items]="group.children" (dataEvent)="changeGroup($event)"></app-menu-item>
\r
32 <!-- Leaf node buttons here -->
\r
33 <span *ngIf="!group.children || group.children.length === 0" style="z-index:1031">
\r
34 <button mat-menu-item color="primary" (click)="changeGroup(group)">
\r
35 {{group.displayName}}
\r
41 <button class="navbar-toggler" type="button" (click)="toggleSidebar()">
\r
42 <!-- <span class="navbar-toggler-icon"></span> -->
\r
43 <i class="fa fa-bars text-muted" aria-hidden="true"></i>
\r
45 <div class="collapse navbar-collapse">
\r
46 <ul class="navbar-nav ml-auto">
\r
47 <!-- <li class="nav-item dropdown" ngbDropdown>
\r
48 <a href="javascript:void(0)" class="nav-link" ngbDropdownToggle>
\r
49 <i class="fa fa-language"></i> {{ 'Language' | translate }} <b class="caret"></b>
\r
51 <div class="dropdown-menu-right" ngbDropdownMenu>
\r
52 <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('en')">
\r
53 {{ 'English' | translate }}
\r
55 <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('fr')">
\r
56 {{ 'French' | translate }}
\r
58 <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('ur')">
\r
59 {{ 'Urdu' | translate }}
\r
61 <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('es')">
\r
62 {{ 'Spanish' | translate }}
\r
64 <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('it')">
\r
65 {{ 'Italian' | translate }}
\r
67 <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('fa')">
\r
68 {{ 'Farsi' | translate }}
\r
70 <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('de')">
\r
71 {{ 'German' | translate }}
\r
73 <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('zh-CHS')">
\r
74 {{ 'Simplified Chinese' | translate }}
\r
78 <!--<li *ngIf="groups && selectedGroup">
\r
79 <span *ngFor="let group of groups">
\r
80 <!-- Handle branch node buttons here --
\r
81 <span *ngIf="group.children && group.children.length > 0" style="z-index:1031">
\r
82 <button mat-button [matMenuTriggerFor]="menu.childMenu" [disabled]="group.disabled">
\r
83 {{group.displayName}}
\r
85 <app-menu-item #menu [items]="group.children"></app-menu-item>
\r
87 <!-- Leaf node buttons here --
\r
88 <span *ngIf="!group.children || group.children.length === 0" style="z-index:1031">
\r
89 <button mat-button color="primary" (click)="group.click()">
\r
90 {{group.displayName}}
\r
95 <li class="nav-item dropdown" ngbDropdown>
\r
96 <a href="javascript:void(0)" class="nav-link" ngbDropdownToggle>
\r
97 <i class="fa fa-user"></i> {{username}} <b class="caret"></b>
\r
99 <div class="dropdown-menu-right" ngbDropdownMenu>
\r
100 <a class="dropdown-item" [routerLink]="['/settings']" >
\r
101 <i class="fa fa-fw fa-cog"></i> {{ 'Settings' | translate }}
\r
103 <a class="dropdown-item" [routerLink]="['/login']" (click)="onLoggedout()">
\r
104 <i class="fa fa-fw fa-power-off"></i> {{ 'Log Out' | translate }}
\r