diff options
author | Chocobozzz <me@florianbigard.com> | 2020-03-11 16:41:38 +0100 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2020-03-11 16:45:09 +0100 |
commit | 111fdc267b36201cf1be1fdf91017005102b4a5e (patch) | |
tree | 5ea98f766cc74de3434a855e998e763324e9da72 /client/src/app/videos/video-list/video-overview.component.html | |
parent | 764a965778ac89e027fd05dd35697c6763e0dc18 (diff) | |
download | PeerTube-111fdc267b36201cf1be1fdf91017005102b4a5e.tar.gz PeerTube-111fdc267b36201cf1be1fdf91017005102b4a5e.tar.zst PeerTube-111fdc267b36201cf1be1fdf91017005102b4a5e.zip |
Handle overview pagination in client
Diffstat (limited to 'client/src/app/videos/video-list/video-overview.component.html')
-rw-r--r-- | client/src/app/videos/video-list/video-overview.component.html | 55 |
1 files changed, 32 insertions, 23 deletions
diff --git a/client/src/app/videos/video-list/video-overview.component.html b/client/src/app/videos/video-list/video-overview.component.html index 5fe1f5c80..84999cfb2 100644 --- a/client/src/app/videos/video-list/video-overview.component.html +++ b/client/src/app/videos/video-list/video-overview.component.html | |||
@@ -2,35 +2,44 @@ | |||
2 | 2 | ||
3 | <div class="no-results" i18n *ngIf="notResults">No results.</div> | 3 | <div class="no-results" i18n *ngIf="notResults">No results.</div> |
4 | 4 | ||
5 | <div class="section" *ngFor="let object of overview.categories"> | 5 | <div |
6 | <div class="section-title"> | 6 | myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" [dataObservable]="onDataSubject.asObservable()" |
7 | <a routerLink="/search" [queryParams]="{ categoryOneOf: [ object.category.id ] }">{{ object.category.label }}</a> | 7 | > |
8 | </div> | 8 | <ng-container *ngFor="let overview of overviews"> |
9 | 9 | ||
10 | <my-video-miniature *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false"> | 10 | <div class="section" *ngFor="let object of overview.categories"> |
11 | </my-video-miniature> | 11 | <div class="section-title"> |
12 | </div> | 12 | <a routerLink="/search" [queryParams]="{ categoryOneOf: [ object.category.id ] }">{{ object.category.label }}</a> |
13 | </div> | ||
13 | 14 | ||
14 | <div class="section" *ngFor="let object of overview.tags"> | 15 | <my-video-miniature *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false"> |
15 | <div class="section-title"> | 16 | </my-video-miniature> |
16 | <a routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">#{{ object.tag }}</a> | 17 | </div> |
17 | </div> | ||
18 | 18 | ||
19 | <my-video-miniature *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false"> | 19 | <div class="section" *ngFor="let object of overview.tags"> |
20 | </my-video-miniature> | 20 | <div class="section-title"> |
21 | </div> | 21 | <a routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">#{{ object.tag }}</a> |
22 | </div> | ||
23 | |||
24 | <my-video-miniature *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false"> | ||
25 | </my-video-miniature> | ||
26 | </div> | ||
27 | |||
28 | <div class="section channel" *ngFor="let object of overview.channels"> | ||
29 | <div class="section-title"> | ||
30 | <a [routerLink]="[ '/video-channels', buildVideoChannelBy(object) ]"> | ||
31 | <img [src]="buildVideoChannelAvatarUrl(object)" alt="Avatar" /> | ||
32 | |||
33 | <div>{{ object.channel.displayName }}</div> | ||
34 | </a> | ||
35 | </div> | ||
22 | 36 | ||
23 | <div class="section channel" *ngFor="let object of overview.channels"> | 37 | <my-video-miniature *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false"> |
24 | <div class="section-title"> | 38 | </my-video-miniature> |
25 | <a [routerLink]="[ '/video-channels', buildVideoChannelBy(object) ]"> | 39 | </div> |
26 | <img [src]="buildVideoChannelAvatarUrl(object)" alt="Avatar" /> | ||
27 | 40 | ||
28 | <div>{{ object.channel.displayName }}</div> | 41 | </ng-container> |
29 | </a> | ||
30 | </div> | ||
31 | 42 | ||
32 | <my-video-miniature *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false"> | ||
33 | </my-video-miniature> | ||
34 | </div> | 43 | </div> |
35 | 44 | ||
36 | </div> | 45 | </div> |