feat: add employee creation component and route

src/app/app.routes.ts

@@ -5,6 +5,7 @@ import { EmployeeDetailComponent } from "./components/employee-detail/employee-d
 import { QualifikatonBearbeitenViewComponent } from "./components/qualifikaton-bearbeiten-view/qualifikaton-bearbeiten-view.component";
 import { MitarbeiterBearbeitenViewComponent } from "./components/mitarbeiter-bearbeiten-view/mitarbeiter-bearbeiten-view.component";
 import { AuthGuard } from "./service/auth.service";
+import { MitarbeiterErstellenComponent } from "./components/mitarbeiter-erstellen/mitarbeiter-erstellen.component";
 
 export const routes: Routes = [
   {
@@ -16,6 +17,11 @@ export const routes: Routes = [
     component: MitarbeiterverwaltungViewComponent,
     canActivate: [AuthGuard],
   },
+  {
+    path: "mitarbeitererstellen",
+    component: MitarbeiterErstellenComponent,
+    canActivate: [AuthGuard],
+  },
   {
     path: "mitarbeiterbearbeiten/:id",
     component: MitarbeiterBearbeitenViewComponent,

src/app/components/mitarbeiter-erstellen/mitarbeiter-erstellen.component.ts

@@ -1,12 +1,13 @@
 import { Component } from '@angular/core';
-import { EmployeeResponseDTO } from '../models/mitarbeiter';
-import { EmployeeService } from '../service/employee.service';
 import { ActivatedRoute, Router } from '@angular/router';
+import { EmployeeResponseDTO } from '../../models/mitarbeiter';
+import { EmployeeService } from '../../service/employee.service';
+import { MitarbeiterFormComponent } from '../mitarbeiter-form/mitarbeiter-form.component';
 
 @Component({
   selector: 'app-mitarbeiter-erstellen',
   standalone: true,
-  imports: [],
+  imports: [MitarbeiterFormComponent],
   templateUrl: './mitarbeiter-erstellen.component.html',
   styleUrl: './mitarbeiter-erstellen.component.css'
 })
@@ -16,7 +17,7 @@ export class MitarbeiterErstellenComponent {
   constructor(private employeeService: EmployeeService, private route: ActivatedRoute, private router: Router) { }
 
   submitted(mitarbeiter: EmployeeResponseDTO) {
-    this.employeeService.updateEmployee(mitarbeiter);
+    this.employeeService.createEmployee(mitarbeiter);
     this.returnToEmployeeOverview();
   }
 

src/app/service/employee.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from "@angular/core";
-import { EmployeeRequestPutDTO, EmployeeResponseDTO } from "../models/mitarbeiter";
+import { EmployeeRequestDTO, EmployeeRequestPutDTO, EmployeeResponseDTO } from "../models/mitarbeiter";
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
 import { SkillService } from "./skill.service";
@@ -10,6 +10,17 @@ import { SkillService } from "./skill.service";
 export class EmployeeService {
   constructor(private http: HttpClient) { }
 
+  responseToRequestDto(employee: EmployeeResponseDTO): EmployeeRequestDTO {
+    return {
+      firstName: employee.firstName,
+      lastName: employee.lastName,
+      street: employee.street,
+      postcode: employee.postcode,
+      city: employee.city,
+      phone: employee.phone,
+      skillSet: employee.skillSet?.map(skill => skill.id) || [],
+    }
+  }
 
   responseDtoToPutDto(employee: EmployeeResponseDTO): EmployeeRequestPutDTO {
     return {
@@ -24,7 +35,7 @@ export class EmployeeService {
   }
 
   createEmployee(employee: EmployeeResponseDTO) {
-
+    this.http.post(`${SkillService.BASE_URL}/employees`, this.responseToRequestDto(employee)).subscribe();
   }
 
   updateEmployee(employee: EmployeeResponseDTO) {