otf-frontend/client/src/app/layout/components/sidebar/sidebar.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="sidebar" [ngClass]="{sidebarPushRight: isActive}">\r
  18     <div class="list-group">\r
  19         <a routerLink="/dashboard" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
  20             <i class="fa fa-fw fa-dashboard"></i>&nbsp;{{ 'Dashboard' | translate }}\r
  21         </a>\r
  22 \r
  23         <a [routerLink]="['/test-definitions']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
  24             <i class="fa fa-fw fa-object-group"></i>&nbsp;{{ 'Test Definitions' | translate }}\r
  25         </a> \r
  26         <!--<div class="nested-menu">\r
  27             <a class="list-group-item" (click)="addExpandClass('definition')">\r
  28                 <span><i class="fa fa-fw fa-object-group"></i>&nbsp; {{ 'Test Definitions' | translate }}</span>\r
  29             </a>\r
  30             <li class="nested" [class.expand]="showMenu === 'definition'">\r
  31                 <ul class="submenu">\r
  32                     <li>\r
  33                         <a [routerLink]="['/test-definitions']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
  34                             <i class="fa fa-fw fa-list-ul"></i>&nbsp;{{ 'Collection' | translate }}\r
  35                         </a>\r
  36                     </li>\r
  37                     <li>\r
  38                         <a [routerLink]="['/modeler']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
  39                             <i class="fa bpmn-icon-bpmn-io"></i>&nbsp;{{ 'BPMN Modeler' | translate }}\r
  40                         </a>\r
  41                     </li>\r
  42                 </ul>\r
  43         </div> -->\r
  44         <a [routerLink]="['/test-instances']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
  45             <i class="fa fa-fw fa-clone"></i>&nbsp;{{ 'Test Instances' | translate }}\r
  46         </a>\r
  47         <!--<a [routerLink]="['/test-executions']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
  48             <i class="fa fa-fw fa-bolt"></i>&nbsp;{{ 'Test Executions' | translate }}\r
  49         </a>\r
  50         <a routerLink="/onboarding" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
  51             <i class="fa fa-fw fa-user"></i>&nbsp;{{ 'Onboarding' | translate }}\r
  52         </a>-->\r
  53         <!--<div class="nested-menu">\r
  54             <a class="list-group-item" (click)="addExpandClass('pages1')">\r
  55                 <span><i class="fa fa-fw fa-user"></i>&nbsp;{{ 'Onboarding' | translate }}</span>\r
  56             </a>\r
  57             <li class="nested" [class.expand]="showMenu === 'pages1'">\r
  58                 <ul class="submenu">\r
  59                     <li>\r
  60                         <a [routerLink]="['/onboarding/test-head']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
  61                             <i class="fa fa-fw fa-gears"></i>&nbsp;{{ 'Onboard Test Head' | translate }}\r
  62                         </a>\r
  63                     </li>\r
  64                     <li>\r
  65                         <a [routerLink]="['/onboarding/test-definition']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
  66                             <i class="fa fa-fw fa-object-group"></i>&nbsp;{{ 'Onboard Test Definition' | translate }}\r
  67                         </a>\r
  68                     </li>\r
  69                     <li>\r
  70                         <a [routerLink]="['/onboarding/test-instances']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
  71                             <i class="fa fa-fw fa-clone"></i>&nbsp;{{ 'Create Test Instance' | translate }}\r
  72                         </a>\r
  73                     </li>\r
  74                 </ul>\r
  75             </li>\r
  76         </div> -->\r
  77         <div class="nested-menu">\r
  78             <a class="list-group-item" (click)="addExpandClass('pages2')">\r
  79                 <span><i class="fa fa-folder"></i>&nbsp; {{ 'Resources' | translate }}</span>\r
  80             </a>\r
  81             <li class="nested" [class.expand]="showMenu === 'pages2'">\r
  82                 <ul class="submenu">\r
  83                     <li>\r
  84                         <a [routerLink]="['/test-heads']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
  85                             <i class="fa fa-fw fa-gears"></i>&nbsp;{{ 'Virtual Test Heads' | translate }}\r
  86                         </a>\r
  87                     </li>\r
  88                     <!--<li>\r
  89                         <a [routerLink]="['/test-definitions']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
  90                             <i class="fa fa-fw fa-object-group"></i>&nbsp;{{ 'Test Definitions' | translate }}\r
  91                         </a>\r
  92                     </li>\r
  93                     <li>\r
  94                         <a [routerLink]="['/test-instances']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
  95                             <i class="fa fa-fw fa-clone"></i>&nbsp;{{ 'Test Instances' | translate }}\r
  96                         </a>\r
  97                     </li>\r
  98                     <li>\r
  99                         <a [routerLink]="['/test-executions']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
 100                             <i class="fa fa-fw fa-bolt"></i>&nbsp;{{ 'Test Executions' | translate }}\r
 101                         </a>\r
 102                     </li>-->\r
 103                 </ul>\r
 104         </div>\r
 105         <!--<a routerLink="/scheduling" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
 106             <i class="fa fa-fw fa-calendar"></i>&nbsp;{{ 'Scheduling' | translate }}\r
 107         </a>-->\r
 108         <a [routerLink]="['/modeler']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
 109             <i class="fa bpmn-icon-bpmn-io"></i>&nbsp; Test Designer <small style="color: green">beta</small>\r
 110         </a>\r
 111         <a *ngIf="canManageGroup" [routerLink]="['/manage-group']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
 112             <i class="fa fa-fw fa-group"></i>&nbsp;{{ 'Manage Group' | translate }}\r
 113         </a>\r
 114         <a [routerLink]="['/feedback']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
 115             <i class="fa fa-fw fa-comment-o"></i>&nbsp;{{ 'Feedback' | translate }}\r
 116         </a>\r
 117      \r
 118 \r
 119         <div *ngIf="checkIsAdmin()" class="nested-menu">\r
 120             <a class="list-group-item" (click)="addExpandClass('admin')">\r
 121                 <span><i class="fa fa-fw fa-shield"></i>&nbsp; {{ 'Admin' | translate }}</span>\r
 122             </a>\r
 123             <li class="nested" [class.expand]="showMenu === 'admin'">\r
 124                 <ul class="submenu">\r
 125                     <li>\r
 126                         <a [routerLink]="['/user-management']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
 127                             <i class="fa fa-fw fa-user"></i>&nbsp;{{ 'User Management' | translate }}\r
 128                         </a>\r
 129                     </li>\r
 130                 </ul>\r
 131         </div>\r
 132         <!--<div class="nested-menu">\r
 133             <a class="list-group-item" (click)="addExpandClass('pages3')">\r
 134                 <span><i class="fa fa-fw fa-users"></i>&nbsp; {{ 'Manage Group' | translate }}</span>\r
 135             </a>\r
 136             <li class="nested" [class.expand]="showMenu === 'pages3'">\r
 137                 <ul class="submenu">\r
 138                     <li>\r
 139                         <a [routerLink]="['/manageGroupUsers']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
 140                             <i class="fa fa-fw fa-user"></i>&nbsp;{{ 'User Management' | translate }}\r
 141                         </a>\r
 142                     </li>\r
 143                     <li>\r
 144                         <a [routerLink]="['/manageGroup']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
 145                             <i class="fa fa-fw fa-object-group"></i>&nbsp;{{ 'Manage Group' | translate }}\r
 146                         </a>\r
 147                     </li>\r
 148                     \r
 149                 </ul>\r
 150         </div> -->\r
 151 \r
 152         <a style="position:absolute; bottom: 80px; width: 100%" class="list-group-item" (click)="setHealthStatus()">\r
 153             TCU Engine <small *ngIf="tcuengine" style="color:green">Running</small><small *ngIf="!tcuengine" style="color: red">Down</small>\r
 154         </a>\r
 155         <a style="position:absolute; bottom: 40px; width: 100%" class="list-group-item" (click)="setHealthStatus()">\r
 156             TCU API <small *ngIf="tcuapi" style="color:green">Running</small><small *ngIf="!tcuapi" style="color: red">Down</small>\r
 157         </a>\r
 158         <a style="position:absolute; bottom: 0px; width:100%" class="list-group-item"> {{version}} </a>\r
 159     </div>\r
 160 </nav>\r