All files / src/app/shared/components/filter/filter-navigation-badges filter-navigation-badges.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
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (selected) {
<div class="row">
  <div class="col-md-10">
    @for (select of selected; track select.filterName) {
    <div class="filter-navigation-badges">
      <button
        type="button"
        class="btn btn-link btn-link-action btn-link-with-icon"
        (click)="apply(select.searchParameter)"
      >
        {{ select.filterName }}: {{ select.displayName }}<i class="bi bi-x form-control-feedback"></i>
      </button>
    </div>
    }
  </div>
  @if (selected.length) {
  <div class="col-md-2 text-end">
    <button type="button" class="btn btn-link btn-link-action" (click)="clear()">
      {{ 'product.remove_all_product_filters.text' | translate }}
    </button>
  </div>
  }
</div>
}