31 lines
1.8 KiB
HTML
31 lines
1.8 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()">
|
|
<mat-datepicker-toggle matSuffix [for]="periodStartPicker"></mat-datepicker-toggle>
|
|
<mat-datepicker #periodStartPicker></mat-datepicker>
|
|
</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()">
|
|
<mat-datepicker-toggle matSuffix [for]="periodEndPicker"></mat-datepicker-toggle>
|
|
<mat-datepicker #periodEndPicker></mat-datepicker>
|
|
</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]="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>
|