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 | 58 |
1 files changed, 24 insertions, 34 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 5a132112d..dd0d628bd 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.html +++ b/client/src/app/videos/+video-watch/video-watch.component.html | |||
@@ -76,48 +76,38 @@ | |||
76 | <span class="icon-text" i18n>Share</span> | 76 | <span class="icon-text" i18n>Share</span> |
77 | </div> | 77 | </div> |
78 | 78 | ||
79 | <div class="action-more" dropdown dropup="true" placement="right" role="button"> | 79 | <div class="action-more" ngbDropdown placement="top" role="button"> |
80 | <div class="action-button" dropdownToggle> | 80 | <div class="action-button" ngbDropdownToggle role="button"> |
81 | <span class="icon icon-more"></span> | 81 | <span class="icon icon-more"></span> |
82 | </div> | 82 | </div> |
83 | 83 | ||
84 | <ul *dropdownMenu class="dropdown-menu" id="more-menu" role="menu" aria-labelledby="single-button"> | 84 | <div ngbDropdownMenu> |
85 | <li role="menuitem"> | 85 | <a class="dropdown-item" i18n-title title="Download the video" href="#" (click)="showDownloadModal($event)"> |
86 | <a class="dropdown-item" i18n-title title="Download the video" href="#" (click)="showDownloadModal($event)"> | 86 | <span class="icon icon-download"></span> <ng-container i18n>Download</ng-container> |
87 | <span class="icon icon-download"></span> <ng-container i18n>Download</ng-container> | 87 | </a> |
88 | </a> | 88 | |
89 | </li> | 89 | <a *ngIf="isUserLoggedIn()" class="dropdown-item" i18n-title title="Report this video" href="#" (click)="showReportModal($event)"> |
90 | 90 | <span class="icon icon-alert"></span> <ng-container i18n>Report</ng-container> | |
91 | <li *ngIf="isUserLoggedIn()" role="menuitem"> | 91 | </a> |
92 | <a class="dropdown-item" i18n-title title="Report this video" href="#" (click)="showReportModal($event)"> | 92 | |
93 | <span class="icon icon-alert"></span> <ng-container i18n>Report</ng-container> | 93 | <a *ngIf="isVideoBlacklistable()" class="dropdown-item" i18n-title title="Blacklist this video" href="#" (click)="blacklistVideo($event)"> |
94 | </a> | 94 | <span class="icon icon-blacklist"></span> <ng-container i18n>Blacklist</ng-container> |
95 | </li> | 95 | </a> |
96 | 96 | ||
97 | <li *ngIf="isVideoBlacklistable()" role="menuitem"> | 97 | <a *ngIf="isVideoUpdatable()" class="dropdown-item" i18n-title title="Update this video" href="#" [routerLink]="[ '/videos/update', video.uuid ]"> |
98 | <a class="dropdown-item" i18n-title title="Blacklist this video" href="#" (click)="blacklistVideo($event)"> | 98 | <span class="icon icon-edit"></span> <ng-container i18n>Update</ng-container> |
99 | <span class="icon icon-blacklist"></span> <ng-container i18n>Blacklist</ng-container> | 99 | </a> |
100 | </a> | 100 | |
101 | </li> | 101 | <a *ngIf="isVideoRemovable()" class="dropdown-item" i18n-title title="Delete this video" href="#" (click)="removeVideo($event)"> |
102 | 102 | <span class="icon icon-blacklist"></span> <ng-container i18n>Delete</ng-container> | |
103 | <li *ngIf="isVideoUpdatable()" role="menuitem"> | 103 | </a> |
104 | <a class="dropdown-item" i18n-title title="Update this video" href="#" [routerLink]="[ '/videos/update', video.uuid ]"> | 104 | </div> |
105 | <span class="icon icon-edit"></span> <ng-container i18n>Update</ng-container> | ||
106 | </a> | ||
107 | </li> | ||
108 | |||
109 | <li *ngIf="isVideoRemovable()" role="menuitem"> | ||
110 | <a class="dropdown-item" i18n-title title="Delete this video" href="#" (click)="removeVideo($event)"> | ||
111 | <span class="icon icon-blacklist"></span> <ng-container i18n>Delete</ng-container> | ||
112 | </a> | ||
113 | </li> | ||
114 | </ul> | ||
115 | </div> | 105 | </div> |
116 | </div> | 106 | </div> |
117 | 107 | ||
118 | <div | 108 | <div |
119 | class="video-info-likes-dislikes-bar" | 109 | class="video-info-likes-dislikes-bar" |
120 | *ngIf="video.likes !== 0 || video.dislikes !== 0" [tooltip]="likesBarTooltipText"> | 110 | *ngIf="video.likes !== 0 || video.dislikes !== 0" [ngbTooltip]="likesBarTooltipText"> |
121 | <div class="likes-bar" [ngStyle]="{ 'width.%': video.likesPercent }"></div> | 111 | <div class="likes-bar" [ngStyle]="{ 'width.%': video.likesPercent }"></div> |
122 | </div> | 112 | </div> |
123 | </div> | 113 | </div> |