Code Review / it / otf.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | review | tree
raw | inline | side by side
added svcapi ui and camunda code
[it/otf.git] / otf-frontend / client / src / app / layout / components / stats / filter-modal / filter-modal.component.pug
diff --git a/otf-frontend/client/src/app/layout/components/stats/filter-modal/filter-modal.component.pug b/otf-frontend/client/src/app/layout/components/stats/filter-modal/filter-modal.component.pug
new file mode 100644 (file)
index 0000000..d895b76
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/components/stats/filter-modal/filter-modal.component.pug
@@ -0,0 +1,139 @@
+//-  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
+//-                                                                             #\r
+//-  Licensed under the Apache License, Version 2.0 (the "License");            #\r
+//-  you may not use this file except in compliance with the License.           #\r
+//-  You may obtain a copy of the License at                                    #\r
+//-                                                                             #\r
+//-      http://www.apache.org/licenses/LICENSE-2.0                             #\r
+//-                                                                             #\r
+//-  Unless required by applicable law or agreed to in writing, software        #\r
+//-  distributed under the License is distributed on an "AS IS" BASIS,          #\r
+//-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
+//-  See the License for the specific language governing permissions and        #\r
+//-  limitations under the License.                                             #\r
+//- #############################################################################\r
+\r
+\r
+div(style="position: relative;", ng-model)\r
+\r
+  .row()\r
+\r
+    h4(mat-dialog-title, style="padding-left: 15px;") Statistics Filters\r
+\r
+    button(mat-icon-button, (click)="close()", style="position: absolute; right: 0px;")\r
+      mat-icon close\r
+\r
+  div(mat-dialog-content)\r
+\r
+    //- mat-expansion-panel(style="margin-top: 5px;")\r
+    //-   mat-expansion-panel-header \r
+    //-     mat-panel-title(style="font-weight: bold") Overall\r
+    //-     //- mat-panel-description Filters for all charts. \r
+    //-   .row\r
+    //-     .col-3\r
+    //-       mat-form-field\r
+    //-         input(matInput, [matDatepicker]="allStartPicker", [(ngModel)]="allFilters.startDate", [min]="minDate", [max]="maxDate", placeholder="Start Date")\r
+    //-         mat-datepicker-toggle(matSuffix [for]="allStartPicker")\r
+    //-         mat-datepicker(#allStartPicker)\r
+\r
+    //-       mat-form-field\r
+    //-         input(matInput, [matDatepicker]="allEndPicker", [(ngModel)]="allFilters.endDate", [min]="minDate", [max]="maxDate", placeholder="End Date")\r
+    //-         mat-datepicker-toggle(matSuffix [for]="allEndPicker")\r
+    //-         mat-datepicker(#allEndPicker)\r
+\r
+    mat-expansion-panel\r
+      mat-expansion-panel-header \r
+        mat-panel-title(style="font-weight: bold") Test Definitions\r
+        //- mat-panel-description Filters for test definition charts.\r
+      .row\r
+        .col-6\r
+\r
+          .row\r
+            mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
+              mat-label Test Definitions\r
+              mat-select( [(value)]="tdFilters.selected", multiple)\r
+                mat-option(*ngFor="let testDefinition of testDefinitions", [value]="testDefinition") {{testDefinition.viewValue}}\r
+\r
+        .col-6\r
+          .row\r
+            mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
+              input(matInput, [matDatepicker]="TDStartPicker", [(ngModel)]="tdFilters.startDate", [min]="minDate", [max]="maxDate", placeholder="Start Date")\r
+              mat-datepicker-toggle(matSuffix [for]="TDStartPicker")\r
+              mat-datepicker(#TDStartPicker)\r
+          .row\r
+            mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
+              input(matInput, [matDatepicker]="TDEndPicker", [(ngModel)]="tdFilters.endDate", [min]="minDate", [max]="maxDate", placeholder="End Date")\r
+              mat-datepicker-toggle(matSuffix [for]="TDEndPicker")\r
+              mat-datepicker(#TDEndPicker) \r
+\r
+    mat-expansion-panel\r
+      mat-expansion-panel-header \r
+        mat-panel-title(style="font-weight: bold") Test Instances\r
+        //- mat-panel-description Filters for test instance charts.\r
+      .row\r
+\r
+        .col-6\r
+          .row\r
+            mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
+              mat-label Test Definitions\r
+              mat-select([(value)]="tiFilters.selectedTDs", multiple)\r
+                mat-option(*ngFor="let testDefinition of testDefinitions", [value]="testDefinition.id") {{testDefinition.viewValue}}\r
+          .row\r
+            mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
+              mat-label Test Instances\r
+              mat-select([(value)]="tiFilters.selectedTIs", multiple)\r
+                mat-option(*ngFor="let testInstance of testInstances", [value]="testInstance.id") {{testInstance.viewValue}}\r
+\r
+        .col-6\r
+          .row\r
+            mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
+              input(matInput, [matDatepicker]="TIStartPicker", [(ngModel)]="tiFilters.startDate", [min]="minDate", [max]="maxDate", placeholder="Start Date")\r
+              mat-datepicker-toggle(matSuffix [for]="TIStartPicker")\r
+              mat-datepicker(#TIStartPicker)\r
+          .row\r
+            mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
+              input(matInput, [matDatepicker]="TIEndPicker", [(ngModel)]="tiFilters.endDate", [min]="minDate", [max]="maxDate", placeholder="End Date")\r
+              mat-datepicker-toggle(matSuffix [for]="TIEndPicker")\r
+              mat-datepicker(#TIEndPicker) \r
+\r
+    mat-expansion-panel(style="margin-bottom: 5px;")\r
+      mat-expansion-panel-header \r
+        mat-panel-title(style="font-weight: bold") Scheduled Tests\r
+        //- mat-panel-description Filters for test schedule table.\r
+\r
+      .row   \r
+\r
+        .col-6\r
+          .row\r
+            mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
+              mat-label Test Instances\r
+              mat-select([(value)]="scheduleFilters.selectedInstances", multiple)\r
+                mat-option(*ngFor="let instance of testInstances", [value]="instance.id") {{instance.viewValue}}\r
+\r
+        .col-6\r
+          .row\r
+            mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
+              input(matInput, [matDatepicker]="scheduleStartPicker", [(ngModel)]="scheduleFilters.startDate", placeholder="Start Date")\r
+              mat-datepicker-toggle(matSuffix [for]="scheduleStartPicker")\r
+              mat-datepicker(#scheduleStartPicker)\r
+          .row\r
+            mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
+              input(matInput, [matDatepicker]="scheduleEndPicker", [(ngModel)]="scheduleFilters.endDate", placeholder="End Date")\r
+              mat-datepicker-toggle(matSuffix [for]="scheduleEndPicker")\r
+            mat-datepicker(#scheduleEndPicker)\r
+\r
+        //- .col-3\r
+        //-   .row\r
+        //-     mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
+        //-       input(matInput, [matDatepicker]="scheduleStartTimePicker", [(ngModel)]="scheduleFilters.timeRangeStart", [min]="minDate", [max]="maxDate", placeholder="Time Range Start")\r
+        //-       mat-datepicker-toggle(matSuffix [for]="scheduleStartTimePicker")\r
+        //-       mat-datepicker(#scheduleStartTimePicker)\r
+        //-   .row\r
+        //-     mat-form-field(style="margin-left: auto; margin-right: auto; width: 90%")\r
+        //-       input(matInput, [matDatepicker]="scheduleEndTimePicker", [(ngModel)]="scheduleFilters.timeRangeEnd", [min]="minDate", [max]="maxDate", placeholder="Time Range End")\r
+        //-       mat-datepicker-toggle(matSuffix [for]="scheduleEndTimePicker")\r
+        //-     mat-datepicker(#scheduleEndTimePicker)\r
+\r
+    .row(style="padding: 10px;")\r
+      //- button(mat-raised-button, style="margin-left: auto; margin-right: 5px;") Clear All\r
+      button(mat-raised-button, color="primary", style="margin-right: auto; margin-left: auto;", (click)="onConfirm()") Set
\ No newline at end of file