otf-frontend/client/src/app/layout/scheduling/scheduling.component.pug

   1 //-  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
   2 //-                                                                             #\r
   3 //-  Licensed under the Apache License, Version 2.0 (the "License");            #\r
   4 //-  you may not use this file except in compliance with the License.           #\r
   5 //-  You may obtain a copy of the License at                                    #\r
   6 //-                                                                             #\r
   7 //-      http://www.apache.org/licenses/LICENSE-2.0                             #\r
   8 //-                                                                             #\r
   9 //-  Unless required by applicable law or agreed to in writing, software        #\r
  10 //-  distributed under the License is distributed on an "AS IS" BASIS,          #\r
  11 //-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
  12 //-  See the License for the specific language governing permissions and        #\r
  13 //-  limitations under the License.                                             #\r
  14 //- #############################################################################\r
  15 \r
  16 \r
  17 div([@routerTransition])\r
  18   app-page-header([heading]="'Scheduling'", [icon]="'fa-edit'")\r
  19   .card-mb-12\r
  20     .card-body\r
  21       .row\r
  22         div.col-6\r
  23           input.form-control.bg-light.mb-1( type="text", placeholder="Search...")\r
  24         div.col-6\r
  25           button.pull-right.mb-1(mat-raised-button, color="primary", (click)='createSchedule()') Schedule a Test\r
  26 \r
  27       table.mat-elevation-z8.text-center(mat-table, [dataSource]="dataSource", style="width: 100%")\r
  28 \r
  29         ng-container(matColumnDef="name")\r
  30           th(mat-header-cell, *matHeaderCellDef) Instance Name\r
  31           td(mat-cell, *matCellDef="let element") {{ element.testInstanceName}}\r
  32 \r
  33         ng-container(matColumnDef="description")\r
  34           th(mat-header-cell, *matHeaderCellDef)  Date Last Run\r
  35           td(mat-cell, *matCellDef="let element") {{ element.lastRunAt }}\r
  36 \r
  37         ng-container(matColumnDef="testDefinition")\r
  38           th(mat-header-cell, *matHeaderCellDef) Date Next Run\r
  39           td(mat-cell, *matCellDef="let element") {{ element.nextRunAt }}\r
  40 \r
  41         ng-container(matColumnDef="options")\r
  42           th(mat-header-cell, *matHeaderCellDef) Options\r
  43           td(mat-cell, *matCellDef="let element")\r
  44             button.mr-3(mat-mini-fab, aria-label='View', color="primary", (click)='viewSchedule(element)')\r
  45               i.fa.fa-eye\r
  46             button.text-white(mat-mini-fab, aria-label='Remove', color='warn', (click)='deleteSchedule(element)')\r
  47               i.fa.fa-remove\r
  48 \r
  49         tr(mat-header-row, *matHeaderRowDef="displayedColumns")\r
  50         tr(mat-row, *matRowDef="let row; columns: displayedColumns")\r
  51 \r
  52     mat-paginator([length]="resultsLength", [pageSizeOptions]="[10, 25, 100]")