Add filename in upload form title

2 files changed, 5 insertions, 1 deletions

diff --git a/client/src/app/videos/+video-edit/video-add.component.html b/client/src/app/videos/+video-edit/video-add.component.html
index 6dcf5bf75..440556562 100644
--- a/client/src/app/videos/+video-edit/video-add.component.html
+++ b/client/src/app/videos/+video-edit/video-add.component.html
@@ -1,6 +1,7 @@
 <div class="margin-content">
   <div class="title-page title-page-single">
-    Upload your video
+    <ng-template [ngIf]="!videoFileName">Upload your video</ng-template>
+    <ng-template [ngIf]="videoFileName">Upload {{ videoFileName }}</ng-template>
   </div>
 
   <div *ngIf="!isUploadingVideo" class="upload-video-container">
diff --git a/client/src/app/videos/+video-edit/video-add.component.ts b/client/src/app/videos/+video-edit/video-add.component.ts
index 75d608162..e81243d3e 100644
--- a/client/src/app/videos/+video-edit/video-add.component.ts
+++ b/client/src/app/videos/+video-edit/video-add.component.ts
@@ -37,6 +37,7 @@ export class VideoAddComponent extends FormReactive implements OnInit, OnDestroy
     id: 0,
     uuid: ''
   }
+  videoFileName: string
 
   form: FormGroup
   formErrors: { [ id: string ]: string } = {}
@@ -147,6 +148,8 @@ export class VideoAddComponent extends FormReactive implements OnInit, OnDestroy
       return
     }
 
+    this.videoFileName = videofile.name
+
     const name = videofile.name.replace(/\.[^/.]+$/, '')
     const privacy = this.firstStepPrivacyId.toString()
     const nsfw = false