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 class="section" *ngFor="let object of overview.categories">
   6     <div class="section-title">
   7       <a routerLink="/search" [queryParams]="{ categoryOneOf: [ object.category.id ] }">{{ object.category.label }}</a>
   8     </div>
   9
  10     <my-video-miniature *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false">
  11     </my-video-miniature>
  12   </div>
  13
  14   <div class="section" *ngFor="let object of overview.tags">
  15     <div class="section-title">
  16       <a routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">#{{ object.tag }}</a>
  17     </div>
  18
  19     <my-video-miniature *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false">
  20     </my-video-miniature>
  21   </div>
  22
  23   <div class="section channel" *ngFor="let object of overview.channels">
  24     <div class="section-title">
  25       <a [routerLink]="[ '/video-channels', buildVideoChannelBy(object) ]">
  26         <img [src]="buildVideoChannelAvatarUrl(object)" alt="Avatar" />
  27
  28         <div>{{ object.channel.displayName }}</div>
  29       </a>
  30     </div>
  31
  32     <my-video-miniature *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false">
  33     </my-video-miniature>
  34   </div>
  35
  36 </div>