diff options
author | Chocobozzz <me@florianbigard.com> | 2020-06-23 14:10:17 +0200 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2020-06-23 16:00:49 +0200 |
commit | 67ed6552b831df66713bac9e672738796128d33f (patch) | |
tree | 59c97d41e0b49d75a90aa3de987968ab9b1ff447 /client/src/app/shared/shared-thumbnail/video-thumbnail.component.html | |
parent | 0c4bacbff53bc732f5a2677d62a6ead7752e2405 (diff) | |
download | PeerTube-67ed6552b831df66713bac9e672738796128d33f.tar.gz PeerTube-67ed6552b831df66713bac9e672738796128d33f.tar.zst PeerTube-67ed6552b831df66713bac9e672738796128d33f.zip |
Reorganize client shared modules
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 | 33 |
1 files changed, 33 insertions, 0 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 new file mode 100644 index 000000000..fe5510c56 --- /dev/null +++ b/client/src/app/shared/shared-thumbnail/video-thumbnail.component.html | |||
@@ -0,0 +1,33 @@ | |||
1 | <a | ||
2 | [routerLink]="getVideoRouterLink()" [queryParams]="queryParams" | ||
3 | class="video-thumbnail" | ||
4 | > | ||
5 | <img alt="" [attr.aria-label]="video.name" [attr.src]="getImageUrl()" [ngClass]="{ 'blur-filter': nsfw }" /> | ||
6 | |||
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)"> | ||
10 | <my-global-icon iconName="clock" [attr.aria-label]="addToWatchLaterText" role="button"></my-global-icon> | ||
11 | </div> | ||
12 | </ng-container> | ||
13 | |||
14 | <ng-container *ngIf="inWatchLaterPlaylist === true"> | ||
15 | <div class="video-thumbnail-watch-later-overlay" placement="left" [ngbTooltip]="addedToWatchLaterText" container="body" (click)="onWatchLaterClick($event)"> | ||
16 | <my-global-icon iconName="tick" [attr.aria-label]="addedToWatchLaterText" role="button"></my-global-icon> | ||
17 | </div> | ||
18 | </ng-container> | ||
19 | </div> | ||
20 | |||
21 | <div class="video-thumbnail-label-overlay warning"><ng-content select="label-warning"></ng-content></div> | ||
22 | <div class="video-thumbnail-label-overlay danger"><ng-content select="label-danger"></ng-content></div> | ||
23 | |||
24 | <div class="video-thumbnail-duration-overlay">{{ video.durationLabel }}</div> | ||
25 | |||
26 | <div class="play-overlay"> | ||
27 | <div class="icon"></div> | ||
28 | </div> | ||
29 | |||
30 | <div class="progress-bar" *ngIf="video.userHistory?.currentTime"> | ||
31 | <div [ngStyle]="{ 'width.%': getProgressPercent() }"></div> | ||
32 | </div> | ||
33 | </a> | ||