Altitude/AltitudeWeb
5
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Prevent duplicate submissions in sendForm by adding a loading state guard and updating the submit button's disabled condition.

Browse Source
This commit is contained in:
akastijn 2025-11-24 01:56:36 +01:00
parent a9e9f1f03a
commit c56f5f9fe1
2 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/pages/forms/appeal/appeal.component.html
View File

@ -130,7 +130,7 @@
}
</mat-form-field>
</div>
<button mat-raised-button (click)="onSubmit()" [disabled]="form.invalid">
<button mat-raised-button (click)="onSubmit()" [disabled]="formSubmitting || form.invalid">
Submit Appeal
</button>
</section>

26
frontend/src/app/pages/forms/appeal/appeal.component.ts
View File

@ -15,6 +15,7 @@ import {MatDialog} from '@angular/material/dialog';
import {VerifyMailDialogComponent} from '@pages/forms/verify-mail-dialog/verify-mail-dialog.component';
import {Router} from '@angular/router';
import {FullSizeComponent} from '@shared-components/full-size/full-size.component';
import {finalize} from 'rxjs';
@Component({
selector: 'app-appeal',
@ -118,7 +119,12 @@ export class AppealComponent implements OnInit, OnDestroy {
private router = inject(Router)
protected formSubmitting: boolean = false;
private sendForm() {
if (this.formSubmitting) {
return;
}
const rawValue = this.form.getRawValue();
const uuid = this.authService.getUuid();
if (uuid === null) {
@ -132,14 +138,18 @@ export class AppealComponent implements OnInit, OnDestroy {
username: this.authService.username()!,
uuid: uuid
}
this.appealsService.submitMinecraftAppeal(appeal).subscribe((result) => {
if (!result.verified_mail) {
throw new Error('Mail not verified');
}
this.router.navigate(['/forms/sent'], {
state: {message: result.message}
}).then();
})
this.appealsService.submitMinecraftAppeal(appeal)
.pipe(
finalize(() => this.formSubmitting = false)
)
.subscribe((result) => {
if (!result.verified_mail) {
throw new Error('Mail not verified');
}
this.router.navigate(['/forms/sent'], {
state: {message: result.message}
}).then();
})
}
public currentPageIndex: number = 0;