38 lines
2.0 KiB
HTML
38 lines
2.0 KiB
HTML
<div class="project-criteria">
|
|
<mat-card class="mat-card">
|
|
<mat-card-header>
|
|
<mat-card-title>
|
|
<h4>{{'CRITERIA.FILTERS'| translate}}</h4>
|
|
</mat-card-title>
|
|
</mat-card-header>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<mat-form-field>
|
|
<input matInput placeholder=" {{'CRITERIA.PROJECTS.LIKE'| translate}}" name="projectCriteriaLike" [(ngModel)]="criteria.like"
|
|
(ngModelChange)="controlModified()">
|
|
<mat-error *ngIf="baseErrorModel?.like">{{baseErrorModel['criteria.like']}}</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<mat-form-field>
|
|
<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-error *ngIf="baseErrorModel['criteria.periodStart']">{{baseErrorModel['criteria.periodStart']}}</mat-error>
|
|
|
|
</div>
|
|
<div class="col-md-4">
|
|
<mat-form-field>
|
|
<input matInput (focus)="periodEndPicker.open()" (click)="periodEndPicker.open()" name="projectCriteriaPeriodEnd" placeholder=" {{this.languageResolver.getBy('criteriaEnd')| translate}}"
|
|
[matDatepicker]="periodEndPicker" [(ngModel)]="criteria.periodEnd" (ngModelChange)="controlModified()">
|
|
<mat-error *ngIf="baseErrorModel['criteria.periodEnd']">{{baseErrorModel['criteria.periodEnd']}}</mat-error>
|
|
<mat-datepicker-toggle matSuffix [for]="periodEndPicker"></mat-datepicker-toggle>
|
|
<mat-datepicker #periodEndPicker></mat-datepicker>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
</mat-card>
|
|
</div>
|