]>
Commit | Line | Data |
---|---|---|
202f6b6c | 1 | <a |
7738273b | 2 | [routerLink]="getVideoRouterLink()" [queryParams]="queryParams" [title]="video.name" |
b1d40cff | 3 | class="video-thumbnail" |
202f6b6c | 4 | > |
7738273b | 5 | <img alt="" [attr.aria-label]="video.name" [attr.src]="getImageUrl()" [ngClass]="{ 'blur-filter': nsfw }" /> |
202f6b6c | 6 | |
b7819090 C |
7 | <div *ngIf="displayWatchLaterPlaylist" class="video-thumbnail-actions-overlay"> |
8 | <ng-container *ngIf="inWatchLaterPlaylist !== true"> | |
9 | <div class="video-thumbnail-watch-later-overlay" placement="left" [ngbTooltip]="addToWatchLaterText" container="body" (click)="onWatchLaterClick($event)"> | |
29128b2f RK |
10 | <my-global-icon iconName="clock" [attr.aria-label]="addToWatchLaterText" role="button"></my-global-icon> |
11 | </div> | |
12 | </ng-container> | |
b7819090 C |
13 | |
14 | <ng-container *ngIf="inWatchLaterPlaylist === true"> | |
15 | <div class="video-thumbnail-watch-later-overlay" placement="left" [ngbTooltip]="addedToWatchLaterText" container="body" (click)="onWatchLaterClick($event)"> | |
29128b2f RK |
16 | <my-global-icon iconName="tick" [attr.aria-label]="addedToWatchLaterText" role="button"></my-global-icon> |
17 | </div> | |
18 | </ng-container> | |
19 | </div> | |
20 | ||
830b4faf | 21 | <div class="video-thumbnail-duration-overlay">{{ video.durationLabel }}</div> |
6e46de09 | 22 | |
830b4faf C |
23 | <div class="play-overlay"> |
24 | <div class="icon"></div> | |
25 | </div> | |
1aabcae7 | 26 | |
6e46de09 C |
27 | <div class="progress-bar" *ngIf="video.userHistory?.currentTime"> |
28 | <div [ngStyle]="{ 'width.%': getProgressPercent() }"></div> | |
29 | </div> | |
202f6b6c | 30 | </a> |