added svcapi ui and camunda code

[it/otf.git] / otf-frontend / client / src / app / layout / test-executions-catalog / test-executions-catalog.component.pug

diff --git a/otf-frontend/client/src/app/layout/test-executions-catalog/test-executions-catalog.component.pug b/otf-frontend/client/src/app/layout/test-executions-catalog/test-executions-catalog.component.pug
new file mode 100644 (file)
index 0000000..21663f3
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/test-executions-catalog/test-executions-catalog.component.pug
@@ -0,0 +1,61 @@
+//-  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
+div([@routerTransition])\r
+  app-page-header([heading]="'Test Executions'", [icon]="'fa-edit'")\r
+\r
+  .card-mb-12\r
+    .pull-left\r
+      mat-form-field\r
+        input(matInput, name="filter", (keyup)="applyFilter($event.target.value)", placeholder="Filter")\r
+    //.pull-right\r
+      button(mat-raised-button, color="primary", (click)="createTestInstance()") New\r
+\r
+    div(style="width: 100%", [hidden]="!loading")\r
+      mat-spinner(style="margin: auto", color="primary")\r
+\r
+    table.mat-elevation-z8(mat-table, [dataSource]="dataSource", style="width: 100%", [hidden]="loading")\r
+\r
+      ng-container(matColumnDef="testInstanceName")\r
+        th(mat-header-cell, *matHeaderCellDef) Test Instance\r
+        td(mat-cell, *matCellDef="let element") {{ (element.historicTestInstance) ? element.historicTestInstance.testInstanceName : 'Does Not Exist' }}\r
+\r
+      ng-container(matColumnDef="testInstanceDescription")\r
+        th(mat-header-cell, *matHeaderCellDef) Description\r
+        td(mat-cell, *matCellDef="let element") {{ (element.testInstanceId) ? element.testInstanceId.testInstanceDescription : ''}}\r
+\r
+      ng-container(matColumnDef="result")\r
+        th(mat-header-cell, *matHeaderCellDef) Result\r
+        td(mat-cell, *matCellDef="let element") {{ element.testResult}}\r
+\r
+      ng-container(matColumnDef="totalTime")\r
+        th(mat-header-cell, *matHeaderCellDef) Total Time\r
+        td(mat-cell, *matCellDef="let element") {{ element.totalTime + ' secs' }} \r
+\r
+      ng-container(matColumnDef="options")\r
+        th(mat-header-cell, *matHeaderCellDef) Options\r
+        td(mat-cell, *matCellDef="let element")\r
+          button.mr-3(mat-mini-fab, matTooltip="Execution Logs", color="primary", [routerLink]="['/control-panel']", [queryParams]="{id: element._id}")\r
+            i.fa.fa-bar-chart\r
+          button.text-white(mat-mini-fab, matTooltip="Delete", color='warn', (click)='deleteTestInstance(element)')\r
+            i.fa.fa-remove\r
+          \r
+\r
+      tr(mat-header-row, *matHeaderRowDef="displayedColumns")\r
+      tr(mat-row, *matRowDef="let row; columns: displayedColumns")\r
+\r
+    mat-paginator([length]="resultsLength", [pageSizeOptions]="[10, 25, 100]", [hidden]="loading")\r
+\r