From 692a231026a247a61f7b3f541935b075b513f70e Mon Sep 17 00:00:00 2001
From: kontrollanten <6680299+kontrollanten@users.noreply.github.com>
Date: Thu, 3 Feb 2022 00:44:06 +0100
Subject: [PATCH] video-playlist: show date and views count

closes #4396
---
 .../shared-video-playlist/shared-video-playlist.module.ts | 4 +++-
 .../video-playlist-element-miniature.component.html       | 8 ++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

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>