Fix: Close button triggering form submission issue

This commit is contained in:
Chneemann 2024-09-07 10:53:56 +02:00
parent 46686bb0da
commit a392c9ff21
2 changed files with 6 additions and 4 deletions

View file

@ -1,4 +1,4 @@
<div class="overlay" (click)="uploadMovieOverview()"> <div class="overlay" (click)="closeMovieUploadOverview()">
<div class="center" (click)="stopPropagation($event)"> <div class="center" (click)="stopPropagation($event)">
<div class="content"> <div class="content">
<div class="headline">Upload Movie</div> <div class="headline">Upload Movie</div>
@ -84,10 +84,12 @@
</div> </div>
<div class="buttons"> <div class="buttons">
<app-btn-large <app-btn-large
[type]="'button'"
[value]="'Close'" [value]="'Close'"
(click)="uploadMovieOverview()" (click)="closeMovieUploadOverview()"
></app-btn-large> ></app-btn-large>
<app-btn-large <app-btn-large
[type]="'submit'"
[value]="'Upload Movie'" [value]="'Upload Movie'"
[disabled]=" [disabled]="
!movieData.title || !movieData.title ||

View file

@ -40,7 +40,7 @@ export class UploadMovieComponent {
event.stopPropagation(); event.stopPropagation();
} }
uploadMovieOverview() { closeMovieUploadOverview() {
this.toggleUploadMovieOverview.emit(false); this.toggleUploadMovieOverview.emit(false);
} }
@ -76,7 +76,7 @@ export class UploadMovieComponent {
let formData = this.createFormData(); let formData = this.createFormData();
await this.movieService.uploadMovie(formData); await this.movieService.uploadMovie(formData);
ngForm.resetForm(); ngForm.resetForm();
this.uploadMovieOverview(); this.closeMovieUploadOverview();
this.movieData.send = false; this.movieData.send = false;
window.location.reload(); window.location.reload();
this.errorService.clearError(); this.errorService.clearError();