All files / src/app/shared/components/filter/filter-navigation-sidebar filter-navigation-sidebar.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
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (filterNavigation) {
<div class="filter-panel">
  @for (element of filterNavigation.filter; track element) {
  <ish-filter-collapsible [filterElement]="element" [(collapsed)]="collapsedElements[element.name]">
    @switch (element.displayType) { @case ('checkbox') {
    <ish-filter-checkbox
      [filterElement]="element"
      (applyFilter)="applyFilter.emit($event)"
      [(showAll)]="showAllElements[element.name]"
    />
    } @case ('swatch') {
    <ish-filter-swatch-images [filterElement]="element" (applyFilter)="applyFilter.emit($event)" />
    } @case ('dropdown') {
    <div class="filter-dropdown">
      <ish-filter-dropdown
        [filterElement]="element"
        [placeholderType]="'selectedFacets'"
        (applyFilter)="applyFilter.emit($event)"
      />
    </div>
    } @default {
    <ish-filter-text
      [filterElement]="element"
      (applyFilter)="applyFilter.emit($event)"
      [(showAll)]="showAllElements[element.name]"
    />
    } }
  </ish-filter-collapsible>
  }
</div>
}