All files / src/app/shared/components/product/product-list-paging product-list-paging.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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ng-container *ngIf="currentPage && pageIndices.length > 1">
  <ul class="product-list-paging">
    <li>
      <ng-container *ngIf="currentPage > 1; else inactiveFirstLink">
        <a
          [routerLink]="[]"
          queryParamsHandling="merge"
          [queryParams]="{ page: currentPage - 1 }"
          [fragment]="fragmentOnRouting"
          >&laquo;</a
        >
      </ng-container>
      <ng-template #inactiveFirstLink><span>&laquo;</span></ng-template>
    </li>
    <li *ngFor="let p of pageIndices">
      <a
        [routerLink]="[]"
        queryParamsHandling="merge"
        [queryParams]="{ page: p.value }"
        [fragment]="fragmentOnRouting"
        [ngClass]="{ active: p.value === currentPage }"
        >{{ p.display }}</a
      >
    </li>
    <li class="pagination-list-next">
      <ng-container *ngIf="pageIndices[pageIndices.length - 1].value !== currentPage; else inactiveLastLink">
        <a
          [routerLink]="[]"
          queryParamsHandling="merge"
          [queryParams]="{ page: currentPage + 1 }"
          [fragment]="fragmentOnRouting"
          >&raquo;</a
        >
      </ng-container>
      <ng-template #inactiveLastLink><span>&raquo;</span></ng-template>
    </li>
  </ul>
</ng-container>