Reduce latency when adding a video to playlist

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-video-playlist / video-playlist-element-miniature.component.html

diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html
index e74f58f4736b77639ea5a130739b96317518caac..2400a4c2589fe237edb10ff1895bd5561107654e 100644 (file)
--- a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html
+++ b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html
@@ -15,10 +15,22 @@
 
     <div class="video-info">
       <ng-container *ngIf="playlistElement.video">
-        <a tabindex="-1" class="video-info-name"
-          [routerLink]="buildRouterLink()" [queryParams]="buildRouterQuery()"
-          [attr.title]="playlistElement.video.name"
-        >{{ playlistElement.video.name }}</a>
+        <div class="video-info-header">
+          <a tabindex="-1" class="video-info-name"
+            [routerLink]="buildRouterLink()" [queryParams]="buildRouterQuery()"
+            [attr.title]="playlistElement.video.name"
+          >{{ playlistElement.video.name }}</a>
+
+          <span *ngIf="isVideoPrivate()" class="badge badge-yellow">Private</span>
+        </div>
+
+        <span class="video-miniature-created-at-views">
+          <my-date-toggle [date]="playlistElement.video.publishedAt"></my-date-toggle>
+
+          <span class="views" [title]="playlistElement.video.getExactNumberOfViews()">
+            • <my-video-views-counter [video]="playlistElement.video"></my-video-views-counter>
+          </span>
+        </span>
 
         <a *ngIf="accountLink" tabindex="-1" class="video-info-account" [routerLink]="[ '/a', playlistElement.video.byAccount ]">
           {{ playlistElement.video.byAccount }}