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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ul class="filter-list clearfix" [id]="filterElement.id">
  @for (facet of filterElement.facets; track facet.name) {
    <li class="filter-item filter-color" [ngClass]="{ 'filter-selected': facet.selected }">
      <button
        class="filter-swatch btn btn-link btn-link-action"
        type="button"
        [attr.aria-current]="facet.selected ? 'true' : undefined"
        [attr.data-testing-id]="'filter-link-' + (facet.displayName | ishSanitize)"
        [title]="facet.displayName + ' (' + facet.count + ')'"
        (click)="filter(facet)"
      >
        <span
          [style.background-color]="getBackgroundColor(facet)"
          [style.background-image]="getBackgroundImage(facet)"
          [style.border]="facet.displayName.toLowerCase() === 'white' ? '1px solid #ddd' : null"
        ></span>
      </button>
    </li>
  }
</ul>