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.
71 lines
3.0 KiB
HTML
71 lines
3.0 KiB
HTML
<mat-accordion>
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'FACET-SEARCH.PROJECT-STATUS.TITLE' | translate }}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
<mat-selection-list #projectState role="listbox" (selectionChange)="projectStatusChanged($event)">
|
|
<mat-list-option [value]="ProjectStateType.Finished">
|
|
<p>{{ 'FACET-SEARCH.PROJECT-STATUS.OPTIONS.INACTIVE' | translate }}</p>
|
|
</mat-list-option>
|
|
<mat-list-option [value]="ProjectStateType.OnGoing">
|
|
<p>{{ 'FACET-SEARCH.PROJECT-STATUS.OPTIONS.ACTIVE' | translate }}</p>
|
|
</mat-list-option>
|
|
</mat-selection-list>
|
|
</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>
|
|
<div>
|
|
<mat-form-field>
|
|
<input type="text" placeholder="{{ 'FACET-SEARCH.PROJECT.FILTER' | translate }}" matInput [formControl]="projectSearchControl">
|
|
</mat-form-field>
|
|
</div>
|
|
<mat-chip-list>
|
|
<mat-chip [removable]="removable" (removed)="removeProject(project)" *ngFor="let project of facetCriteria.projects">{{
|
|
project }}
|
|
<mat-icon matChipRemove *ngIf="removable">cancel</mat-icon>
|
|
</mat-chip>
|
|
</mat-chip-list>
|
|
<mat-selection-list #project (selectionChange)="projectChanged($event)">
|
|
<mat-list-option *ngFor="let project of (projects | async) | slice:0:10" [value]="project.id" [selected]="projectIsSelected(project.id)">
|
|
<p>{{ project.label }}</p>
|
|
</mat-list-option>
|
|
</mat-selection-list>
|
|
</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>
|
|
<mat-selection-list (selectionChange)="profileChanged($event)">
|
|
<mat-list-option *ngFor="let profile of (profiles | async) | slice:0:10" [value]="profile.id">
|
|
<p>{{ profile.label }}</p>
|
|
</mat-list-option>
|
|
</mat-selection-list>
|
|
</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>
|
|
<div>
|
|
<mat-form-field>
|
|
<input type="text" placeholder="{{ 'FACET-SEARCH.DMP-ORGANISATIONS.FILTER' | translate }}" matInput
|
|
[formControl]="organisationSearchControl">
|
|
</mat-form-field>
|
|
</div>
|
|
<mat-selection-list (selectionChange)="dmpOrganisationChanged($event)">
|
|
<mat-list-option *ngFor="let dmpOrganisation of (dmpOrganisations | async) | slice:0:10" [value]="dmpOrganisation.id">
|
|
<p>{{ dmpOrganisation.name }}</p>
|
|
</mat-list-option>
|
|
</mat-selection-list>
|
|
</mat-expansion-panel>
|
|
</mat-accordion>
|