//-  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")