Vmeda.Online/src/components/infinite-loading/core-infinite-loading.html

29 lines
1.1 KiB
HTML
Raw Normal View History

<ng-container *ngIf="!loadingMore && position != 'top'">
<div *ngIf="enabled || error" padding-horizontal>
<button *ngIf="!error" ion-button block (click)="loadMore()" color="light">
{{ 'core.loadmore' | translate }}
</button>
<button *ngIf="error" ion-button block (click)="loadMore()" color="light">
{{ 'core.tryagain' | translate }}
</button>
</div>
</ng-container>
<ion-infinite-scroll [enabled]="enabled && !error && !loadingMore" (ionInfinite)="loadMore($event)" [position]="position">
<ion-infinite-scroll-content></ion-infinite-scroll-content>
</ion-infinite-scroll>
<ng-container *ngIf="!loadingMore && position == 'top'">
<div *ngIf="enabled || error" padding-horizontal>
<button *ngIf="!error" ion-button block (click)="loadMore()" color="light">
{{ 'core.loadmore' | translate }}
</button>
<button *ngIf="error" ion-button block (click)="loadMore()" color="light">
{{ 'core.tryagain' | translate }}
</button>
</div>
</ng-container>
<div *ngIf="loadingMore" padding text-center>
<ion-spinner></ion-spinner>
</div>