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
38
39
40
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div *ngIf="filterNavigation" class="filter-panel">
  <div *ngFor="let element of filterNavigation.filter" [ngSwitch]="element.displayType">
    <ish-filter-collapsible [filterElement]="element" [(collapsed)]="collapsedElements[element.name]">
      <!-- default: text & text_clear -->
      <ish-filter-text
        *ngSwitchDefault
        [filterElement]="element"
        (applyFilter)="applyFilter.emit($event)"
        [(showAll)]="showAllElements[element.name]"
      />
 
      <!-- checkbox -->
      <ish-filter-checkbox
        *ngSwitchCase="'checkbox'"
        [filterElement]="element"
        (applyFilter)="applyFilter.emit($event)"
        [(showAll)]="showAllElements[element.name]"
      />
 
      <!-- swatch -->
      <ish-filter-swatch-images
        *ngSwitchCase="'swatch'"
        [filterElement]="element"
        (applyFilter)="applyFilter.emit($event)"
      />
 
      <!-- dropdown -->
      <ng-container *ngSwitchCase="'dropdown'">
        <div class="filter-dropdown">
          <ish-filter-dropdown
            [filterElement]="element"
            [placeholderType]="'selectedFacets'"
            (applyFilter)="applyFilter.emit($event)"
          />
        </div>
      </ng-container>
    </ish-filter-collapsible>
  </div>
</div>