Add ability to remove a video on watch page

client/src/app/videos/+video-watch/video-watch.component.html

@@ -49,6 +49,12 @@
                   <span class="icon icon-blacklist"></span> Blacklist
                 </a>
               </li>
+
+              <li *ngIf="isVideoRemovable()" role="menuitem">
+                <a class="dropdown-item" title="Delete this video" href="#" (click)="removeVideo($event)">
+                  <span class="icon icon-blacklist"></span> Delete
+                </a>
+              </li>
             </ul>
           </div>
         </div>

client/src/app/videos/+video-watch/video-watch.component.ts

@@ -221,6 +221,32 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
     return this.video.tags.join(', ')
   }
 
+  isVideoRemovable () {
+    return this.video.isRemovableBy(this.authService.getUser())
+  }
+
+  removeVideo (event: Event) {
+    event.preventDefault()
+
+    this.confirmService.confirm('Do you really want to delete this video?', 'Delete').subscribe(
+      res => {
+        if (res === false) return
+
+        this.videoService.removeVideo(this.video.id)
+          .subscribe(
+            status => {
+              this.notificationsService.success('Success', `Video ${this.video.name} deleted.`)
+
+              // Go back to the video-list.
+              this.router.navigate([ '/videos/list' ])
+            },
+
+            error => this.notificationsService.error('Error', error.text)
+          )
+      }
+    )
+  }
+
   private updateVideoDescription (description: string) {
     this.video.description = description
     this.setVideoDescriptionHTML()