client/src/app/videos/video-list/video-overview.component.html

   1 <div class="margin-content">
   2
   3   <div class="no-results" i18n *ngIf="notResults">No results.</div>
   4
   5   <div
   6     myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" [dataObservable]="onDataSubject.asObservable()"
   7   >
   8     <ng-container *ngFor="let overview of overviews">
   9
  10       <div class="section videos" *ngFor="let object of overview.categories">
  11         <div class="section-title">
  12           <a routerLink="/search" [queryParams]="{ categoryOneOf: [ object.category.id ] }">{{ object.category.label }}</a>
  13         </div>
  14
  15         <div class="video-wrapper" *ngFor="let video of buildVideos(object.videos)">
  16           <my-video-miniature [video]="video" [fitWidth]="true" [user]="user" [displayVideoActions]="false">
  17           </my-video-miniature>
  18         </div>
  19       </div>
  20
  21       <div class="section videos" *ngFor="let object of overview.tags">
  22         <div class="section-title">
  23           <a routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">#{{ object.tag }}</a>
  24         </div>
  25
  26         <div class="video-wrapper" *ngFor="let video of buildVideos(object.videos)">
  27           <my-video-miniature [video]="video" [fitWidth]="true" [user]="user" [displayVideoActions]="false">
  28           </my-video-miniature>
  29         </div>
  30       </div>
  31
  32       <div class="section channel videos" *ngFor="let object of overview.channels">
  33         <div class="section-title">
  34           <a [routerLink]="[ '/video-channels', buildVideoChannelBy(object) ]">
  35             <img [src]="buildVideoChannelAvatarUrl(object)" alt="Avatar" />
  36
  37             <div>{{ object.channel.displayName }}</div>
  38           </a>
  39         </div>
  40
  41         <div class="video-wrapper" *ngFor="let video of buildVideos(object.videos)">
  42           <my-video-miniature [video]="video" [fitWidth]="true" [user]="user" [displayVideoActions]="false">
  43           </my-video-miniature>
  44         </div>
  45       </div>
  46
  47     </ng-container>
  48
  49   </div>
  50
  51 </div>