feat: create edit employee page

web/src/lib/constants/date.ts

@@ -2,7 +2,7 @@
  * Date format.
  * Used as the key names for {@link DateFormats}.
  */
-type DateFormat = "shortDateTime" | "shortDate" | "shortTime";
+type DateFormat = "shortDateTime" | "shortDate" | "shortTime" | "shortTime24H";
 
 /**
  * Date formats.
@@ -24,4 +24,9 @@ export const DateFormats: Record<DateFormat, Intl.DateTimeFormatOptions> = {
 		hour: "2-digit",
 		minute: "2-digit",
 	},
+	shortTime24H: {
+		hour: "2-digit",
+		minute: "2-digit",
+		hourCycle: "h24",
+	},
 };

web/src/lib/utils/date.ts

@@ -31,3 +31,12 @@ export function formatDate(
 export function formatTime(time: string): string {
 	return formatDate(`${UNIX_TIME_0_DATE} ${time}`, DateFormats.shortTime);
 }
+
+/**
+ * Formats times to 2-digit hour and 2-digit minutes. In 24 hours format.
+ * @param time Time to be formatted.
+ * @returns Formatted time.
+ */
+export function formatTime24H(time: string): string {
+	return formatDate(`${UNIX_TIME_0_DATE} ${time}`, DateFormats.shortTime24H);
+}

web/src/locales/en.json

@@ -115,7 +115,7 @@
 	"employees.role": "Role",
 	"employees.role.manager": "Manager",
 	"employees.role.wasteOperator": "Waste operator",
-	"employees.birthdate": "Birthdate",
+	"employees.dateOfBirth": "Birthdate",
 	"employees.phone": "Phone",
 	"employees.location": "Location",
 	"employees.scheduleStart": "Schedule start",
@@ -125,6 +125,11 @@
 	"employees.delete.success": "Employee deleted successfully",
 	"employees.delete.conflict.title": "Conflict",
 	"employees.delete.conflict.description": "This employee cannot be deleted because it's associated with a route.",
+	"employees.update.success": "Employee updated successfully",
+	"employees.username.placeholder": "Enter username",
+	"employees.firstName.placeholder": "Enter first name",
+	"employees.lastName.placeholder": "Enter last name",
+	"employees.phone.placeholder": "Enter phone number",
 	"employees.updatePassword.title": "Change password",
 	"employees.updatePassword.currentPassword.label": "Current password",
 	"employees.updatePassword.newPassword.label": "New password",

web/src/locales/pt.json

@@ -115,7 +115,7 @@
 	"employees.role": "Cargo",
 	"employees.role.manager": "Gerente",
 	"employees.role.wasteOperator": "Operador de resíduos",
-	"employees.birthdate": "Data de nascimento",
+	"employees.dateOfBirth": "Data de nascimento",
 	"employees.phone": "Telefone",
 	"employees.location": "Localização",
 	"employees.scheduleStart": "Hora de início",
@@ -124,6 +124,11 @@
 	"employees.notFound.description": "O colaborador que procura não existe.",
 	"employees.delete.success": "Colaborador eliminado com sucesso",
 	"employees.delete.conflict.title": "Conflito",
+	"employees.update.success": "Colaborador atualizado com sucesso",
+	"employees.username.placeholder": "Introduza o nome de utilizador",
+	"employees.firstName.placeholder": "Introduza o primeiro nome",
+	"employees.lastName.placeholder": "Introduza o último nome",
+	"employees.phone.placeholder": "Introduza o número de telefone",
 	"employees.delete.conflict.description": "Este colaborador não pode ser eliminado porque está associado a uma rota.",
 	"employees.updatePassword.title": "Alterar palavra-passe",
 	"employees.updatePassword.currentPassword.label": "Palavra-passe atual",

web/src/locales/schema.json

@@ -346,7 +346,7 @@
 		"employees.role.wasteOperator": {
 			"type": "string"
 		},
-		"employees.birthdate": {
+		"employees.dateOfBirth": {
 			"type": "string"
 		},
 		"employees.phone": {
@@ -376,6 +376,21 @@
 		"employees.delete.conflict.description": {
 			"type": "string"
 		},
+		"employees.update.success": {
+			"type": "string"
+		},
+		"employees.username.placeholder": {
+			"type": "string"
+		},
+		"employees.firstName.placeholder": {
+			"type": "string"
+		},
+		"employees.lastName.placeholder": {
+			"type": "string"
+		},
+		"employees.phone.placeholder": {
+			"type": "string"
+		},
 		"employees.updatePassword.title": {
 			"type": "string"
 		},

web/src/routes/backOffice/employees/EmployeesRouter.svelte

@@ -2,9 +2,13 @@
 	import { Route, Router } from "svelte-routing";
 	import Employees from "./list/Employees.svelte";
 	import Employee from "./details/Employee.svelte";
+	import EditEmployee from "./edit/EditEmployee.svelte";
 </script>
 
 <Router>
+	<Route path="/:id/edit" let:params>
+		<EditEmployee id={params.id} />
+	</Route>
 	<Route path="/:id" let:params>
 		<Employee id={params.id} />
 	</Route>