]>
Commit | Line | Data |
---|---|---|
202f6b6c | 1 | <a |
e2f01c47 | 2 | [routerLink]="getVideoRouterLink()" [queryParams]="queryParams" [attr.title]="video.name" |
b1d40cff | 3 | class="video-thumbnail" |
29128b2f | 4 | (mouseenter)="load()" |
202f6b6c | 5 | > |
6e46de09 | 6 | <img alt="" [attr.aria-labelledby]="video.name" [attr.src]="getImageUrl()" [ngClass]="{ 'blur-filter': nsfw }" /> |
202f6b6c | 7 | |
29128b2f RK |
8 | <div *ngIf="isUserLoggedIn()" class="video-thumbnail-actions-overlay"> |
9 | <ng-container *ngIf="addedToWatchLater !== true"> | |
10 | <div class="video-thumbnail-watch-later-overlay" placement="left" [ngbTooltip]="addToWatchLaterText" container="body" (click)="addToWatchLater();$event.stopPropagation();false"> | |
11 | <my-global-icon iconName="clock" [attr.aria-label]="addToWatchLaterText" role="button"></my-global-icon> | |
12 | </div> | |
13 | </ng-container> | |
14 | <ng-container *ngIf="addedToWatchLater === true"> | |
15 | <div class="video-thumbnail-watch-later-overlay" placement="left" [ngbTooltip]="addedToWatchLaterText" container="body" (click)="removeFromWatchLater();$event.stopPropagation();false"> | |
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> |