From: Chocobozzz <me@florianbigard.com>
Date: Wed, 20 Dec 2017 16:53:58 +0000 (+0100)
Subject: Add ability to remove a video on watch page
X-Git-Tag: v0.0.1-alpha~95
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=6725d05c5f71e0cdf0deba6692220b73e42e7ffa;p=oweals%2Fpeertube.git

Add ability to remove a video on watch page
---

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 e3214a331..e9ca336dd 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.html
+++ b/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>
diff --git a/client/src/app/videos/+video-watch/video-watch.component.ts b/client/src/app/videos/+video-watch/video-watch.component.ts
index adb698e99..df4cfa666 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.ts
+++ b/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()