1 //- Copyright (c) 2019 AT&T Intellectual Property. #
\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
7 //- http://www.apache.org/licenses/LICENSE-2.0 #
\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
17 div(style="position: relative;", ng-model)
\r
21 h4(mat-dialog-title, style="padding-left: 15px;") Statistics Filters
\r
23 button(mat-icon-button, (click)="close()", style="position: absolute; right: 0px;")
\r
26 div(mat-dialog-content)
\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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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