All files / src/app/shared/components/filter/filter-swatch-images filter-swatch-images.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ul class="filter-list clearfix" [id]="filterElement.id">
  <ng-container *ngFor="let facet of filterElement.facets">
    <li class="filter-item filter-color" [ngClass]="{ 'filter-selected': facet.selected }">
      <button
        type="button"
        class="filter-swatch btn btn-link btn-link-action"
        [title]="facet.displayName + ' (' + facet.count + ')'"
        (click)="filter(facet)"
        [attr.data-testing-id]="'filter-link-' + (facet.displayName | ishSanitize)"
        [attr.aria-current]="facet.selected ? 'true' : undefined"
      >
        <span
          [style.background-image]="getBackgroundImage(facet)"
          [style.background-color]="getBackgroundColor(facet)"
          [style.border]="facet.displayName.toLowerCase() === 'white' ? '1px solid #ddd' : null"
        ></span>
      </button>
    </li>
  </ng-container>
</ul>