8f38669cdd38799f3eed6e22619335212a981cd5
[it/otf.git] / 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