common-ui/src/lib/pagination/pagination.component.html
2023-11-01 18:32:02 +02:00

27 lines
709 B
HTML

<div
id="pagination-prev-page-btn"
(click)="selectPage(currentPage - 1)"
[class.disabled]="currentPage < 1"
class="page"
translate="pagination.previous"
></div>
<span>|</span>
<div
(click)="selectPage(page)"
*ngFor="let page of displayedPages"
[class.active]="page === currentPage"
[class.dots]="page === '...'"
class="page"
[id]="isNumber(page) ? 'pagination-select-page-' + page + '-btn' : 'pagination-pages-between'"
>
{{ displayValue(page) }}
</div>
<span>|</span>
<div
id="pagination-next-page-btn"
(click)="selectPage(currentPage + 1)"
[class.disabled]="currentPage === totalPages - 1"
class="page"
translate="pagination.next"
></div>