1 <div class=
"video-actions-rates">
2 <div class=
"video-actions justify-content-end">
4 [video]=
"video" [isUserLoggedIn]=
"isUserLoggedIn"
5 (rateUpdated)=
"onRateUpdated($event)" (userRatingLoaded)=
"onRateUpdated($event)"
8 <button *
ngIf=
"video.support" (click)=
"showSupportModal()" (keyup.enter)=
"showSupportModal()" class=
"action-button action-button-support" [attr.aria-label]=
"tooltipSupport"
9 [ngbTooltip]=
"tooltipSupport"
10 placement=
"bottom auto"
12 <my-global-icon iconName=
"support" aria-hidden=
"true"></my-global-icon>
13 <span class=
"icon-text" i18n
>SUPPORT
</span>
16 <button (click)=
"showShareModal()" (keyup.enter)=
"showShareModal()" class=
"action-button">
17 <my-global-icon iconName=
"share" aria-hidden=
"true"></my-global-icon>
18 <span class=
"icon-text" i18n
>SHARE
</span>
22 class=
"action-dropdown" ngbDropdown
placement=
"top" role=
"button" autoClose=
"outside"
23 *
ngIf=
"isUserLoggedIn" (openChange)=
"addContent.openChange($event)"
24 [ngbTooltip]=
"tooltipSaveToPlaylist"
25 placement=
"bottom auto"
27 <button class=
"action-button action-button-save" ngbDropdownToggle
>
28 <my-global-icon iconName=
"playlist-add" aria-hidden=
"true"></my-global-icon>
29 <span class=
"icon-text" i18n
>SAVE
</span>
33 <my-video-add-to-playlist #addContent [video]=
"video"></my-video-add-to-playlist>
37 <ng-container *
ngIf=
"!isUserLoggedIn && !video.isLive">
39 *
ngIf=
"isVideoDownloadable()" class=
"action-button action-button-download"
40 (click)=
"showDownloadModal()" (keydown.enter)=
"showDownloadModal()"
42 <my-global-icon iconName=
"download" aria-hidden=
"true"></my-global-icon>
43 <span class=
"icon-text d-none d-sm-inline" i18n
>DOWNLOAD
</span>
46 <my-video-download #videoDownloadModal
></my-video-download>
49 <ng-container *
ngIf=
"isUserLoggedIn">
50 <my-video-actions-dropdown
51 placement=
"bottom auto" buttonDirection=
"horizontal" [buttonStyled]=
"true" [video]=
"video" [videoCaptions]=
"videoCaptions"
52 [displayOptions]=
"videoActionsOptions" (videoRemoved)=
"onVideoRemoved()"
53 ></my-video-actions-dropdown>
57 <div class=
"likes-dislikes-bar-outer-container">
59 class=
"likes-dislikes-bar-inner-container"
60 *
ngIf=
"video.likes !== 0 || video.dislikes !== 0"
61 [ngbTooltip]=
"likesBarTooltipText"
65 class=
"likes-dislikes-bar"
67 <div class=
"likes-bar" [ngClass]=
"{ 'liked': userRating !== 'none' }" [ngStyle]=
"{ 'width.%': video.likesPercent }"></div>
74 class=
"likes-dislikes-bar"
75 *
ngIf=
"video.likes !== 0 || video.dislikes !== 0"
76 [ngbTooltip]=
"likesBarTooltipText"
79 <div class=
"likes-bar" [ngStyle]=
"{ 'width.%': video.likesPercent }"></div>
82 <ng-container *
ngIf=
"video">
83 <my-support-modal #supportModal [video]=
"video"></my-support-modal>
84 <my-video-share #videoShareModal [video]=
"video" [videoCaptions]=
"videoCaptions" [playlist]=
"playlist"></my-video-share>