Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 | 4x | @if (fragmentOnRouting === 'product-list-top') {
<a id="product-list-top" title="top"></a>
}
@if (productListingView$ | async; as listing) {
@if (isEndlessScrolling) {
<div
infiniteScroll
[alwaysCallback]="true"
[immediateCheck]="true"
[infiniteScrollDistance]="scrollDistance"
(scrolled)="loadMoreProducts('down')"
(scrolledUp)="loadMoreProducts('up')"
>
<ish-product-list-toolbar
[fragmentOnRouting]="fragmentOnRouting"
[itemCount]="listing.itemCount"
[sortBy]="sortBy$ | async"
[sortableAttributes]="listing.sortableAttributes"
[viewType]="viewType$ | async"
/>
<ish-product-list [categoryId]="categoryId" [products]="listing.products()" [viewType]="viewType$ | async" />
<div class="row justify-content-center">
@if (!listing.allPagesAvailable()) {
<ish-product-list-paging
[currentPage]="listing.lastPage"
[fragmentOnRouting]="fragmentOnRouting"
[pageIndices]="listing.pageIndices()"
/>
}
</div>
</div>
}
@if (isPaging) {
<div>
@if (currentPage$ | async; as currentPage) {
<ng-template #pagingToolbar>
<ish-product-list-toolbar
[currentPage]="currentPage"
[fragmentOnRouting]="fragmentOnRouting"
[isPaging]="true"
[itemCount]="listing.itemCount"
[pageIndices]="listing.pageIndices(currentPage)"
[sortBy]="sortBy$ | async"
[sortableAttributes]="listing.sortableAttributes"
[viewType]="viewType$ | async"
/>
</ng-template>
<ng-container *ngTemplateOutlet="pagingToolbar" />
<ish-product-list
[categoryId]="categoryId"
[products]="listing.productsOfPage(currentPage)"
[viewType]="viewType$ | async"
/>
@if (listingLoading$ | async) {
<ish-loading [standalone]="true" />
}
<ng-container *ngTemplateOutlet="pagingToolbar" />
}
</div>
}
}
|