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