diff options
Diffstat (limited to 'client/src/app/videos/video-list/shared')
3 files changed, 19 insertions, 39 deletions
diff --git a/client/src/app/videos/video-list/shared/abstract-video-list.html b/client/src/app/videos/video-list/shared/abstract-video-list.html index 69e16319e..bd4f6b1f8 100644 --- a/client/src/app/videos/video-list/shared/abstract-video-list.html +++ b/client/src/app/videos/video-list/shared/abstract-video-list.html | |||
@@ -1,18 +1,19 @@ | |||
1 | <div class="title-page"> | 1 | <div class="margin-content"> |
2 | {{ titlePage }} | 2 | <div class="title-page title-page-single"> |
3 | </div> | 3 | {{ titlePage }} |
4 | </div> | ||
4 | 5 | ||
5 | <div | 6 | <div |
6 | class="videos-miniatures" | 7 | infiniteScroll |
7 | infiniteScroll | 8 | [infiniteScrollUpDistance]="1.5" |
8 | [infiniteScrollUpDistance]="1.5" | 9 | [infiniteScrollDistance]="0.5" |
9 | [infiniteScrollDistance]="0.5" | 10 | (scrolled)="onNearOfBottom()" |
10 | (scrolled)="onNearOfBottom()" | 11 | (scrolledUp)="onNearOfTop()" |
11 | (scrolledUp)="onNearOfTop()" | ||
12 | > | ||
13 | <my-video-miniature | ||
14 | class="ng-animate" | ||
15 | *ngFor="let video of videos" [video]="video" [user]="user" [currentSort]="sort" | ||
16 | > | 12 | > |
17 | </my-video-miniature> | 13 | <my-video-miniature |
14 | class="ng-animate" | ||
15 | *ngFor="let video of videos" [video]="video" [user]="user" [currentSort]="sort" | ||
16 | > | ||
17 | </my-video-miniature> | ||
18 | </div> | ||
18 | </div> | 19 | </div> |
diff --git a/client/src/app/videos/video-list/shared/abstract-video-list.scss b/client/src/app/videos/video-list/shared/abstract-video-list.scss index de174802b..e69de29bb 100644 --- a/client/src/app/videos/video-list/shared/abstract-video-list.scss +++ b/client/src/app/videos/video-list/shared/abstract-video-list.scss | |||
@@ -1,23 +0,0 @@ | |||
1 | .videos-info { | ||
2 | @media screen and (max-width: 400px) { | ||
3 | margin-left: 0; | ||
4 | } | ||
5 | |||
6 | border-bottom: 1px solid #f1f1f1; | ||
7 | height: 40px; | ||
8 | line-height: 40px; | ||
9 | |||
10 | .videos-total-results { | ||
11 | font-size: 13px; | ||
12 | } | ||
13 | |||
14 | my-loader { | ||
15 | display: inline-block; | ||
16 | margin-left: 5px; | ||
17 | } | ||
18 | } | ||
19 | |||
20 | pagination { | ||
21 | display: block; | ||
22 | text-align: center; | ||
23 | } | ||
diff --git a/client/src/app/videos/video-list/shared/abstract-video-list.ts b/client/src/app/videos/video-list/shared/abstract-video-list.ts index 44cdc1d9f..a684ffef4 100644 --- a/client/src/app/videos/video-list/shared/abstract-video-list.ts +++ b/client/src/app/videos/video-list/shared/abstract-video-list.ts | |||
@@ -36,7 +36,9 @@ export abstract class AbstractVideoList implements OnInit, OnDestroy { | |||
36 | } | 36 | } |
37 | 37 | ||
38 | ngOnDestroy () { | 38 | ngOnDestroy () { |
39 | this.subActivatedRoute.unsubscribe() | 39 | if (this.subActivatedRoute) { |
40 | this.subActivatedRoute.unsubscribe() | ||
41 | } | ||
40 | } | 42 | } |
41 | 43 | ||
42 | onNearOfTop () { | 44 | onNearOfTop () { |