60 lines
1.7 KiB
TypeScript
60 lines
1.7 KiB
TypeScript
import { Component, inject } from '@angular/core';
|
|
import {
|
|
MAT_DIALOG_DATA,
|
|
MatDialogActions,
|
|
MatDialogContent,
|
|
MatDialogRef,
|
|
MatDialogTitle,
|
|
} from '@angular/material/dialog';
|
|
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
import QualificationService from '../../services/qualification.service';
|
|
import { MatButton } from '@angular/material/button';
|
|
import { HttpErrorResponse } from '@angular/common/http';
|
|
import { MatIcon } from '@angular/material/icon';
|
|
|
|
@Component({
|
|
selector: 'app-delete-qualification',
|
|
imports: [
|
|
FormsModule,
|
|
MatDialogContent,
|
|
MatDialogTitle,
|
|
ReactiveFormsModule,
|
|
MatDialogActions,
|
|
MatButton,
|
|
MatIcon,
|
|
],
|
|
templateUrl: './delete.component.html',
|
|
standalone: true,
|
|
})
|
|
export class DeleteComponent {
|
|
public id: number = inject(MAT_DIALOG_DATA);
|
|
public apiError: string | null = null;
|
|
|
|
private qualificationService: QualificationService =
|
|
inject(QualificationService);
|
|
private dialogRef: MatDialogRef<DeleteComponent> = inject(MatDialogRef);
|
|
|
|
delete() {
|
|
this.qualificationService.delete(this.id).subscribe({
|
|
next: () => {
|
|
this.dialogRef.close(true);
|
|
},
|
|
error: (error: HttpErrorResponse) => {
|
|
console.error('Error deleting qualification:', error);
|
|
|
|
if (error.error.message.includes('SQL')) {
|
|
// The API message is undescriptive but this is the most common
|
|
this.apiError =
|
|
'This qualification cannot be deleted because it is currently assigned to one or more employees';
|
|
} else {
|
|
this.apiError = 'API Error';
|
|
}
|
|
},
|
|
});
|
|
}
|
|
|
|
closeModal() {
|
|
this.dialogRef.close(false);
|
|
}
|
|
}
|