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

stop page reload after employee deletion (#25)

Browse Source 
Reviewed-on: #25
Reviewed-by: Get in my car i have candy <huydw@proton.me>
Co-authored-by: Constantin Simonis <constantin@simonis.lol>
Co-committed-by: Constantin Simonis <constantin@simonis.lol>
This commit is contained in:
Constantin Simonis 2025-01-09 11:06:30 +00:00 committed by Get in my car i have candy
parent 294191d24e
commit b0009229d1
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/employee/delete/delete.component.ts
View File

@ -4,7 +4,7 @@ import {
MAT_DIALOG_DATA, MAT_DIALOG_DATA,
MatDialogActions, MatDialogActions,
MatDialogClose, MatDialogClose,
MatDialogContent, MatDialogContent, MatDialogRef,
MatDialogTitle MatDialogTitle
} from "@angular/material/dialog"; } from "@angular/material/dialog";
import {MatButton} from "@angular/material/button"; import {MatButton} from "@angular/material/button";
@ -25,12 +25,12 @@ import EmployeeApiService from "../../services/employee-api.service";
}) })
export class DeleteComponent { export class DeleteComponent {
private apiService: EmployeeApiService = inject(EmployeeApiService); private apiService: EmployeeApiService = inject(EmployeeApiService);
private dialogRef: MatDialogRef<DeleteComponent> = inject(MatDialogRef);
protected employee: Employee = inject(MAT_DIALOG_DATA); protected employee: Employee = inject(MAT_DIALOG_DATA);
deleteEmployee(id: number) { deleteEmployee(id: number) {
this.apiService.deleteById(id).subscribe(); this.apiService.deleteById(id).subscribe();
location.reload(); this.dialogRef.close()
} }
} }

6
src/app/employee/table/table.component.ts
View File

@ -73,7 +73,11 @@ export class TableComponent implements OnInit{
} }
protected openDeleteDialogue(employee: Employee): void { protected openDeleteDialogue(employee: Employee): void {
this.deleteDialogue.open(DeleteComponent, {data: employee}); this.deleteDialogue.open(DeleteComponent, {data: employee})
.afterClosed()
.subscribe(() => {
this.employees$ = this.fetchEmployees();
});
} }
protected showCreateEmployeeModal() { protected showCreateEmployeeModal() {