From f20fd0566f12efb913be0280a8adbe7e42445ab8 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Wed, 14 Aug 2024 18:04:52 +0200
Subject: [PATCH] bugfixes upload video

---
 backend/videoflix/content/signals.py             | 16 ++++++++--------
 .../upload-movie/upload-movie.component.html     |  3 ++-
 .../upload-movie/upload-movie.component.ts       | 11 +++++++++--
 frontend/src/app/services/movie.service.ts       |  2 +-
 4 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/backend/videoflix/content/signals.py b/backend/videoflix/content/signals.py
index 07c142b..d08057b 100644
--- a/backend/videoflix/content/signals.py
+++ b/backend/videoflix/content/signals.py
@@ -49,14 +49,6 @@ def delete_directory(directory_path):
     else:
         print(f"Folder not found: {directory_path}")
         
-def remove_first_mp4(filename):
-    """
-    Remove the first .mp4 extension from the filename.
-    """
-    name_part, ext_part = filename.split('.mp4', 1)
-    new_filename = name_part + ext_part
-    return new_filename
-
 def delete_converted_files(video_file_path):
     """
     Delete all converted video files related to the original video file.
@@ -67,3 +59,11 @@ def delete_converted_files(video_file_path):
         converted_video_path = remove_first_mp4(converted_video_path)
         if os.path.isfile(converted_video_path):
             os.remove(converted_video_path)
+
+def remove_first_mp4(filename):
+    """
+    Remove the first .mp4 extension from the filename.
+    """
+    name_part, ext_part = filename.split('.mp4', 1)
+    new_filename = name_part + ext_part
+    return new_filename
diff --git a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.html b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.html
index 5a3ad1c..cd1b49a 100644
--- a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.html
+++ b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.html
@@ -84,7 +84,8 @@
             !movieData.title ||
             !movieData.description ||
             !movieData.filmGenre ||
-            !movieData.videoFile
+            !movieData.videoFile ||
+            movieData.send
           "
         ></app-btn-large>
       </form>
diff --git a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.ts b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.ts
index 3710eb5..35926a8 100644
--- a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.ts
+++ b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.ts
@@ -4,6 +4,7 @@ import { FormsModule, NgForm } from '@angular/forms';
 import { ErrorService } from '../../../../services/error.service';
 import { BtnLargeComponent } from '../../../../shared/components/buttons/btn-large/btn-large.component';
 import { MovieService } from '../../../../services/movie.service';
+
 @Component({
   selector: 'app-upload-movie',
   standalone: true,
@@ -19,6 +20,7 @@ export class UploadMovieComponent {
     description: '',
     filmGenre: '',
     videoFile: null as File | null,
+    send: false,
   };
 
   constructor(
@@ -52,8 +54,13 @@ export class UploadMovieComponent {
       }
       try {
         await this.movieService.uploadMovie(formData);
-        ngForm.resetForm();
-        this.uploadMovieOverview();
+        this.movieData.send = true;
+        setTimeout(() => {
+          ngForm.resetForm();
+          this.uploadMovieOverview();
+          this.movieData.send = false;
+          window.location.reload();
+        }, 1000);
         this.errorService.clearError();
       } catch (error) {
         this.errorService.handleError(error);
diff --git a/frontend/src/app/services/movie.service.ts b/frontend/src/app/services/movie.service.ts
index 834a86f..810e8cc 100644
--- a/frontend/src/app/services/movie.service.ts
+++ b/frontend/src/app/services/movie.service.ts
@@ -36,7 +36,7 @@ export class MovieService {
       authToken = sessionStorage.getItem('authToken');
     }
     return new HttpHeaders({
-      Authorization: `Token ${authToken}`, // Ensure this matches your backend
+      Authorization: `Token ${authToken}`,
     });
   }
 }