]>
Commit | Line | Data |
---|---|---|
0f7407d9 | 1 | <div class="miniature" [ngClass]="{ 'no-videos': playlist.videosLength === 0, 'to-manage': toManage, 'display-as-row': displayAsRow }"> |
37a44fc9 | 2 | <my-link |
dc9c9500 | 3 | [internalLink]="routerLink" [href]="playlistHref" [target]="playlistTarget" [inheritParentCSS]="true" |
37a44fc9 | 4 | [title]="playlist.description" class="miniature-thumbnail" |
830b4faf C |
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> | |
37a44fc9 | 15 | </my-link> |
830b4faf | 16 | |
bce47964 | 17 | <div class="miniature-info"> |
37a44fc9 | 18 | <my-link |
dc9c9500 C |
19 | [internalLink]="routerLink" [href]="playlistHref" [target]="playlistTarget" [inheritParentCSS]="true" |
20 | [title]="playlist.description" class="miniature-name" className="ellipsis-multiline-2" | |
37a44fc9 | 21 | > |
830b4faf | 22 | {{ playlist.displayName }} |
37a44fc9 | 23 | </my-link> |
bce47964 | 24 | |
71887396 | 25 | <a i18n [routerLink]="[ '/c', playlist.videoChannelBy ]" class="by" *ngIf="displayChannel && playlist.videoChannelBy"> |
3143ae17 C |
26 | {{ playlist.videoChannelBy }} |
27 | </a> | |
bce47964 | 28 | |
3143ae17 | 29 | <div class="privacy-date"> |
247bbe29 | 30 | <span class="privacy" *ngIf="displayPrivacy">{{ playlist.privacy.label }}</span> |
bce47964 | 31 | |
3143ae17 | 32 | <span i18n class="updated-at">Updated {{ playlist.updatedAt | myFromNow }}</span> |
bce47964 C |
33 | </div> |
34 | ||
247bbe29 | 35 | <div *ngIf="displayDescription" class="description" [innerHTML]="playlistDescription"></div> |
830b4faf C |
36 | </div> |
37 | </div> |