X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?p=it%2Fotf.git;a=blobdiff_plain;f=otf-frontend%2Fclient%2Fsrc%2Fapp%2Flayout%2Ftest-executions-catalog%2Ftest-executions-catalog.component.pug;fp=otf-frontend%2Fclient%2Fsrc%2Fapp%2Flayout%2Ftest-executions-catalog%2Ftest-executions-catalog.component.pug;h=21663f3280c4d96e2abd927fea51d477e9ee257f;hp=0000000000000000000000000000000000000000;hb=14f6f95c84a4a1fa8774190db4a03fd0214ec55f;hpb=f49bd1efeaaddd4891c1f329b18d8cfb28b3e75b

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
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.                             #
+//-                                                                             #
+//-  Licensed under the Apache License, Version 2.0 (the "License");            #
+//-  you may not use this file except in compliance with the License.           #
+//-  You may obtain a copy of the License at                                    #
+//-                                                                             #
+//-      http://www.apache.org/licenses/LICENSE-2.0                             #
+//-                                                                             #
+//-  Unless required by applicable law or agreed to in writing, software        #
+//-  distributed under the License is distributed on an "AS IS" BASIS,          #
+//-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #
+//-  See the License for the specific language governing permissions and        #
+//-  limitations under the License.                                             #
+//- #############################################################################
+
+
+div([@routerTransition])
+  app-page-header([heading]="'Test Executions'", [icon]="'fa-edit'")
+
+  .card-mb-12
+    .pull-left
+      mat-form-field
+        input(matInput, name="filter", (keyup)="applyFilter($event.target.value)", placeholder="Filter")
+    //.pull-right
+      button(mat-raised-button, color="primary", (click)="createTestInstance()") New
+
+    div(style="width: 100%", [hidden]="!loading")
+      mat-spinner(style="margin: auto", color="primary")
+
+    table.mat-elevation-z8(mat-table, [dataSource]="dataSource", style="width: 100%", [hidden]="loading")
+
+      ng-container(matColumnDef="testInstanceName")
+        th(mat-header-cell, *matHeaderCellDef) Test Instance
+        td(mat-cell, *matCellDef="let element") {{ (element.historicTestInstance) ? element.historicTestInstance.testInstanceName : 'Does Not Exist' }}
+
+      ng-container(matColumnDef="testInstanceDescription")
+        th(mat-header-cell, *matHeaderCellDef) Description
+        td(mat-cell, *matCellDef="let element") {{ (element.testInstanceId) ? element.testInstanceId.testInstanceDescription : ''}}
+
+      ng-container(matColumnDef="result")
+        th(mat-header-cell, *matHeaderCellDef) Result
+        td(mat-cell, *matCellDef="let element") {{ element.testResult}}
+
+      ng-container(matColumnDef="totalTime")
+        th(mat-header-cell, *matHeaderCellDef) Total Time
+        td(mat-cell, *matCellDef="let element") {{ element.totalTime + ' secs' }} 
+
+      ng-container(matColumnDef="options")
+        th(mat-header-cell, *matHeaderCellDef) Options
+        td(mat-cell, *matCellDef="let element")
+          button.mr-3(mat-mini-fab, matTooltip="Execution Logs", color="primary", [routerLink]="['/control-panel']", [queryParams]="{id: element._id}")
+            i.fa.fa-bar-chart
+          button.text-white(mat-mini-fab, matTooltip="Delete", color='warn', (click)='deleteTestInstance(element)')
+            i.fa.fa-remove
+          
+
+      tr(mat-header-row, *matHeaderRowDef="displayedColumns")
+      tr(mat-row, *matRowDef="let row; columns: displayedColumns")
+
+    mat-paginator([length]="resultsLength", [pageSizeOptions]="[10, 25, 100]", [hidden]="loading")
+