bugfixes upload video

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

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>

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);

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}`,
     });
   }
 }