Headless CMS and Content Managment Hub
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.
 
 
 
 
 

28 lines
1.4 KiB

<div class="clearfix" *ngIf="!autoHide || canGoPrev || canGoNext">
<div class="float-right pagination" *ngIf="paging">
<select class="custom-select custom-select-sm" [ngModel]="paging.pageSize" (ngModelChange)="setPageSize($event)">
<option *ngFor="let pageSize of pageSizes" [ngValue]="pageSize">{{pageSize}}</option>
</select>
<span class="page-info">
<ng-container *ngIf="paging.count > 0 && paging.total > 0">
<button class="btn deactivated">
{{ 'common.pagerInfo' | sqxTranslate: translationInfo }}
</button>
</ng-container>
<ng-container *ngIf="paging.count > 0 && paging.total <= 0">
<button class="btn" title="{{ 'common.pagerReload' | sqxTranslate }}" (click)="loadTotal.emit()">
{{ 'common.pagerInfoNoTotal' | sqxTranslate: translationInfo }}
</button>
</ng-container>
<button type="button" class="btn btn-text-secondary pagination-button" [disabled]="!canGoPrev" (click)="goPrev()">
<i class="icon-angle-left"></i>
</button>
<button type="button" class="btn btn-text-secondary pagination-button" [disabled]="!canGoNext" (click)="goNext()">
<i class="icon-angle-right"></i>
</button>
</span>
</div>
</div>