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

add form to create employee #18

Merged
csimonis merged 7 commits from feature/add-employee into main 2025-01-09 09:59:02 +00:00
Conversation 2 Commits 7 Files Changed 8 +9 -8
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 2c54546620 - Show all commits

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

@ -1,5 +1,5 @@
import {Component, inject, OnInit} from '@angular/core'; import {Component, inject, OnInit} from '@angular/core';
import {FormControl, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms"; import {FormBuilder, FormControl, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms";
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";
@ -26,15 +26,16 @@ import EmployeeApiService from "../services/employee-api.service";
export class CreateEmployeeComponent implements OnInit{ export class CreateEmployeeComponent implements OnInit{
employeeForm!: FormGroup; employeeForm!: FormGroup;
employeeService: EmployeeApiService = inject(EmployeeApiService); employeeService: EmployeeApiService = inject(EmployeeApiService);
formBuilder: FormBuilder = inject(FormBuilder);
ngOnInit(): void { ngOnInit(): void {
this.employeeForm = new FormGroup({ this.employeeForm = this.formBuilder.group({
firstName: new FormControl('', {validators: [Validators.required]}), firstName: ['', Validators.required],
lastName: new FormControl('', {validators: [Validators.required]}), lastName: ['', Validators.required],
street: new FormControl('', {validators: [Validators.required]}), street: ['', Validators.required],
postcode: new FormControl('', {validators: [Validators.required, Validators.minLength(5), Validators.maxLength(5)]}), postcode: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(5)]],
city: new FormControl('', {validators: [Validators.required]}), city: ['', Validators.required],
phone: new FormControl('', {validators: [Validators.required]}), phone: ['', Validators.required],
}); });
} }