argos/dmp-frontend/src/app/shared/components/facets/facet-search.component.html

36 lines
1.7 KiB
HTML
Raw Normal View History

2018-10-02 16:33:58 +02:00
<div>
<mat-selection-list #project role="listbox" (selectionChange)="projectStatusChanged($event)">
<h3 matSubheader>{{ 'FACET-SEARCH.PROJECT-STATUS.TITLE' | translate }}</h3>
<mat-list-option [value]="ProjectStateType.Finished">
{{ 'FACET-SEARCH.PROJECT-STATUS.OPTIONS.INACTIVE' | translate }}
</mat-list-option>
<mat-list-option [value]="ProjectStateType.OnGoing">
{{ 'FACET-SEARCH.PROJECT-STATUS.OPTIONS.ACTIVE' | translate }}
</mat-list-option>
</mat-selection-list>
<mat-divider></mat-divider>
<mat-selection-list *ngIf="this.facetCriteria.projectStatus == ProjectStateType.OnGoing || this.facetCriteria.projectStatus == ProjectStateType.Finished"
(selectionChange)="projectChanged($event)">
<h3 matSubheader>{{ 'FACET-SEARCH.PROJECT.TITLE' | translate }}</h3>
<mat-list-option *ngFor="let project of (projects | async) | slice:0:10" [value]="project.id">
{{ project.label }}
</mat-list-option>
</mat-selection-list>
<mat-divider></mat-divider>
<mat-selection-list
(selectionChange)="profileChanged($event)">
<h3 matSubheader>{{ 'FACET-SEARCH.PROFILES.TITLE' | translate }}</h3>
<mat-list-option *ngFor="let profile of (profiles | async) | slice:0:10" [value]="profile.id">
{{ profile.label }}
</mat-list-option>
</mat-selection-list>
<mat-divider></mat-divider>
<mat-selection-list
(selectionChange)="dmpOrganisationChanged($event)">
<h3 matSubheader>{{ 'FACET-SEARCH.DMP-ORGANISATIONS.TITLE' | translate }}</h3>
<mat-list-option *ngFor="let dmpOrganisation of (dmpOrganisations | async) | slice:0:10" [value]="dmpOrganisation.id">
{{ dmpOrganisation.name }}
</mat-list-option>
</mat-selection-list>
</div>