2018-10-05 08:56:50 +02:00
|
|
|
<div *ngIf="searchEnabled">
|
|
|
|
<mat-form-field>
|
|
|
|
<input type="text" placeholder="{{ 'FACET-SEARCH.FILTER' | translate }}" matInput [formControl]="optionSearchControl">
|
|
|
|
</mat-form-field>
|
|
|
|
</div>
|
2018-10-05 12:03:22 +02:00
|
|
|
<mat-chip-list *ngIf="searchEnabled">
|
2018-10-05 17:00:54 +02:00
|
|
|
<mat-chip [removable]="true" (removed)="removeOption(option)" *ngFor="let option of selectedOptions">{{
|
|
|
|
displayLabel(option) }}
|
2018-10-05 12:03:22 +02:00
|
|
|
<mat-icon matChipRemove>cancel</mat-icon>
|
2018-10-05 08:56:50 +02:00
|
|
|
</mat-chip>
|
|
|
|
</mat-chip-list>
|
|
|
|
<mat-selection-list #optionsList (selectionChange)="selectionChanged($event)">
|
2018-10-05 12:03:22 +02:00
|
|
|
<mat-list-option *ngFor="let option of (options | async) | slice:0:10" [value]="option" [selected]="isOptionSelected(option)">
|
2018-10-05 08:56:50 +02:00
|
|
|
<p>{{ displayLabel(option) }}</p>
|
|
|
|
</mat-list-option>
|
|
|
|
</mat-selection-list>
|