diff options
Diffstat (limited to 'client/src/app/shared/shared-thumbnail/video-thumbnail.component.html')
-rw-r--r-- | client/src/app/shared/shared-thumbnail/video-thumbnail.component.html | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/client/src/app/shared/shared-thumbnail/video-thumbnail.component.html b/client/src/app/shared/shared-thumbnail/video-thumbnail.component.html index fe5510c56..0cb0f321b 100644 --- a/client/src/app/shared/shared-thumbnail/video-thumbnail.component.html +++ b/client/src/app/shared/shared-thumbnail/video-thumbnail.component.html | |||
@@ -1,7 +1,12 @@ | |||
1 | <a | 1 | <a *ngIf="!videoHref" [routerLink]="getVideoRouterLink()" [queryParams]="queryParams" class="video-thumbnail"> |
2 | [routerLink]="getVideoRouterLink()" [queryParams]="queryParams" | 2 | <ng-container *ngTemplateOutlet="aContent"></ng-container> |
3 | class="video-thumbnail" | 3 | </a> |
4 | > | 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> | ||
5 | <img alt="" [attr.aria-label]="video.name" [attr.src]="getImageUrl()" [ngClass]="{ 'blur-filter': nsfw }" /> | 10 | <img alt="" [attr.aria-label]="video.name" [attr.src]="getImageUrl()" [ngClass]="{ 'blur-filter': nsfw }" /> |
6 | 11 | ||
7 | <div *ngIf="displayWatchLaterPlaylist" class="video-thumbnail-actions-overlay"> | 12 | <div *ngIf="displayWatchLaterPlaylist" class="video-thumbnail-actions-overlay"> |
@@ -30,4 +35,4 @@ | |||
30 | <div class="progress-bar" *ngIf="video.userHistory?.currentTime"> | 35 | <div class="progress-bar" *ngIf="video.userHistory?.currentTime"> |
31 | <div [ngStyle]="{ 'width.%': getProgressPercent() }"></div> | 36 | <div [ngStyle]="{ 'width.%': getProgressPercent() }"></div> |
32 | </div> | 37 | </div> |
33 | </a> | 38 | </ng-template> |