video-playlist: show date and views count

closes #4396

2 files changed, 11 insertions, 1 deletions

diff --git a/client/src/app/shared/shared-video-playlist/shared-video-playlist.module.ts b/client/src/app/shared/shared-video-playlist/shared-video-playlist.module.ts
index 0566b1592..e63859cdf 100644
--- a/client/src/app/shared/shared-video-playlist/shared-video-playlist.module.ts
+++ b/client/src/app/shared/shared-video-playlist/shared-video-playlist.module.ts
@@ -4,6 +4,7 @@ import { SharedFormModule } from '../shared-forms'
 import { SharedGlobalIconModule } from '../shared-icons'
 import { SharedMainModule } from '../shared-main/shared-main.module'
 import { SharedThumbnailModule } from '../shared-thumbnail'
+import { SharedVideoModule } from '../shared-video'
 import { VideoAddToPlaylistComponent } from './video-add-to-playlist.component'
 import { VideoPlaylistElementMiniatureComponent } from './video-playlist-element-miniature.component'
 import { VideoPlaylistMiniatureComponent } from './video-playlist-miniature.component'
@@ -14,7 +15,8 @@ import { VideoPlaylistService } from './video-playlist.service'
     SharedMainModule,
     SharedFormModule,
     SharedThumbnailModule,
-    SharedGlobalIconModule
+    SharedGlobalIconModule,
+    SharedVideoModule
   ],
 
   declarations: [
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 e74f58f47..9cdee96b4 100644
--- 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
@@ -20,6 +20,14 @@
           [attr.title]="playlistElement.video.name"
         >{{ playlistElement.video.name }}</a>
 
+        <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 }}
         </a>