feat: add navigation to employee overview after update
This commit is contained in:
		
					parent
					
						
							
								8abc5855dd
							
						
					
				
			
			
				commit
				
					
						feaf8f54d2
					
				
			
		
					 3 changed files with 13 additions and 3 deletions
				
			
		|  | @ -2,7 +2,7 @@ import { Component } from '@angular/core'; | |||
| import { MitarbeiterFormComponent } from '../mitarbeiter-form/mitarbeiter-form.component'; | ||||
| import { EmployeeResponseDTO } from '../../models/mitarbeiter'; | ||||
| import { EmployeeService } from '../../service/employee.service'; | ||||
| import { ActivatedRoute } from '@angular/router'; | ||||
| import { ActivatedRoute, Router } from '@angular/router'; | ||||
| 
 | ||||
| @Component({ | ||||
|   selector: 'app-mitarbeiter-bearbeiten-view', | ||||
|  | @ -14,10 +14,15 @@ import { ActivatedRoute } from '@angular/router'; | |||
| export class MitarbeiterBearbeitenViewComponent { | ||||
|   public mitarbeiter!: EmployeeResponseDTO; | ||||
| 
 | ||||
|   constructor(private employeeService: EmployeeService, private route: ActivatedRoute) { } | ||||
|   constructor(private employeeService: EmployeeService, private route: ActivatedRoute, private router: Router) { } | ||||
| 
 | ||||
|   submitted(mitarbeiter: EmployeeResponseDTO) { | ||||
|     this.employeeService.updateEmployee(mitarbeiter); | ||||
|     this.returnToEmployeeOverview(); | ||||
|   } | ||||
| 
 | ||||
|   returnToEmployeeOverview() { | ||||
|     this.router.navigate(["mitarbeiter"]); | ||||
|   } | ||||
| 
 | ||||
|   ngOnInit(): void { | ||||
|  |  | |||
|  | @ -1,7 +1,7 @@ | |||
| <form [formGroup]="mitarbeiterForm"> | ||||
| 
 | ||||
|   <div class="container"> | ||||
|     <button class="back-button">Back</button> | ||||
|     <button (click)="returnToEmployeeOverview()" class="back-button">Back</button> | ||||
|     <div class="user-info"> | ||||
|       <div class="form-group"> | ||||
|         <label for="firstName">First Name</label> | ||||
|  |  | |||
|  | @ -28,7 +28,12 @@ export class MitarbeiterFormComponent { | |||
| 
 | ||||
|   } | ||||
| 
 | ||||
|   returnToEmployeeOverview() { | ||||
|     this.router.navigate(["mitarbeiter"]); | ||||
|   } | ||||
| 
 | ||||
|   private setupForm() { | ||||
| 
 | ||||
|     this.mitarbeiterForm = new FormGroup({ | ||||
|       lastName: new FormControl(this.mitarbeiter.lastName), | ||||
|       firstName: new FormControl(this.mitarbeiter.firstName), | ||||
|  |  | |||
		Reference in a new issue