OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix pagination when videos take all the width

pull/372/head
Chocobozzz 2018-03-21 17:28:15 +01:00
parent bffbebbe6b
commit 1ff8d7d631
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/shared/video/abstract-video-list.html
View File

@ -9,7 +9,7 @@
myInfiniteScroller
[pageHeight]="pageHeight"
(nearOfTop)="onNearOfTop()" (nearOfBottom)="onNearOfBottom()" (pageChanged)="onPageChanged($event)"
class="videos" #videoElement
class="videos" #videosElement
>
<div *ngFor="let videos of videoPages" class="videos-page">
<my-video-miniature

4
client/src/app/shared/video/abstract-video-list.ts
View File

@ -15,7 +15,7 @@ import { Video } from './video.model'
export abstract class AbstractVideoList implements OnInit, OnDestroy {
private static LINES_PER_PAGE = 3
@ViewChild('videoElement') videosElement: ElementRef
@ViewChild('videosElement') videosElement: ElementRef
@ViewChild(InfiniteScrollerDirective) infiniteScroller: InfiniteScrollerDirective
pagination: ComponentPagination = {
@ -183,6 +183,8 @@ export abstract class AbstractVideoList implements OnInit, OnDestroy {
// Video takes all the width
this.videoWidth = -1
// Same ratios than base width/height
this.videoHeight = this.videosElement.nativeElement.offsetWidth * (this.baseVideoHeight / this.baseVideoWidth)
this.pageHeight = this.pagination.itemsPerPage * this.videoHeight
} else {
this.videoWidth = this.baseVideoWidth