--- /dev/null
+//- 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