diff options
Diffstat (limited to 'client/src/app/videos/+video-watch')
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.html | 28 |
1 files changed, 14 insertions, 14 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 333c9d11b..2c8305777 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.html +++ b/client/src/app/videos/+video-watch/video-watch.component.html | |||
@@ -38,7 +38,7 @@ | |||
38 | Published {{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views | 38 | Published {{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views |
39 | </div> | 39 | </div> |
40 | </div> | 40 | </div> |
41 | 41 | ||
42 | <div class="d-flex justify-content-between align-items-sm-end"> | 42 | <div class="d-flex justify-content-between align-items-sm-end"> |
43 | <div class="d-none d-sm-block"> | 43 | <div class="d-none d-sm-block"> |
44 | <div class="video-info-name">{{ video.name }}</div> | 44 | <div class="video-info-name">{{ video.name }}</div> |
@@ -46,7 +46,7 @@ | |||
46 | <div i18n class="video-info-date-views"> | 46 | <div i18n class="video-info-date-views"> |
47 | Published {{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views | 47 | Published {{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views |
48 | </div> | 48 | </div> |
49 | </div> | 49 | </div> |
50 | 50 | ||
51 | <div class="video-actions-rates"> | 51 | <div class="video-actions-rates"> |
52 | <div class="video-actions fullWidth justify-content-end"> | 52 | <div class="video-actions fullWidth justify-content-end"> |
@@ -56,57 +56,57 @@ | |||
56 | > | 56 | > |
57 | <span class="icon icon-like" i18n-title title="Like this video" ></span> | 57 | <span class="icon icon-like" i18n-title title="Like this video" ></span> |
58 | </div> | 58 | </div> |
59 | 59 | ||
60 | <div | 60 | <div |
61 | *ngIf="isUserLoggedIn()" [ngClass]="{ 'activated': userRating === 'dislike' }" (click)="setDislike()" | 61 | *ngIf="isUserLoggedIn()" [ngClass]="{ 'activated': userRating === 'dislike' }" (click)="setDislike()" |
62 | class="action-button action-button-dislike" role="button" [attr.aria-pressed]="userRating === 'dislike'" | 62 | class="action-button action-button-dislike" role="button" [attr.aria-pressed]="userRating === 'dislike'" |
63 | > | 63 | > |
64 | <span class="icon icon-dislike" i18n-title title="Dislike this video"></span> | 64 | <span class="icon icon-dislike" i18n-title title="Dislike this video"></span> |
65 | </div> | 65 | </div> |
66 | 66 | ||
67 | <div *ngIf="video.support" (click)="showSupportModal()" class="action-button action-button-support"> | 67 | <div *ngIf="video.support" (click)="showSupportModal()" class="action-button action-button-support"> |
68 | <span class="icon icon-support"></span> | 68 | <span class="icon icon-support"></span> |
69 | <span class="icon-text" i18n>Support</span> | 69 | <span class="icon-text" i18n>Support</span> |
70 | </div> | 70 | </div> |
71 | 71 | ||
72 | <div (click)="showShareModal()" class="action-button action-button-share" role="button"> | 72 | <div (click)="showShareModal()" class="action-button action-button-share" role="button"> |
73 | <span class="icon icon-share"></span> | 73 | <span class="icon icon-share"></span> |
74 | <span class="icon-text" i18n>Share</span> | 74 | <span class="icon-text" i18n>Share</span> |
75 | </div> | 75 | </div> |
76 | 76 | ||
77 | <div class="action-more" ngbDropdown placement="top" role="button"> | 77 | <div class="action-more" ngbDropdown placement="top" role="button"> |
78 | <div class="action-button" ngbDropdownToggle role="button"> | 78 | <div class="action-button" ngbDropdownToggle role="button"> |
79 | <span class="icon icon-more"></span> | 79 | <span class="icon icon-more"></span> |
80 | </div> | 80 | </div> |
81 | 81 | ||
82 | <div ngbDropdownMenu> | 82 | <div ngbDropdownMenu> |
83 | <a class="dropdown-item" i18n-title title="Download the video" href="#" (click)="showDownloadModal($event)"> | 83 | <a class="dropdown-item" i18n-title title="Download the video" href="#" (click)="showDownloadModal($event)"> |
84 | <span class="icon icon-download"></span> <ng-container i18n>Download</ng-container> | 84 | <span class="icon icon-download"></span> <ng-container i18n>Download</ng-container> |
85 | </a> | 85 | </a> |
86 | 86 | ||
87 | <a *ngIf="isUserLoggedIn()" class="dropdown-item" i18n-title title="Report this video" href="#" (click)="showReportModal($event)"> | 87 | <a *ngIf="isUserLoggedIn()" class="dropdown-item" i18n-title title="Report this video" href="#" (click)="showReportModal($event)"> |
88 | <span class="icon icon-alert"></span> <ng-container i18n>Report</ng-container> | 88 | <span class="icon icon-alert"></span> <ng-container i18n>Report</ng-container> |
89 | </a> | 89 | </a> |
90 | 90 | ||
91 | <a *ngIf="isVideoUpdatable()" class="dropdown-item" i18n-title title="Update this video" href="#" [routerLink]="[ '/videos/update', video.uuid ]"> | 91 | <a *ngIf="isVideoUpdatable()" class="dropdown-item" i18n-title title="Update this video" href="#" [routerLink]="[ '/videos/update', video.uuid ]"> |
92 | <span class="icon icon-edit"></span> <ng-container i18n>Update</ng-container> | 92 | <span class="icon icon-edit"></span> <ng-container i18n>Update</ng-container> |
93 | </a> | 93 | </a> |
94 | 94 | ||
95 | <a *ngIf="isVideoBlacklistable()" class="dropdown-item" i18n-title title="Blacklist this video" href="#" (click)="showBlacklistModal($event)"> | 95 | <a *ngIf="isVideoBlacklistable()" class="dropdown-item" i18n-title title="Blacklist this video" href="#" (click)="showBlacklistModal($event)"> |
96 | <span class="icon icon-blacklist"></span> <ng-container i18n>Blacklist</ng-container> | 96 | <span class="icon icon-blacklist"></span> <ng-container i18n>Blacklist</ng-container> |
97 | </a> | 97 | </a> |
98 | 98 | ||
99 | <a *ngIf="isVideoUnblacklistable()" class="dropdown-item" i18n-title title="Unblacklist this video" href="#" (click)="unblacklistVideo($event)"> | 99 | <a *ngIf="isVideoUnblacklistable()" class="dropdown-item" i18n-title title="Unblacklist this video" href="#" (click)="unblacklistVideo($event)"> |
100 | <span class="icon icon-unblacklist"></span> <ng-container i18n>Unblacklist</ng-container> | 100 | <span class="icon icon-unblacklist"></span> <ng-container i18n>Unblacklist</ng-container> |
101 | </a> | 101 | </a> |
102 | 102 | ||
103 | <a *ngIf="isVideoRemovable()" class="dropdown-item" i18n-title title="Delete this video" href="#" (click)="removeVideo($event)"> | 103 | <a *ngIf="isVideoRemovable()" class="dropdown-item" i18n-title title="Delete this video" href="#" (click)="removeVideo($event)"> |
104 | <span class="icon icon-delete"></span> <ng-container i18n>Delete</ng-container> | 104 | <span class="icon icon-delete"></span> <ng-container i18n>Delete</ng-container> |
105 | </a> | 105 | </a> |
106 | </div> | 106 | </div> |
107 | </div> | 107 | </div> |
108 | </div> | 108 | </div> |
109 | 109 | ||
110 | <div | 110 | <div |
111 | class="video-info-likes-dislikes-bar" | 111 | class="video-info-likes-dislikes-bar" |
112 | *ngIf="video.likes !== 0 || video.dislikes !== 0" | 112 | *ngIf="video.likes !== 0 || video.dislikes !== 0" |
@@ -125,7 +125,7 @@ | |||
125 | <img [src]="video.videoChannelAvatarUrl" alt="Video channel avatar" /> | 125 | <img [src]="video.videoChannelAvatarUrl" alt="Video channel avatar" /> |
126 | </a> | 126 | </a> |
127 | 127 | ||
128 | <my-subscribe-button [videoChannel]="video.channel" size="small"></my-subscribe-button> | 128 | <my-subscribe-button *ngIf="isUserLoggedIn()" [videoChannel]="video.channel" size="small"></my-subscribe-button> |
129 | </div> | 129 | </div> |
130 | 130 | ||
131 | <div class="video-info-by"> | 131 | <div class="video-info-by"> |