jank/employeeService
1
1
Fork 0
Code Issues 2 Pull requests 4 Projects 1 Releases Packages Wiki Activity Actions

feat: add navigation to employee overview after update

Browse source
This commit is contained in:
Jan Gleytenhoover 2025-01-15 11:40:51 +01:00
parent 8abc5855dd
commit feaf8f54d2
Signed by: jank
GPG key ID: 50620ADD22CD330B
3 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/app/components/mitarbeiter-bearbeiten-view/mitarbeiter-bearbeiten-view.component.ts
View file

@ -2,7 +2,7 @@ import { Component } from '@angular/core';
import { MitarbeiterFormComponent } from '../mitarbeiter-form/mitarbeiter-form.component'; import { MitarbeiterFormComponent } from '../mitarbeiter-form/mitarbeiter-form.component';
import { EmployeeResponseDTO } from '../../models/mitarbeiter'; import { EmployeeResponseDTO } from '../../models/mitarbeiter';
import { EmployeeService } from '../../service/employee.service'; import { EmployeeService } from '../../service/employee.service';
import { ActivatedRoute } from '@angular/router'; import { ActivatedRoute, Router } from '@angular/router';
@Component({ @Component({
selector: 'app-mitarbeiter-bearbeiten-view', selector: 'app-mitarbeiter-bearbeiten-view',
@ -14,10 +14,15 @@ import { ActivatedRoute } from '@angular/router';
export class MitarbeiterBearbeitenViewComponent { export class MitarbeiterBearbeitenViewComponent {
public mitarbeiter!: EmployeeResponseDTO; public mitarbeiter!: EmployeeResponseDTO;
constructor(private employeeService: EmployeeService, private route: ActivatedRoute) { } constructor(private employeeService: EmployeeService, private route: ActivatedRoute, private router: Router) { }
submitted(mitarbeiter: EmployeeResponseDTO) { submitted(mitarbeiter: EmployeeResponseDTO) {
this.employeeService.updateEmployee(mitarbeiter); this.employeeService.updateEmployee(mitarbeiter);
this.returnToEmployeeOverview();
}
returnToEmployeeOverview() {
this.router.navigate(["mitarbeiter"]);
} }
ngOnInit(): void { ngOnInit(): void {

2
src/app/components/mitarbeiter-form/mitarbeiter-form.component.html
View file

@ -1,7 +1,7 @@
<form [formGroup]="mitarbeiterForm"> <form [formGroup]="mitarbeiterForm">
<div class="container"> <div class="container">
<button class="back-button">Back</button> <button (click)="returnToEmployeeOverview()" class="back-button">Back</button>
<div class="user-info"> <div class="user-info">
<div class="form-group"> <div class="form-group">
<label for="firstName">First Name</label> <label for="firstName">First Name</label>

5
src/app/components/mitarbeiter-form/mitarbeiter-form.component.ts
View file

@ -28,7 +28,12 @@ export class MitarbeiterFormComponent {
} }
returnToEmployeeOverview() {
this.router.navigate(["mitarbeiter"]);
}
private setupForm() { private setupForm() {
this.mitarbeiterForm = new FormGroup({ this.mitarbeiterForm = new FormGroup({
lastName: new FormControl(this.mitarbeiter.lastName), lastName: new FormControl(this.mitarbeiter.lastName),
firstName: new FormControl(this.mitarbeiter.firstName), firstName: new FormControl(this.mitarbeiter.firstName),