]>
Commit | Line | Data |
---|---|---|
f0a39880 | 1 | <div class="miniature" [ngClass]="{ 'no-videos': playlist.videosLength === 0, 'to-manage': toManage }"> |
830b4faf | 2 | <a |
bce47964 | 3 | [routerLink]="getPlaylistUrl()" [attr.title]="playlist.description" |
830b4faf C |
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"> | |
c4710631 | 9 | <ng-container i18n>{playlist.videosLength, plural, =0 {No videos} =1 {1 video} other {{{ playlist.videosLength }} videos}}</ng-container> |
830b4faf C |
10 | </div> |
11 | ||
12 | <div class="play-overlay"> | |
13 | <div class="icon"></div> | |
14 | </div> | |
15 | </a> | |
16 | ||
bce47964 C |
17 | <div class="miniature-info"> |
18 | <a tabindex="-1" class="miniature-name" [routerLink]="getPlaylistUrl()" [attr.title]="playlist.description"> | |
830b4faf C |
19 | {{ playlist.displayName }} |
20 | </a> | |
bce47964 C |
21 | |
22 | <div class="video-info-privacy" *ngIf="displayPrivacy">{{ playlist.privacy.label }}</div> | |
23 | ||
24 | <div class="video-info-by-date"> | |
25 | <a i18n [routerLink]="[ '/video-channels', playlist.videoChannelBy ]" class="by" *ngIf="displayChannel && playlist.videoChannelBy"> | |
26 | {{ playlist.videoChannelBy }} | |
27 | </a> | |
28 | ||
29 | <div i18n class="updated-at">Updated {{ playlist.updatedAt | myFromNow }}</div> | |
30 | </div> | |
31 | ||
32 | <div *ngIf="displayDescription" class="video-info-description">{{ playlist.description }}</div> | |
830b4faf C |
33 | </div> |
34 | </div> |