HRIS-250 [FE] Integrate Add New Employee Functionality

[jsvelte]

Issue Link

• https://framgiaph.backlog.com/view/HRIS-250

Definition of Done

• Implement client-side validation for all required fields to ensure proper data input.
• Connect the UI to the back-end API endpoint for adding new employee data.
• Test the UI thoroughly to ensure it adds new employee data correctly.

Notes

• BE HRIS-249 [BE] Implement Add New Employee Functionality #205
• Please don't forget to change your Role into an Admin

Pre-condition

• (docker) run docker compose up api db client --build -d
• (local) run dotnet run in api directory
• go to http://localhost:5257/graphql/

query {
  allPositions {
    id
    name
  }
}

query {
  allRoles {
    id
    name
  }
}

# Don't forget the nextauth-token in the http header

• go to http://localhost:3000/employee-management
• Perform Add New Employee

Expected Output

• Only Admin user should be able to perform this add action
• Admin will now be able to create new User

Screenshots/Recordings

record1.webm

[arden-dave-sun]

Approve. 👍