<div class="title-page title-page-single">
{{ titlePage }}
</div>
+ <my-video-feed [syndicationItems]="syndicationItems"></my-video-feed>
+ <div *ngIf="pagination.totalItems === 0">No results.</div>
<div
- class="videos"
- infiniteScroll
- [infiniteScrollUpDistance]="1.5"
- [infiniteScrollDistance]="0.5"
- (scrolled)="onNearOfBottom()"
- (scrolledUp)="onNearOfTop()"
+ myInfiniteScroller
+ [pageHeight]="pageHeight"
+ (nearOfTop)="onNearOfTop()" (nearOfBottom)="onNearOfBottom()" (pageChanged)="onPageChanged($event)"
+ class="videos" #videosElement
>
- <my-video-miniature
- class="ng-animate"
- *ngFor="let video of videos" [video]="video" [user]="user"
- >
- </my-video-miniature>
+ <div *ngFor="let videos of videoPages" class="videos-page">
+ <my-video-miniature
+ class="ng-animate"
+ *ngFor="let video of videos" [video]="video" [user]="user"
+ >
+ </my-video-miniature>
+ </div>
</div>
</div>