otf-frontend/client/src/app/layout/components/header/header.component.html

   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 <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
  29                         </button>\r
  30                         <app-menu-item #menu [items]="group.children" (dataEvent)="changeGroup($event)"></app-menu-item>\r
  31                     </span>\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
  36                         </button>\r
  37                     </span>\r
  38                 </span>\r
  39             </mat-menu>\r
  40         </span>\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
  44         </button>\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
  50                     </a>\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
  54                         </a>\r
  55                         <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('fr')">\r
  56                             {{ 'French' | translate }}\r
  57                         </a>\r
  58                         <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('ur')">\r
  59                             {{ 'Urdu' | translate }}\r
  60                         </a>\r
  61                         <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('es')">\r
  62                             {{ 'Spanish' | translate }}\r
  63                         </a>\r
  64                         <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('it')">\r
  65                             {{ 'Italian' | translate }}\r
  66                         </a>\r
  67                         <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('fa')">\r
  68                             {{ 'Farsi' | translate }}\r
  69                         </a>\r
  70                         <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('de')">\r
  71                             {{ 'German' | translate }}\r
  72                         </a>\r
  73                         <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('zh-CHS')">\r
  74                             {{ 'Simplified Chinese' | translate }}\r
  75                         </a>\r
  76                     </div>\r
  77                 </li> -->\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
  84                             </button>\r
  85                             <app-menu-item #menu [items]="group.children"></app-menu-item>\r
  86                         </span>\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
  91                             </button>\r
  92                         </span>\r
  93                     </span>\r
  94                 </li> -->\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
  98                     </a>\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
 102                         </a>\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
 105                         </a>\r
 106                     </div>\r
 107                 </li>\r
 108             </ul>\r
 109         </div>\r
 110     </nav>\r
 111     \r