128 lines
5.9 KiB
HTML
128 lines
5.9 KiB
HTML
<div class="filters">
|
|
<h6 class="filters-title">{{'CRITERIA.FILTERS'| translate}}</h6>
|
|
<div class="row" style="justify-content: center;">
|
|
|
|
<mat-form-field class="col-11 search">
|
|
<input matInput placeholder="{{'CRITERIA.PROJECTS.LIKE'| translate}}" name="dmpCriteriaName"
|
|
[(ngModel)]="facetCriteria.like" (ngModelChange)="controlModified()">
|
|
<mat-icon matSuffix class="style-icon">search</mat-icon>
|
|
<app-multiple-auto-complete [(ngModel)]="facetCriteria.tags" (ngModelChange)="controlModified()"
|
|
placeholder="{{'CRITERIA.DATA-SETS.TAGS' | translate}}" [configuration]="tagsAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</mat-form-field>
|
|
|
|
<div class="col-10 gray-container">
|
|
<h6 class="category-title">{{ 'FACET-SEARCH.PROJECT-STATUS.TITLE' | translate }}</h6>
|
|
<mat-list-item>
|
|
<mat-radio-button value="0" (change)="projectStatusChanged($event)">
|
|
{{ 'FACET-SEARCH.PROJECT-STATUS.OPTIONS.ACTIVE' | translate }}</mat-radio-button>
|
|
</mat-list-item>
|
|
<mat-list-item>
|
|
<mat-radio-button value="1" (change)="projectStatusChanged($event)">
|
|
{{ 'FACET-SEARCH.PROJECT-STATUS.OPTIONS.INACTIVE' | translate }}</mat-radio-button>
|
|
</mat-list-item>
|
|
</div>
|
|
|
|
<div class="col-10 gray-container">
|
|
<h6 class="category-title">{{ 'FACET-SEARCH.PROJECT.TITLE' | translate }}</h6>
|
|
<mat-form-field>
|
|
<app-multiple-auto-complete placeholder="{{ 'CRITERIA.DATA-SETS.SELECT-PROJECTS' | translate }}"
|
|
[configuration]="projectAutoCompleteConfiguration"
|
|
(optionSelected)="onProjectOptionSelected($event)" (optionRemoved)="onProjectOptionRemoved($event)">
|
|
</app-multiple-auto-complete>
|
|
<mat-icon matSuffix class="style-icon">arrow_drop_down</mat-icon>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<div class="col-10 gray-container">
|
|
<h6 class="category-title">{{ 'FACET-SEARCH.PROFILES.TITLE' | translate }}</h6>
|
|
<mat-form-field>
|
|
<app-multiple-auto-complete placeholder="{{ 'CRITERIA.DATA-SETS.SELECT-SPEC' | translate }}"
|
|
[configuration]="profileAutoCompleteConfiguration"
|
|
(optionSelected)="onProfileOptionSelected($event)" (optionRemoved)="onProfileOptionRemoved($event)">
|
|
</app-multiple-auto-complete>
|
|
<mat-icon matSuffix class="style-icon">arrow_drop_down</mat-icon>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<div class="col-10 gray-container">
|
|
<h6 class="category-title">{{ 'FACET-SEARCH.DMP-ORGANISATIONS.TITLE' | translate }}</h6>
|
|
<mat-form-field>
|
|
<app-multiple-auto-complete placeholder="{{ 'CRITERIA.DATA-SETS.SELECT-ORGANIZATIONS' | translate }}"
|
|
[configuration]="organizationAutoCompleteConfiguration"
|
|
(optionSelected)="onOrganizationOptionSelected($event)"
|
|
(optionRemoved)="onOrganizationOptionRemoved($event)">
|
|
</app-multiple-auto-complete>
|
|
<mat-icon matSuffix class="style-icon">arrow_drop_down</mat-icon>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- <mat-accordion #facetAccordion="matAccordion" [multi]="true" class="facet-search-component">
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'FACET-SEARCH.FILTER' | translate }}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
<div>
|
|
<mat-form-field>
|
|
<input matInput placeholder="{{'CRITERIA.PROJECTS.LIKE'| translate}}" name="datasetCriteriaName" [(ngModel)]="facetCriteria.like"
|
|
(ngModelChange)="controlModified()">
|
|
</mat-form-field>
|
|
</div>
|
|
<div>
|
|
<mat-form-field>
|
|
<app-multiple-auto-complete [(ngModel)]="facetCriteria.tags" (ngModelChange)="controlModified()" placeholder="{{'CRITERIA.DATA-SETS.TAGS' | translate}}"
|
|
[configuration]="tagsAutoCompleteConfiguration">
|
|
</app-multiple-auto-complete>
|
|
</mat-form-field>
|
|
</div>
|
|
</mat-expansion-panel>
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'FACET-SEARCH.PROJECT-STATUS.TITLE' | translate }}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
<app-explore-dataset-filter-item-component [multipleSelect]="false" [options]="this.projectStateOptions"
|
|
(selectedChanged)="projectStatusChanged($event)" [displayTitleFunc]="displayProjectStateLabel" [displayValueFunc]="displayProjectStateValue">
|
|
</app-explore-dataset-filter-item-component>
|
|
</mat-expansion-panel>
|
|
<mat-expansion-panel *ngIf="this.facetCriteria.projectStatus == ProjectStateType.OnGoing || this.facetCriteria.projectStatus == ProjectStateType.Finished">
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'FACET-SEARCH.PROJECT.TITLE' | translate }}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
<app-explore-dataset-filter-item-component [options]="this.projects" (selectedChanged)="projectChanged($event)"
|
|
[filterOptions]="projectSearch.bind(this)" [searchEnabled]="true" (optionRemoved)="removeProject($event)"
|
|
[displayTitleFunc]="displayProjectLabel" [displayValueFunc]="displayProjectValue">
|
|
</app-explore-dataset-filter-item-component>
|
|
</mat-expansion-panel>
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'FACET-SEARCH.PROFILES.TITLE' | translate }}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
<app-explore-dataset-filter-item-component [options]="this.profiles" (selectedChanged)="profileChanged($event)"
|
|
[filterOptions]="profileSearch.bind(this)" (optionRemoved)="removeProfile($event)" [displayTitleFunc]="displayProfileLabel"
|
|
[displayValueFunc]="displayProfileValue">
|
|
</app-explore-dataset-filter-item-component>
|
|
</mat-expansion-panel>
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'FACET-SEARCH.DMP-ORGANISATIONS.TITLE' | translate }}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
<app-explore-dataset-filter-item-component [options]="this.dmpOrganisations" (selectedChanged)="dmpOrganisationChanged($event)"
|
|
[filterOptions]="dmpOrganisationSearch.bind(this)" (optionRemoved)="removeOrganisation($event)" [searchEnabled]="true"
|
|
[displayTitleFunc]="displayDmpOrganisationsLabel" [displayValueFunc]="displayDmpOrganisationsValue">
|
|
</app-explore-dataset-filter-item-component>
|
|
</mat-expansion-panel>
|
|
</mat-accordion> -->
|