diff options
Diffstat (limited to 'client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html')
-rw-r--r-- | client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html new file mode 100644 index 000000000..86f6664cb --- /dev/null +++ b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html | |||
@@ -0,0 +1,34 @@ | |||
1 | <div class="miniature" [ngClass]="{ 'no-videos': playlist.videosLength === 0, 'to-manage': toManage }"> | ||
2 | <a | ||
3 | [routerLink]="getPlaylistUrl()" [attr.title]="playlist.description" | ||
4 | class="miniature-thumbnail" | ||
5 | > | ||
6 | <img alt="" [attr.aria-labelledby]="playlist.displayName" [attr.src]="playlist.thumbnailUrl" /> | ||
7 | |||
8 | <div class="miniature-playlist-info-overlay"> | ||
9 | <ng-container i18n>{playlist.videosLength, plural, =0 {No videos} =1 {1 video} other {{{ playlist.videosLength }} videos}}</ng-container> | ||
10 | </div> | ||
11 | |||
12 | <div class="play-overlay"> | ||
13 | <div class="icon"></div> | ||
14 | </div> | ||
15 | </a> | ||
16 | |||
17 | <div class="miniature-info"> | ||
18 | <a tabindex="-1" class="miniature-name" [routerLink]="getPlaylistUrl()" [attr.title]="playlist.description"> | ||
19 | {{ playlist.displayName }} | ||
20 | </a> | ||
21 | |||
22 | <a i18n [routerLink]="[ '/video-channels', playlist.videoChannelBy ]" class="by" *ngIf="displayChannel && playlist.videoChannelBy"> | ||
23 | {{ playlist.videoChannelBy }} | ||
24 | </a> | ||
25 | |||
26 | <div class="privacy-date"> | ||
27 | <span class="video-info-privacy" *ngIf="displayPrivacy">{{ playlist.privacy.label }}</span> | ||
28 | |||
29 | <span i18n class="updated-at">Updated {{ playlist.updatedAt | myFromNow }}</span> | ||
30 | </div> | ||
31 | |||
32 | <div *ngIf="displayDescription" class="video-info-description">{{ playlist.description }}</div> | ||
33 | </div> | ||
34 | </div> | ||