<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>
