54 lines
2.3 KiB
HTML
54 lines
2.3 KiB
HTML
<form class="form-criteria" [formGroup]="formGroup">
|
|
<mat-card class="mat-card">
|
|
<div class="row">
|
|
<div class="col-sm-6 col-md-2">
|
|
<mat-form-field>
|
|
<input matInput
|
|
(focus)="periodFromPicker.open()"
|
|
(click)="periodFromPicker.open()"
|
|
placeholder=" {{'CRITERIA.FORMS.PERIOD-FROM'| translate}}"
|
|
[matDatepicker]="periodFromPicker"
|
|
formControlName="periodFrom"
|
|
[ngModel]="this.criteria.PeriodFrom" (ngModelChange)="controlModified()">
|
|
<mat-error *ngIf="getFormControl('periodFrom').errors?.backendError">{{baseErrorModel['Criteria.PeriodFrom']}}</mat-error>
|
|
<mat-datepicker-toggle matSuffix [for]="periodFromPicker"></mat-datepicker-toggle>
|
|
<mat-datepicker #periodFromPicker></mat-datepicker>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="col-sm-6 col-md-2">
|
|
<mat-form-field>
|
|
<input matInput
|
|
(focus)="periodToPicker.open()"
|
|
(click)="periodToPicker.open()"
|
|
placeholder=" {{'CRITERIA.FORMS.PERIOD-TO'| translate}}"
|
|
[matDatepicker]="periodToPicker"
|
|
formControlName="periodTo"
|
|
[ngModel]="this.criteria.PeriodTo" (ngModelChange)="controlModified()">
|
|
<mat-error *ngIf="getFormControl('periodTo').errors?.backendError">{{baseErrorModel['Criteria.PeriodTo']}}</mat-error>
|
|
<mat-datepicker-toggle matSuffix [for]="periodToPicker"></mat-datepicker-toggle>
|
|
<mat-datepicker #periodToPicker></mat-datepicker>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="col-sm-6 col-md-5">
|
|
<mat-form-field>
|
|
<mat-select placeholder="{{'CRITERIA.FORMS.TYPE' | translate}}"
|
|
formControlName="type"
|
|
(change)="controlModified()">
|
|
<mat-option>{{'TYPES.FORM-TYPE.ANY' | translate}}</mat-option>
|
|
<mat-option *ngFor="let type of getFormTypeValues()" [value]="type">{{getFormTypeWithLanguage(type)}}</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="col-sm-6 col-md-3">
|
|
<mat-form-field>
|
|
<mat-select placeholder="{{'CRITERIA.FORMS.STATUS' | translate}}"
|
|
formControlName="status"
|
|
(change)="controlModified()"
|
|
multiple>
|
|
<mat-option *ngFor="let status of getFormStatusValues()" [value]="status">{{getFormStatusWithLanguage(status)}}</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
</mat-card>
|
|
</form> |