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 | 2x | @if (currentPage && lastPage) {
<nav [attr.aria-label]="'navigation.paging.aria_label' | translate">
<ul class="pagination">
<li class="page-item">
<button
class="btn btn-primary mb-0 ps-2"
data-testing-id="paging-previous-button"
type="button"
[attr.aria-disabled]="currentPage === 1"
[disabled]="currentPage === 1"
[title]="'navigation.paging.previous_page.label' | translate"
(click)="setPage(currentPage - 1)"
>
<i class="bi bi-chevron-left"></i>
</button>
</li>
@for (p of pageIndices; track p) {
<li class="page-item pt-2" data-testing-id="paging-link" [ngClass]="{ active: p === currentPage }">
@if (p !== -1) {
<a
tabindex="0"
[attr.aria-current]="p === currentPage ? 'page' : null"
[title]="
p === currentPage
? ('navigation.paging.current_page.label' | translate: { '0': p })
: ('navigation.paging.go_to_page.label' | translate: { '0': p })
"
(click)="setPage(p)"
(keyup.enter)="setPage(p)"
>{{ p }}</a
>
} @else {
...
}
</li>
}
<li class="page-item">
<button
class="btn btn-primary m-0 pe-2"
data-testing-id="paging-next-button"
type="button"
[attr.aria-disabled]="currentPage === lastPage"
[disabled]="currentPage === lastPage"
[title]="'navigation.paging.next_page.label' | translate"
(click)="setPage(currentPage + 1)"
>
<i class="bi bi-chevron-right"></i>
</button>
</li>
</ul>
</nav>
}
|