Commits

lotte authored db9861b4951
Added search filter optimalisations
No tags

src/app/+search-page/search-filters/search-filter/search-boolean-filter/search-boolean-filter.component.html

Modified
1 1 <div>
2 2 <div class="filters py-2">
3 3 <a *ngFor="let value of (selectedValues | async)" class="d-flex flex-row"
4 4 [routerLink]="[getSearchLink()]"
5 5 [queryParams]="getRemoveParams(value) | async" queryParamsHandling="merge">
6 6 <input type="checkbox" [checked]="true" class="my-1 align-self-stretch"/>
7 7 <span class="filter-value pl-1">{{value}}</span>
8 8 </a>
9 9 <ng-container *ngFor="let page of (filterValues$ | async)?.payload">
10 10 <div [@facetLoad]="animationState">
11 - <ng-container *ngFor="let value of page.page; let i=index">
11 + <ng-container *ngFor="let value of page.page; trackBy: trackUpdate">
12 12 <a *ngIf="!(selectedValues | async).includes(value.value)" class="d-flex flex-row"
13 13 [routerLink]="[getSearchLink()]"
14 14 [queryParams]="getAddParams(value.value) | async" queryParamsHandling="merge">
15 15 <input type="checkbox" [checked]="false" class="my-1 align-self-stretch"/>
16 16 <span class="filter-value px-1">{{value.value}}</span>
17 17 <span class="float-right filter-value-count ml-auto">
18 18 <span class="badge badge-secondary badge-pill">{{value.count}}</span>
19 19 </span>
20 20 </a>
21 21 </ng-container>

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut