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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div ngbDropdown autoClose="outside" [id]="filterElement.id">
  <button
    ngbDropdownToggle
    type="button"
    [id]="'dropdownMenuLink-' + filterElement.id"
    class="form-control"
    data-bs-toggle="dropdown"
    [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
      ngbDropdownItem
      type="button"
      class="dropdown-item btn btn-link btn-link-action"
      [ngClass]="{ selected: facet.selected }"
      (click)="apply(facet)"
      [attr.aria-current]="facet.selected ? 'true' : undefined"
    >
      {{ facet.displayName }}
      @if (facet.count) { ({{ facet.count }}) } @if (facet.selected) {
      <i class="bi bi-check-lg icon-checked ps-1"></i>
      }
    </button>
    }
  </div>
</div>