]>
Commit | Line | Data |
---|---|---|
0bdad52f C |
1 | <a *ngIf="!videoHref" [routerLink]="getVideoRouterLink()" [queryParams]="queryParams" class="video-thumbnail"> |
2 | <ng-container *ngTemplateOutlet="aContent"></ng-container> | |
3 | </a> | |
4 | ||
5 | <a *ngIf="videoHref" [href]="videoHref" [target]="videoTarget" class="video-thumbnail"> | |
6 | <ng-container *ngTemplateOutlet="aContent"></ng-container> | |
7 | </a> | |
8 | ||
9 | <ng-template #aContent> | |
7738273b | 10 | <img alt="" [attr.aria-label]="video.name" [attr.src]="getImageUrl()" [ngClass]="{ 'blur-filter': nsfw }" /> |
202f6b6c | 11 | |
b7819090 C |
12 | <div *ngIf="displayWatchLaterPlaylist" class="video-thumbnail-actions-overlay"> |
13 | <ng-container *ngIf="inWatchLaterPlaylist !== true"> | |
14 | <div class="video-thumbnail-watch-later-overlay" placement="left" [ngbTooltip]="addToWatchLaterText" container="body" (click)="onWatchLaterClick($event)"> | |
29128b2f RK |
15 | <my-global-icon iconName="clock" [attr.aria-label]="addToWatchLaterText" role="button"></my-global-icon> |
16 | </div> | |
17 | </ng-container> | |
b7819090 C |
18 | |
19 | <ng-container *ngIf="inWatchLaterPlaylist === true"> | |
20 | <div class="video-thumbnail-watch-later-overlay" placement="left" [ngbTooltip]="addedToWatchLaterText" container="body" (click)="onWatchLaterClick($event)"> | |
29128b2f RK |
21 | <my-global-icon iconName="tick" [attr.aria-label]="addedToWatchLaterText" role="button"></my-global-icon> |
22 | </div> | |
23 | </ng-container> | |
24 | </div> | |
25 | ||
62eacb42 RK |
26 | <div class="video-thumbnail-label-overlay warning"><ng-content select="label-warning"></ng-content></div> |
27 | <div class="video-thumbnail-label-overlay danger"><ng-content select="label-danger"></ng-content></div> | |
28 | ||
da0310f8 C |
29 | <div class="video-thumbnail-duration-overlay" *ngIf="!video.isLive">{{ video.durationLabel }}</div> |
30 | <div i18n class="video-thumbnail-live-overlay" *ngIf="video.isLive">LIVE</div> | |
6e46de09 | 31 | |
830b4faf C |
32 | <div class="play-overlay"> |
33 | <div class="icon"></div> | |
34 | </div> | |
1aabcae7 | 35 | |
6e46de09 C |
36 | <div class="progress-bar" *ngIf="video.userHistory?.currentTime"> |
37 | <div [ngStyle]="{ 'width.%': getProgressPercent() }"></div> | |
38 | </div> | |
0bdad52f | 39 | </ng-template> |