diff options
Diffstat (limited to 'client/src/app/+videos/+video-watch/video-watch.component.html')
-rw-r--r-- | client/src/app/+videos/+video-watch/video-watch.component.html | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/client/src/app/+videos/+video-watch/video-watch.component.html b/client/src/app/+videos/+video-watch/video-watch.component.html index 076c6205f..0d1768aa9 100644 --- a/client/src/app/+videos/+video-watch/video-watch.component.html +++ b/client/src/app/+videos/+video-watch/video-watch.component.html | |||
@@ -59,9 +59,13 @@ | |||
59 | </div> | 59 | </div> |
60 | 60 | ||
61 | <div class="video-actions-rates"> | 61 | <div class="video-actions-rates"> |
62 | <ng-template #ratePopoverText> | ||
63 | <span [innerHTML]="getRatePopoverText()"></span> | ||
64 | </ng-template> | ||
65 | |||
62 | <div class="video-actions fullWidth justify-content-end"> | 66 | <div class="video-actions fullWidth justify-content-end"> |
63 | <button | 67 | <button |
64 | [ngbPopover]="getRatePopoverText()" [ngClass]="{ 'activated': userRating === 'like' }" (click)="setLike()" (keyup.enter)="setLike()" | 68 | [ngbPopover]="getRatePopoverText() && ratePopoverText" [ngClass]="{ 'activated': userRating === 'like' }" (click)="setLike()" (keyup.enter)="setLike()" |
65 | class="action-button action-button-like" [attr.aria-pressed]="userRating === 'like'" [attr.aria-label]="tooltipLike" | 69 | class="action-button action-button-like" [attr.aria-pressed]="userRating === 'like'" [attr.aria-label]="tooltipLike" |
66 | [ngbTooltip]="tooltipLike" | 70 | [ngbTooltip]="tooltipLike" |
67 | placement="bottom auto" | 71 | placement="bottom auto" |
@@ -71,7 +75,7 @@ | |||
71 | </button> | 75 | </button> |
72 | 76 | ||
73 | <button | 77 | <button |
74 | [ngbPopover]="getRatePopoverText()" [ngClass]="{ 'activated': userRating === 'dislike' }" (click)="setDislike()" (keyup.enter)="setDislike()" | 78 | [ngbPopover]="getRatePopoverText() && ratePopoverText" [ngClass]="{ 'activated': userRating === 'dislike' }" (click)="setDislike()" (keyup.enter)="setDislike()" |
75 | class="action-button action-button-dislike" [attr.aria-pressed]="userRating === 'dislike'" [attr.aria-label]="tooltipDislike" | 79 | class="action-button action-button-dislike" [attr.aria-pressed]="userRating === 'dislike'" [attr.aria-label]="tooltipDislike" |
76 | [ngbTooltip]="tooltipDislike" | 80 | [ngbTooltip]="tooltipDislike" |
77 | placement="bottom auto" | 81 | placement="bottom auto" |