You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
1.5 KiB
25 lines
1.5 KiB
<nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-center" *ngIf="pageData">
|
|
<ul class="pagination mt-3">
|
|
<li class="page-item" [class.disabled]="pageData.currentPage==1">
|
|
<button class="page-link" (click)="loadAll(1)">{{'button.first_page'|translate}}</button>
|
|
</li>
|
|
<li class="page-item" [class.disabled]="pageData.currentPage==1">
|
|
<button class="page-link" (click)="loadAll(pageData.currentPage-1)">{{'button.prev_page'|translate}}</button>
|
|
</li>
|
|
<li class="page-item disabled"><a class="page-link" href="#">{{pageData.currentPage}}</a></li>
|
|
<li class="page-item" [class.disabled]="pageData.currentPage==pageData.totalPage">
|
|
<button class="page-link" (click)="loadAll(pageData.currentPage+1)">{{'button.next_page'|translate}}</button>
|
|
</li>
|
|
<li class="page-item" [class.disabled]="pageData.currentPage==pageData.totalPage">
|
|
<button class="page-link" (click)="loadAll(pageData.totalPage)">{{'button.last_page'|translate}}</button>
|
|
</li>
|
|
</ul>
|
|
<span class="navbar-text ml-3">
|
|
{{'button.total_page'|translate:{totalPage: pageData.totalPage, count: pageData.count} }}
|
|
</span>
|
|
<div class="collapse navbar-collapse col-2">
|
|
<input class="form-control" type="number" [attr.aria-label]="'button.jump'|translate" [(ngModel)]="currentPage"
|
|
(keyup)="changePage()"/>
|
|
<button class="btn btn-outline-success w-50" (click)="loadAll(currentPage)">{{'button.jump'|translate}}</button>
|
|
</div>
|
|
</nav>
|
|
|