]>
Commit | Line | Data |
---|---|---|
6ea59f41 C |
1 | <ng-template #ratePopoverText> |
2 | <span [innerHTML]="getRatePopoverText()"></span> | |
3 | </ng-template> | |
4 | ||
5 | <button | |
6 | [ngbPopover]="getRatePopoverText() && ratePopoverText" [ngClass]="{ 'activated': userRating === 'like' }" (click)="setLike()" (keyup.enter)="setLike()" | |
7 | class="action-button action-button-like" [attr.aria-pressed]="userRating === 'like'" [attr.aria-label]="tooltipLike" | |
8 | [ngbTooltip]="tooltipLike" | |
9 | placement="bottom auto" | |
10 | > | |
11 | <my-global-icon iconName="like"></my-global-icon> | |
12 | <span *ngIf="video.likes" class="count">{{ video.likes }}</span> | |
13 | </button> | |
14 | ||
15 | <button | |
16 | [ngbPopover]="getRatePopoverText() && ratePopoverText" [ngClass]="{ 'activated': userRating === 'dislike' }" (click)="setDislike()" (keyup.enter)="setDislike()" | |
17 | class="action-button action-button-dislike" [attr.aria-pressed]="userRating === 'dislike'" [attr.aria-label]="tooltipDislike" | |
18 | [ngbTooltip]="tooltipDislike" | |
19 | placement="bottom auto" | |
20 | > | |
21 | <my-global-icon iconName="dislike"></my-global-icon> | |
22 | <span *ngIf="video.dislikes" class="count">{{ video.dislikes }}</span> | |
23 | </button> |