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

close modal after submit

Browse Source
This commit is contained in:
Constantin Simonis 2025-01-08 10:48:24 +01:00
parent 27e77f7c01
commit 3809d0adba
Signed by: csimonis
GPG Key ID: 758DD9C506603183
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/create-employee/create-employee.component.ts
View File

@ -3,9 +3,10 @@ import {FormBuilder, FormControl, FormGroup, ReactiveFormsModule, Validators} fr
import {MatFormField, MatLabel} from "@angular/material/form-field"; import {MatFormField, MatLabel} from "@angular/material/form-field";
import {MatInput} from "@angular/material/input"; import {MatInput} from "@angular/material/input";
import {MatButton} from "@angular/material/button"; import {MatButton} from "@angular/material/button";
import {MatDialogActions, MatDialogContent, MatDialogTitle} from "@angular/material/dialog"; import {MatDialogActions, MatDialogContent, MatDialogRef, MatDialogTitle} from "@angular/material/dialog";
import {Employee} from "../Employee"; import {Employee} from "../Employee";
import EmployeeApiService from "../services/employee-api.service"; import EmployeeApiService from "../services/employee-api.service";
import {catchError} from "rxjs";
@Component({ @Component({
selector: 'app-create-employee', selector: 'app-create-employee',
@ -27,6 +28,7 @@ export class CreateEmployeeComponent implements OnInit{
employeeForm!: FormGroup; employeeForm!: FormGroup;
employeeService: EmployeeApiService = inject(EmployeeApiService); employeeService: EmployeeApiService = inject(EmployeeApiService);
formBuilder: FormBuilder = inject(FormBuilder); formBuilder: FormBuilder = inject(FormBuilder);
dialogRef: MatDialogRef<CreateEmployeeComponent> = inject(MatDialogRef);
ngOnInit(): void { ngOnInit(): void {
this.employeeForm = this.formBuilder.group({ this.employeeForm = this.formBuilder.group({
@ -46,6 +48,6 @@ export class CreateEmployeeComponent implements OnInit{
} }
this.employeeService.create(this.employeeForm.value as Employee).subscribe(); this.employeeService.create(this.employeeForm.value as Employee).subscribe();
location.reload(); this.dialogRef.close();
} }
} }

6
src/app/employee-list/employee-list.component.ts
View File

@ -80,6 +80,10 @@ export class EmployeeListComponent implements OnInit{
} }
protected showCreateEmployeeModal() { protected showCreateEmployeeModal() {
this.createEmployeeDialogue.open(CreateEmployeeComponent); this.createEmployeeDialogue.open(CreateEmployeeComponent)
.afterClosed()
.subscribe(() => {
this.employees$ = this.fetchEmployees();
});
} }
} }