- <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>