hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-12 12:33:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

simple loading animation and fade in and out animations

Browse Source
This commit is contained in:
William Welling
2017-10-04 15:39:08 -05:00
parent 7937a47aa5
commit 45ca74410c
27 changed files with 222 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/object-list/object-list.component.html
View File

@@ -9,10 +9,11 @@
(sortDirectionChange)="onSortDirectionChange($event)"
(sortFieldChange)="onSortDirectionChange($event)"
(paginationChange)="onPaginationChange($event)">
<ul *ngIf="objects.hasSucceeded | async"> <!--class="list-unstyled"-->
<ul *ngIf="objects.hasSucceeded | async" @fadeIn> <!--class="list-unstyled"-->
<li *ngFor="let object of (objects.payload | async) | paginate: { itemsPerPage: (pageInfo | async)?.elementsPerPage, currentPage: (pageInfo | async)?.currentPage, totalItems: (pageInfo | async)?.totalElements }">
<ds-wrapper-list-element [object]="object"></ds-wrapper-list-element>
</li>
</ul>
<ds-error *ngIf="objects.hasFailed | async" message="Error fetching list"></ds-error>
<ds-loading *ngIf="objects.isLoading | async" message="Loading list..."></ds-loading>
</ds-pagination>