X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fvideos%2Frecommendations%2Frecommended-videos.component.html;h=c82642c1c9d4d7e4294ad503ab2e3a9f8d793d34;hb=8adc5ddbc0e0109c3cd82d8b399e044568dd3f92;hp=1fb89f8b098fafcec3c44cc969d61d1bdbd7a725;hpb=0a57bbff2141de718aa901bfbdd147468fd624c6;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/videos/recommendations/recommended-videos.component.html b/client/src/app/videos/recommendations/recommended-videos.component.html
index 1fb89f8b0..c82642c1c 100644
--- a/client/src/app/videos/recommendations/recommended-videos.component.html
+++ b/client/src/app/videos/recommendations/recommended-videos.component.html
@@ -1,9 +1,20 @@
-<div *ngIf="hasVideos$ | async" class="other-videos">
-    <div i18n class="title-page title-page-single">
+<div class="other-videos">
+  <ng-container *ngIf="hasVideos$ | async">
+    <div class="d-flex title-page-container">
+      <div i18n class="title-page title-page-single">
         Other videos
+      </div>
+      <div *ngIf="!playlist" class="d-flex title-page-autoplay">
+        <span i18n>Autoplay</span>
+        <p-inputSwitch [(ngModel)]="autoPlayNextVideo" (ngModelChange)="switchAutoPlayNextVideo()"></p-inputSwitch>
+      </div>
     </div>
 
-    <div *ngFor="let video of (videos$ | async)">
-        <my-video-miniature [video]="video" [user]="user" (videoBlacklisted)="onVideoRemoved()" (videoRemoved)="onVideoRemoved()"></my-video-miniature>
+    <div *ngFor="let video of (videos$ | async); let i = index; let length = count">
+      <my-video-miniature [video]="video" [user]="user" (videoBlacklisted)="onVideoRemoved()" (videoRemoved)="onVideoRemoved()">
+      </my-video-miniature>
+      
+      <hr *ngIf="!playlist && i == 0 && length > 1" />
     </div>
+  </ng-container>
 </div>