//-  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]).mb-3
  
  .row
    .col
      app-page-header.pull-left([heading]="'Test Instances'", [icon]="'fa-edit'")
      button.mr-2.pull-right(mat-raised-button, color="primary", (click)="createTestInstance()") New



  .row
    .col.mt-2
      //- Delete
      button.mr-2.pull-right(color="primary", matTooltip="Delete Test Instance", mat-icon-button, (click)="deleteMultipleTestInstance()", [disabled]="(!hasSelectedRows)") 
        mat-icon delete_forever
      //- Clone
      button.mr-2.pull-right(color="primary", matTooltip="Clone Test Instance", mat-icon-button, (click)="cloneTestInstance()", [disabled]="(!selectedSingleRow)") 
        mat-icon insert_drive_file
      //- Edit
      button.mr-2.pull-right(color="primary", matTooltip="Edit Test Instance", mat-icon-button, (click)="editTestInstance()", [disabled]="(!selectedSingleRow)")
        mat-icon edit
      //- Execute
      button.mr-2.pull-right(color="primary", matTooltip="Execute Test Instance", mat-icon-button, (click)="executeMultipleTestInstance()", *ngIf="(selectedUnlockedRows)")
        mat-icon play_circle_outline
      //- Schedule
      button.mr-2.pull-right(color="primary", matTooltip="Schedule Test Instance", mat-icon-button, (click)="schedule()", *ngIf="(selectedUnlockedRows && selectedSingleRow)")
        mat-icon date_range


  .row
    .col-md
      ag-grid-angular.ag-theme-material(
        style="width:100%; height: 600px",
        [rowData]="rowData",
        [columnDefs]="columnDefs",
        rowSelection="multiple",
        [rowMultiSelectWithClick]="true",
        (rowSelected)="onRowSelected($event)",
        (gridReady)="onGridReady($event)", 
        [singleClickEdit]="true",
        [gridOptions]="gridOptions",
        (rowDataChanged)="selectActiveInstance($event)"
        )

    .col-md-3(*ngIf="selectedSingleRow")
      h1 Executions
      div(*ngFor = "let ti of rowData")
        app-test-instance-expanded-details(*ngIf="ti._id == selectedRows[0]._id", [testInstanceId]="selectedRows[0]._id")