diff options
author | Chocobozzz <me@florianbigard.com> | 2021-06-29 17:00:30 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-06-29 17:00:30 +0200 |
commit | 6ea59f415461c27eea840ed204986eaefb538afc (patch) | |
tree | 39ce95e125cbf515720dcc014a279b34864877d6 /client/src/app/+videos/+video-watch/video-watch.component.html | |
parent | c17ee0903ec33283351c206bc5fd7edc0af0fb12 (diff) | |
download | PeerTube-6ea59f415461c27eea840ed204986eaefb538afc.tar.gz PeerTube-6ea59f415461c27eea840ed204986eaefb538afc.tar.zst PeerTube-6ea59f415461c27eea840ed204986eaefb538afc.zip |
Create a dedicated component for video rating
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 | 27 |
1 files changed, 4 insertions, 23 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 4e424d95d..a659a7db1 100644 --- a/client/src/app/+videos/+video-watch/video-watch.component.html +++ b/client/src/app/+videos/+video-watch/video-watch.component.html | |||
@@ -75,30 +75,11 @@ | |||
75 | </div> | 75 | </div> |
76 | 76 | ||
77 | <div class="video-actions-rates"> | 77 | <div class="video-actions-rates"> |
78 | <ng-template #ratePopoverText> | ||
79 | <span [innerHTML]="getRatePopoverText()"></span> | ||
80 | </ng-template> | ||
81 | |||
82 | <div class="video-actions full-width justify-content-end"> | 78 | <div class="video-actions full-width justify-content-end"> |
83 | <button | 79 | <my-video-rate |
84 | [ngbPopover]="getRatePopoverText() && ratePopoverText" [ngClass]="{ 'activated': userRating === 'like' }" (click)="setLike()" (keyup.enter)="setLike()" | 80 | [video]="video" [isUserLoggedIn]="isUserLoggedIn()" |
85 | class="action-button action-button-like" [attr.aria-pressed]="userRating === 'like'" [attr.aria-label]="tooltipLike" | 81 | (rateUpdated)="onRateUpdated($event)" (userRatingLoaded)="onRateUpdated($event)" |
86 | [ngbTooltip]="tooltipLike" | 82 | ></my-video-rate> |
87 | placement="bottom auto" | ||
88 | > | ||
89 | <my-global-icon iconName="like"></my-global-icon> | ||
90 | <span *ngIf="video.likes" class="count">{{ video.likes }}</span> | ||
91 | </button> | ||
92 | |||
93 | <button | ||
94 | [ngbPopover]="getRatePopoverText() && ratePopoverText" [ngClass]="{ 'activated': userRating === 'dislike' }" (click)="setDislike()" (keyup.enter)="setDislike()" | ||
95 | class="action-button action-button-dislike" [attr.aria-pressed]="userRating === 'dislike'" [attr.aria-label]="tooltipDislike" | ||
96 | [ngbTooltip]="tooltipDislike" | ||
97 | placement="bottom auto" | ||
98 | > | ||
99 | <my-global-icon iconName="dislike"></my-global-icon> | ||
100 | <span *ngIf="video.dislikes" class="count">{{ video.dislikes }}</span> | ||
101 | </button> | ||
102 | 83 | ||
103 | <button *ngIf="video.support" (click)="showSupportModal()" (keyup.enter)="showSupportModal()" class="action-button action-button-support" [attr.aria-label]="tooltipSupport" | 84 | <button *ngIf="video.support" (click)="showSupportModal()" (keyup.enter)="showSupportModal()" class="action-button action-button-support" [attr.aria-label]="tooltipSupport" |
104 | [ngbTooltip]="tooltipSupport" | 85 | [ngbTooltip]="tooltipSupport" |