diff options
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> |