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

29 lines
1.2 KiB
HTML

<ng-container *ngIf="!loadingMore && position != 'top'">
<div *ngIf="enabled || error" padding-horizontal #bottombutton>
<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" #infinitescroll>
<ion-infinite-scroll-content></ion-infinite-scroll-content>
</ion-infinite-scroll>
<ng-container *ngIf="!loadingMore && position == 'top'">
<div *ngIf="enabled || error" padding-horizontal #topbutton>
<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 #spinnercontainer>
<ion-spinner></ion-spinner>
</div>