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