43 lines
2.2 KiB
HTML
43 lines
2.2 KiB
HTML
<mat-card class="mat-card">
|
|
<div class="row">
|
|
<!-- <h4 class="col-md-12">{{'CRITERIA.FILTERS'| translate}}</h4> -->
|
|
<mat-form-field class="col-md-3">
|
|
<input matInput placeholder=" {{'CRITERIA.PROJECTS.LIKE'| translate}}" name="projectCriteriaLike" [(ngModel)]="criteria.like"
|
|
(ngModelChange)="controlModified()">
|
|
</mat-form-field>
|
|
<mat-form-field class="col-md-3">
|
|
<input matInput (focus)="periodStartPicker.open()" (click)="periodStartPicker.open()" placeholder=" {{this.languageResolver.getBy('criteriaStart')| translate}}"
|
|
[matDatepicker]="periodStartPicker" name="projectCriteriaPeriodStart" [(ngModel)]="criteria.periodStart"
|
|
(ngModelChange)="controlModified()" [errorStateMatcher]="this">
|
|
<mat-datepicker-toggle matSuffix [for]="periodStartPicker"></mat-datepicker-toggle>
|
|
<mat-datepicker #periodStartPicker></mat-datepicker>
|
|
<mat-error>{{'GENERAL.VALIDATION.PROJECT-START-AFTER-END' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field class="col-md-3">
|
|
<input matInput (focus)="periodEndPicker.open()" (click)="periodEndPicker.open()" name="projectCriteriaPeriodEnd"
|
|
placeholder=" {{this.languageResolver.getBy('criteriaEnd')| translate}}" [matDatepicker]="periodEndPicker"
|
|
[(ngModel)]="criteria.periodEnd" (ngModelChange)="controlModified()" [errorStateMatcher]="this">
|
|
<mat-datepicker-toggle matSuffix [for]="periodEndPicker"></mat-datepicker-toggle>
|
|
<mat-datepicker #periodEndPicker></mat-datepicker>
|
|
<mat-error>{{'GENERAL.VALIDATION.PROJECT-START-AFTER-END' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
|
|
|
|
<mat-form-field class="col-md-3">
|
|
<mat-select placeholder=" {{ 'CRITERIA.PROJECTS.PROJECT-STATE-TYPE' | translate}}" [(ngModel)]="criteria.projectStateType"
|
|
(ngModelChange)="controlModified()">
|
|
<mat-option [value]="null">
|
|
{{ 'CRITERIA.PROJECTS.TYPES.NONE' | translate}}
|
|
</mat-option>
|
|
<mat-option [value]="ProjectStateType.OnGoing">
|
|
{{ 'CRITERIA.PROJECTS.TYPES.ON-GOING' | translate}}
|
|
</mat-option>
|
|
<mat-option [value]="ProjectStateType.Finished">
|
|
{{ 'CRITERIA.PROJECTS.TYPES.FINISHED' | translate}}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div>
|
|
</mat-card>
|