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