otf-frontend/client/src/app/layout/components/stats/filter-modal/filter-modal.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(style="position: relative;", ng-model)\r
  18 \r
  19   .row()\r
  20 \r
  21     h4(mat-dialog-title, style="padding-left: 15px;") Statistics Filters\r
  22 \r
  23     button(mat-icon-button, (click)="close()", style="position: absolute; right: 0px;")\r
  24       mat-icon close\r
  25 \r
  26   div(mat-dialog-content)\r
  27 \r
  28     //- mat-expansion-panel(style="margin-top: 5px;")\r
  29     //-   mat-expansion-panel-header \r
  30     //-     mat-panel-title(style="font-weight: bold") Overall\r
  31     //-     //- mat-panel-description Filters for all charts. \r
  32     //-   .row\r
  33     //-     .col-3\r
  34     //-       mat-form-field\r
  35     //-         input(matInput, [matDatepicker]="allStartPicker", [(ngModel)]="allFilters.startDate", [min]="minDate", [max]="maxDate", placeholder="Start Date")\r
  36     //-         mat-datepicker-toggle(matSuffix [for]="allStartPicker")\r
  37     //-         mat-datepicker(#allStartPicker)\r
  38 \r
  39     //-       mat-form-field\r
  40     //-         input(matInput, [matDatepicker]="allEndPicker", [(ngModel)]="allFilters.endDate", [min]="minDate", [max]="maxDate", placeholder="End Date")\r
  41     //-         mat-datepicker-toggle(matSuffix [for]="allEndPicker")\r
  42     //-         mat-datepicker(#allEndPicker)\r
  43 \r
  44     mat-expansion-panel\r
  45       mat-expansion-panel-header \r
  46         mat-panel-title(style="font-weight: bold") Test Definitions\r
  47         //- mat-panel-description Filters for test definition charts.\r
  48       .row\r
  49         .col-6\r
  50 \r
  51           .row\r
  52             mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
  53               mat-label Test Definitions\r
  54               mat-select( [(value)]="tdFilters.selected", multiple)\r
  55                 mat-option(*ngFor="let testDefinition of testDefinitions", [value]="testDefinition") {{testDefinition.viewValue}}\r
  56 \r
  57         .col-6\r
  58           .row\r
  59             mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
  60               input(matInput, [matDatepicker]="TDStartPicker", [(ngModel)]="tdFilters.startDate", [min]="minDate", [max]="maxDate", placeholder="Start Date")\r
  61               mat-datepicker-toggle(matSuffix [for]="TDStartPicker")\r
  62               mat-datepicker(#TDStartPicker)\r
  63           .row\r
  64             mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
  65               input(matInput, [matDatepicker]="TDEndPicker", [(ngModel)]="tdFilters.endDate", [min]="minDate", [max]="maxDate", placeholder="End Date")\r
  66               mat-datepicker-toggle(matSuffix [for]="TDEndPicker")\r
  67               mat-datepicker(#TDEndPicker) \r
  68 \r
  69     mat-expansion-panel\r
  70       mat-expansion-panel-header \r
  71         mat-panel-title(style="font-weight: bold") Test Instances\r
  72         //- mat-panel-description Filters for test instance charts.\r
  73       .row\r
  74 \r
  75         .col-6\r
  76           .row\r
  77             mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
  78               mat-label Test Definitions\r
  79               mat-select([(value)]="tiFilters.selectedTDs", multiple)\r
  80                 mat-option(*ngFor="let testDefinition of testDefinitions", [value]="testDefinition.id") {{testDefinition.viewValue}}\r
  81           .row\r
  82             mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
  83               mat-label Test Instances\r
  84               mat-select([(value)]="tiFilters.selectedTIs", multiple)\r
  85                 mat-option(*ngFor="let testInstance of testInstances", [value]="testInstance.id") {{testInstance.viewValue}}\r
  86 \r
  87         .col-6\r
  88           .row\r
  89             mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
  90               input(matInput, [matDatepicker]="TIStartPicker", [(ngModel)]="tiFilters.startDate", [min]="minDate", [max]="maxDate", placeholder="Start Date")\r
  91               mat-datepicker-toggle(matSuffix [for]="TIStartPicker")\r
  92               mat-datepicker(#TIStartPicker)\r
  93           .row\r
  94             mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
  95               input(matInput, [matDatepicker]="TIEndPicker", [(ngModel)]="tiFilters.endDate", [min]="minDate", [max]="maxDate", placeholder="End Date")\r
  96               mat-datepicker-toggle(matSuffix [for]="TIEndPicker")\r
  97               mat-datepicker(#TIEndPicker) \r
  98 \r
  99     mat-expansion-panel(style="margin-bottom: 5px;")\r
 100       mat-expansion-panel-header \r
 101         mat-panel-title(style="font-weight: bold") Scheduled Tests\r
 102         //- mat-panel-description Filters for test schedule table.\r
 103 \r
 104       .row   \r
 105 \r
 106         .col-6\r
 107           .row\r
 108             mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
 109               mat-label Test Instances\r
 110               mat-select([(value)]="scheduleFilters.selectedInstances", multiple)\r
 111                 mat-option(*ngFor="let instance of testInstances", [value]="instance.id") {{instance.viewValue}}\r
 112 \r
 113         .col-6\r
 114           .row\r
 115             mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
 116               input(matInput, [matDatepicker]="scheduleStartPicker", [(ngModel)]="scheduleFilters.startDate", placeholder="Start Date")\r
 117               mat-datepicker-toggle(matSuffix [for]="scheduleStartPicker")\r
 118               mat-datepicker(#scheduleStartPicker)\r
 119           .row\r
 120             mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
 121               input(matInput, [matDatepicker]="scheduleEndPicker", [(ngModel)]="scheduleFilters.endDate", placeholder="End Date")\r
 122               mat-datepicker-toggle(matSuffix [for]="scheduleEndPicker")\r
 123             mat-datepicker(#scheduleEndPicker)\r
 124 \r
 125         //- .col-3\r
 126         //-   .row\r
 127         //-     mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
 128         //-       input(matInput, [matDatepicker]="scheduleStartTimePicker", [(ngModel)]="scheduleFilters.timeRangeStart", [min]="minDate", [max]="maxDate", placeholder="Time Range Start")\r
 129         //-       mat-datepicker-toggle(matSuffix [for]="scheduleStartTimePicker")\r
 130         //-       mat-datepicker(#scheduleStartTimePicker)\r
 131         //-   .row\r
 132         //-     mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
 133         //-       input(matInput, [matDatepicker]="scheduleEndTimePicker", [(ngModel)]="scheduleFilters.timeRangeEnd", [min]="minDate", [max]="maxDate", placeholder="Time Range End")\r
 134         //-       mat-datepicker-toggle(matSuffix [for]="scheduleEndTimePicker")\r
 135         //-     mat-datepicker(#scheduleEndTimePicker)\r
 136 \r
 137     .row(style="padding: 10px;")\r
 138       //- button(mat-raised-button, style="margin-left: auto; margin-right: 5px;") Clear All\r
 139       button(mat-raised-button, color="primary", style="margin-right: auto; margin-left: auto;", (click)="onConfirm()") Set