angular/ems-frontend
angular/ems-frontend
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Display api errors

Browse Source
This commit is contained in:
Phan Huy Tran 2025-01-08 11:08:03 +01:00
parent daa7af73a4
commit e24faf7eaa
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/create-qualification/create-qualification.component.html
View File

@ -2,6 +2,10 @@
<mat-dialog-content> <mat-dialog-content>
<form [formGroup]="qualificationForm" (ngSubmit)="create()"> <form [formGroup]="qualificationForm" (ngSubmit)="create()">
<div class="!space-y-4"> <div class="!space-y-4">
@if (apiErrorMessage) {
<mat-error>{{ apiErrorMessage }}</mat-error>
}
<mat-form-field class="!w-full"> <mat-form-field class="!w-full">
<mat-label>Skill</mat-label> <mat-label>Skill</mat-label>
<input matInput <input matInput

4
src/app/create-qualification/create-qualification.component.ts
View File

@ -29,6 +29,8 @@ export class CreateQualificationComponent {
private qualificationService: QualificationService = inject(QualificationService); private qualificationService: QualificationService = inject(QualificationService);
private dialogRef: MatDialogRef<CreateQualificationComponent> = inject(MatDialogRef); private dialogRef: MatDialogRef<CreateQualificationComponent> = inject(MatDialogRef);
public apiErrorMessage: string = '';
qualificationForm = this.formBuilder.group({ qualificationForm = this.formBuilder.group({
'skill': ['', Validators.required], 'skill': ['', Validators.required],
}); });
@ -58,6 +60,8 @@ export class CreateQualificationComponent {
}, },
error: (error) => { error: (error) => {
console.error('Error creating qualification:', error); console.error('Error creating qualification:', error);
this.apiErrorMessage = 'API Error';
} }
}); });
} }