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
28
29
30
31
32
33
34
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div autoClose="outside" ngbDropdown [id]="filterElement.id">
  <button
    class="form-control"
    data-bs-toggle="dropdown"
    ngbDropdownToggle
    type="button"
    [id]="'dropdownMenuLink-' + filterElement.id"
    [title]="placeholder !== filterElement.name ? placeholder : ''"
  >
    <span>{{ placeholder }}</span>
  </button>
 
  <div ngbDropdownMenu [attr.aria-labelledby]="'dropdownMenuLink-' + filterElement.id">
    @for (facet of filterElement.facets; track facet.name) {
      <button
        class="dropdown-item btn btn-link btn-link-action"
        ngbDropdownItem
        type="button"
        [attr.aria-current]="facet.selected ? 'true' : undefined"
        [ngClass]="{ selected: facet.selected }"
        (click)="apply(facet)"
      >
        {{ facet.displayName }}
        @if (facet.count) {
          ({{ facet.count }})
        }
        @if (facet.selected) {
          <i class="bi bi-check-lg icon-checked ps-1"></i>
        }
      </button>
    }
  </div>
</div>