All files / src/app/shared/components/filter/filter-dropdown filter-dropdown.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ng-select
  bindLabel="displayName"
  [attr.aria-label]="filterElement.name"
  [clearable]="!isMultiSelect"
  [closeOnSelect]="!isMultiSelect"
  [formControl]="selectedFacetsControl"
  [items]="filterElement.facets"
  [labelForId]="filterElement.id"
  [multiple]="isMultiSelect"
  [placeholder]="'filter.dropdown.select.text' | translate"
  [searchable]="false"
  (add)="apply($event)"
  (change)="onSingleChange($event)"
  (remove)="apply($event)"
>
  <ng-template let-facet="item" ng-option-tmp>
    {{ facet.displayName }}
    @if (facet.count) {
      ({{ facet.count }})
    }
  </ng-template>
  <ng-template let-clear="clear" let-facet="item" ng-label-tmp>
    <span class="ng-value-label">{{ facet.displayName }}</span>
    <span aria-hidden="true" class="ng-value-icon right" (click)="clear(facet)">×</span>
  </ng-template>
</ng-select>