You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
3.5 KiB
HTML
76 lines
3.5 KiB
HTML
<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>
|
|
<td-chips color="primary" class="tags-chips" [items]="filteredTags" [(ngModel)]="facetCriteria.tags" (ngModelChange)="controlModified()"
|
|
placeholder="{{'CRITERIA.DATA-SETS.TAGS' | translate}}" (inputChange)="filterTags($event)" name="tags" requireMatch>
|
|
<ng-template td-chip let-chip="chip">
|
|
<div class="tc-grey-100 bgc-teal-700" td-chip-avatar>{{chip.name.substring(0, 1).toUpperCase()}}</div>
|
|
{{chip.name}}
|
|
</ng-template>
|
|
<ng-template td-autocomplete-option let-option="option">
|
|
<div layout="row" layout-align="start center">
|
|
{{option.name}}
|
|
</div>
|
|
</ng-template>
|
|
<mat-progress-bar [style.height.px]="2" *ngIf="filteringTagsAsync" mode="indeterminate"></mat-progress-bar>
|
|
</td-chips>
|
|
</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-facet-section-component [multipleSelect]="false" [options]="this.projectStateOptions" (selectedChanged)="projectStatusChanged($event)"
|
|
[displayTitleFunc]="displayProjectStateLabel" [displayValueFunc]="displayProjectStateValue">
|
|
|
|
</app-facet-section-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-facet-section-component [options]="this.projects" (selectedChanged)="projectChanged($event)" [filterOptions]="projectSearch.bind(this)"
|
|
[searchEnabled]="true" (optionRemoved)="removeProject($event)" [displayTitleFunc]="displayProjectLabel"
|
|
[displayValueFunc]="displayProjectValue">
|
|
</app-facet-section-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-facet-section-component [options]="this.profiles" (selectedChanged)="profileChanged($event)" [filterOptions]="profileSearch.bind(this)"
|
|
(optionRemoved)="removeProfile($event)" [displayTitleFunc]="displayProfileLabel" [displayValueFunc]="displayProfileValue">
|
|
</app-facet-section-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-facet-section-component [options]="this.dmpOrganisations" (selectedChanged)="dmpOrganisationChanged($event)"
|
|
[filterOptions]="dmpOrganisationSearch.bind(this)" (optionRemoved)="removeOrganisation($event)" [searchEnabled]="true"
|
|
[displayTitleFunc]="displayDmpOrganisationsLabel" [displayValueFunc]="displayDmpOrganisationsValue">
|
|
</app-facet-section-component>
|
|
</mat-expansion-panel>
|
|
</mat-accordion>
|