]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/+videos/video-list/overview/video-overview.component.html
Merge branch 'release/4.2.0' into develop
[github/Chocobozzz/PeerTube.git] / client / src / app / +videos / video-list / overview / video-overview.component.html
1 <h1 class="visually-hidden" i18n>Discover</h1>
2 <div class="margin-content">
3
4 <div class="no-results" i18n *ngIf="notResults">No results.</div>
5
6 <div
7 myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()"
8 >
9 <ng-container *ngFor="let overview of overviews">
10
11 <div class="section videos" *ngFor="let object of overview.categories">
12 <h1 class="section-title">
13 <a class="link-orange" routerLink="/search" [queryParams]="{ categoryOneOf: [ object.category.id ] }">{{ object.category.label }}</a>
14 </h1>
15
16 <div class="video-wrapper" *ngFor="let video of buildVideos(object.videos)">
17 <my-video-miniature [video]="video" [user]="userMiniature" [displayVideoActions]="true">
18 </my-video-miniature>
19 </div>
20 </div>
21
22 <div class="section videos" *ngFor="let object of overview.tags">
23 <h2 class="section-title">
24 <a class="link-orange" routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">#{{ object.tag }}</a>
25 </h2>
26
27 <div class="video-wrapper" *ngFor="let video of buildVideos(object.videos)">
28 <my-video-miniature [video]="video" [user]="userMiniature" [displayVideoActions]="true">
29 </my-video-miniature>
30 </div>
31 </div>
32
33 <div class="section channel videos" *ngFor="let object of overview.channels">
34 <div class="section-title">
35 <a class="link-orange" [routerLink]="[ '/c', buildVideoChannelBy(object) ]">
36 <my-actor-avatar [channel]="buildVideoChannel(object)" size="28"></my-actor-avatar>
37
38 <h2 class="section-title">{{ object.channel.displayName }}</h2>
39 </a>
40 </div>
41
42 <div class="video-wrapper" *ngFor="let video of buildVideos(object.videos)">
43 <my-video-miniature [video]="video" [user]="userMiniature" [displayVideoActions]="true">
44 </my-video-miniature>
45 </div>
46 </div>
47
48 </ng-container>
49
50 </div>
51
52 </div>