client/src/app/+videos/+video-watch/shared/recommendations/recommended-videos.component.html

   1 <div class="other-videos" [ngClass]="{ 'display-as-row': displayAsRow }">
   2   <ng-container *ngIf="hasVideos$ | async">
   3     <div class="title-page-container">
   4       <h2 i18n class="title-page title-page-single">
   5         Other videos
   6       </h2>
   7       <div *ngIf="!playlist" class="title-page-autoplay"
   8         [ngbTooltip]="autoPlayNextVideoTooltip" placement="bottom-right auto"
   9       >
  10         <span i18n>AUTOPLAY</span>
  11         <my-input-switch  class="small" [(ngModel)]="autoPlayNextVideo" (ngModelChange)="switchAutoPlayNextVideo()"></my-input-switch>
  12       </div>
  13     </div>
  14
  15     <ng-container *ngFor="let video of (videos$ | async); let i = index; let length = count">
  16       <span i18n *ngIf="!playlist && i === 0 && length !== 0 && autoPlayNextVideo" class="title-page-next-video-label">Next video to be played</span>
  17       <my-video-miniature
  18         [displayOptions]="displayOptions" [video]="video" [user]="userMiniature" [displayAsRow]="displayAsRow"
  19         (videoBlocked)="onVideoRemoved()" (videoRemoved)="onVideoRemoved()" (videoAccountMuted)="onVideoRemoved()"
  20         actorImageSize="32"
  21       >
  22       </my-video-miniature>
  23
  24       <hr *ngIf="!playlist && i === 0 && length > 1 && autoPlayNextVideo" />
  25     </ng-container>
  26   </ng-container>
  27 </div>