added svcapi ui and camunda code

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

diff --git a/otf-frontend/client/src/app/layout/components/sidebar/sidebar.component.html b/otf-frontend/client/src/app/layout/components/sidebar/sidebar.component.html
new file mode 100644 (file)
index 0000000..8f38669
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/components/sidebar/sidebar.component.html
@@ -0,0 +1,160 @@
+<!-- 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="sidebar" [ngClass]="{sidebarPushRight: isActive}">\r
+    <div class="list-group">\r
+        <a routerLink="/dashboard" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+            <i class="fa fa-fw fa-dashboard"></i>&nbsp;{{ 'Dashboard' | translate }}\r
+        </a>\r
+\r
+        <a [routerLink]="['/test-definitions']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+            <i class="fa fa-fw fa-object-group"></i>&nbsp;{{ 'Test Definitions' | translate }}\r
+        </a> \r
+        <!--<div class="nested-menu">\r
+            <a class="list-group-item" (click)="addExpandClass('definition')">\r
+                <span><i class="fa fa-fw fa-object-group"></i>&nbsp; {{ 'Test Definitions' | translate }}</span>\r
+            </a>\r
+            <li class="nested" [class.expand]="showMenu === 'definition'">\r
+                <ul class="submenu">\r
+                    <li>\r
+                        <a [routerLink]="['/test-definitions']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+                            <i class="fa fa-fw fa-list-ul"></i>&nbsp;{{ 'Collection' | translate }}\r
+                        </a>\r
+                    </li>\r
+                    <li>\r
+                        <a [routerLink]="['/modeler']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+                            <i class="fa bpmn-icon-bpmn-io"></i>&nbsp;{{ 'BPMN Modeler' | translate }}\r
+                        </a>\r
+                    </li>\r
+                </ul>\r
+        </div> -->\r
+        <a [routerLink]="['/test-instances']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+            <i class="fa fa-fw fa-clone"></i>&nbsp;{{ 'Test Instances' | translate }}\r
+        </a>\r
+        <!--<a [routerLink]="['/test-executions']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+            <i class="fa fa-fw fa-bolt"></i>&nbsp;{{ 'Test Executions' | translate }}\r
+        </a>\r
+        <a routerLink="/onboarding" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+            <i class="fa fa-fw fa-user"></i>&nbsp;{{ 'Onboarding' | translate }}\r
+        </a>-->\r
+        <!--<div class="nested-menu">\r
+            <a class="list-group-item" (click)="addExpandClass('pages1')">\r
+                <span><i class="fa fa-fw fa-user"></i>&nbsp;{{ 'Onboarding' | translate }}</span>\r
+            </a>\r
+            <li class="nested" [class.expand]="showMenu === 'pages1'">\r
+                <ul class="submenu">\r
+                    <li>\r
+                        <a [routerLink]="['/onboarding/test-head']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+                            <i class="fa fa-fw fa-gears"></i>&nbsp;{{ 'Onboard Test Head' | translate }}\r
+                        </a>\r
+                    </li>\r
+                    <li>\r
+                        <a [routerLink]="['/onboarding/test-definition']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+                            <i class="fa fa-fw fa-object-group"></i>&nbsp;{{ 'Onboard Test Definition' | translate }}\r
+                        </a>\r
+                    </li>\r
+                    <li>\r
+                        <a [routerLink]="['/onboarding/test-instances']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+                            <i class="fa fa-fw fa-clone"></i>&nbsp;{{ 'Create Test Instance' | translate }}\r
+                        </a>\r
+                    </li>\r
+                </ul>\r
+            </li>\r
+        </div> -->\r
+        <div class="nested-menu">\r
+            <a class="list-group-item" (click)="addExpandClass('pages2')">\r
+                <span><i class="fa fa-folder"></i>&nbsp; {{ 'Resources' | translate }}</span>\r
+            </a>\r
+            <li class="nested" [class.expand]="showMenu === 'pages2'">\r
+                <ul class="submenu">\r
+                    <li>\r
+                        <a [routerLink]="['/test-heads']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+                            <i class="fa fa-fw fa-gears"></i>&nbsp;{{ 'Virtual Test Heads' | translate }}\r
+                        </a>\r
+                    </li>\r
+                    <!--<li>\r
+                        <a [routerLink]="['/test-definitions']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+                            <i class="fa fa-fw fa-object-group"></i>&nbsp;{{ 'Test Definitions' | translate }}\r
+                        </a>\r
+                    </li>\r
+                    <li>\r
+                        <a [routerLink]="['/test-instances']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+                            <i class="fa fa-fw fa-clone"></i>&nbsp;{{ 'Test Instances' | translate }}\r
+                        </a>\r
+                    </li>\r
+                    <li>\r
+                        <a [routerLink]="['/test-executions']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+                            <i class="fa fa-fw fa-bolt"></i>&nbsp;{{ 'Test Executions' | translate }}\r
+                        </a>\r
+                    </li>-->\r
+                </ul>\r
+        </div>\r
+        <!--<a routerLink="/scheduling" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+            <i class="fa fa-fw fa-calendar"></i>&nbsp;{{ 'Scheduling' | translate }}\r
+        </a>-->\r
+        <a [routerLink]="['/modeler']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+            <i class="fa bpmn-icon-bpmn-io"></i>&nbsp; Test Designer <small style="color: green">beta</small>\r
+        </a>\r
+        <a *ngIf="canManageGroup" [routerLink]="['/manage-group']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+            <i class="fa fa-fw fa-group"></i>&nbsp;{{ 'Manage Group' | translate }}\r
+        </a>\r
+        <a [routerLink]="['/feedback']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+            <i class="fa fa-fw fa-comment-o"></i>&nbsp;{{ 'Feedback' | translate }}\r
+        </a>\r
+     \r
+\r
+        <div *ngIf="checkIsAdmin()" class="nested-menu">\r
+            <a class="list-group-item" (click)="addExpandClass('admin')">\r
+                <span><i class="fa fa-fw fa-shield"></i>&nbsp; {{ 'Admin' | translate }}</span>\r
+            </a>\r
+            <li class="nested" [class.expand]="showMenu === 'admin'">\r
+                <ul class="submenu">\r
+                    <li>\r
+                        <a [routerLink]="['/user-management']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+                            <i class="fa fa-fw fa-user"></i>&nbsp;{{ 'User Management' | translate }}\r
+                        </a>\r
+                    </li>\r
+                </ul>\r
+        </div>\r
+        <!--<div class="nested-menu">\r
+            <a class="list-group-item" (click)="addExpandClass('pages3')">\r
+                <span><i class="fa fa-fw fa-users"></i>&nbsp; {{ 'Manage Group' | translate }}</span>\r
+            </a>\r
+            <li class="nested" [class.expand]="showMenu === 'pages3'">\r
+                <ul class="submenu">\r
+                    <li>\r
+                        <a [routerLink]="['/manageGroupUsers']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+                            <i class="fa fa-fw fa-user"></i>&nbsp;{{ 'User Management' | translate }}\r
+                        </a>\r
+                    </li>\r
+                    <li>\r
+                        <a [routerLink]="['/manageGroup']" [routerLinkActive]="['router-link-active']" class="list-group-item">\r
+                            <i class="fa fa-fw fa-object-group"></i>&nbsp;{{ 'Manage Group' | translate }}\r
+                        </a>\r
+                    </li>\r
+                    \r
+                </ul>\r
+        </div> -->\r
+\r
+        <a style="position:absolute; bottom: 80px; width: 100%" class="list-group-item" (click)="setHealthStatus()">\r
+            TCU Engine <small *ngIf="tcuengine" style="color:green">Running</small><small *ngIf="!tcuengine" style="color: red">Down</small>\r
+        </a>\r
+        <a style="position:absolute; bottom: 40px; width: 100%" class="list-group-item" (click)="setHealthStatus()">\r
+            TCU API <small *ngIf="tcuapi" style="color:green">Running</small><small *ngIf="!tcuapi" style="color: red">Down</small>\r
+        </a>\r
+        <a style="position:absolute; bottom: 0px; width:100%" class="list-group-item"> {{version}} </a>\r
+    </div>\r
+</nav>\r