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
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div ngbDropdown autoClose="outside" [id]="filterElement.id">
  <button
    ngbDropdownToggle
    type="button"
    [id]="'dropdownMenuLink-' + filterElement.id"
    class="form-control"
    data-toggle="dropdown"
    [title]="placeholder !== filterElement.name ? placeholder : ''"
  >
    <span>{{ placeholder }}</span>
  </button>
 
  <div ngbDropdownMenu [attr.aria-labelledby]="'dropdownMenuLink-' + filterElement.id">
    <button
      *ngFor="let facet of filterElement.facets; trackBy: trackByFn"
      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 }}
      <ng-container *ngIf="facet.count"> ({{ facet.count }})</ng-container>
      <fa-icon *ngIf="facet.selected" [icon]="['fas', 'check']" class="icon-checked pl-1" />
    </button>
  </div>
</div>