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
33
34
35
36
37
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"
              [(showAll)]="showAllElements[element.name]"
              (applyFilter)="applyFilter.emit($event)"
            />
          }
          @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"
              [(showAll)]="showAllElements[element.name]"
              (applyFilter)="applyFilter.emit($event)"
            />
          }
        }
      </ish-filter-collapsible>
    }
  </div>
}