From 8b1b1354162c2ea01d5eea4eaa78fe4092abc184 Mon Sep 17 00:00:00 2001
From: Thijn <thijn@conduction.nl>
Date: Tue, 10 Dec 2024 16:48:36 +0100
Subject: [PATCH 1/2] added more fields to medewerker

---
 src/entities/medewerkers/medewerkers.mock.ts  |  1 +
 src/entities/medewerkers/medewerkers.ts       |  4 +-
 src/entities/medewerkers/medewerkers.types.ts |  1 +
 src/modals/medewerkers/EditMedewerker.vue     | 43 +++++--------------
 4 files changed, 15 insertions(+), 34 deletions(-)

diff --git a/src/entities/medewerkers/medewerkers.mock.ts b/src/entities/medewerkers/medewerkers.mock.ts
index 5fd76c5..6c45360 100644
--- a/src/entities/medewerkers/medewerkers.mock.ts
+++ b/src/entities/medewerkers/medewerkers.mock.ts
@@ -8,6 +8,7 @@ export const mockMedewerkerData = (): TMedewerker[] => [
 		tussenvoegsel: 'de',
 		achternaam: 'Doe',
 		email: 'john.doe@example.com',
+		telefoonnummer: '0612345678',
 	},
 ]
 
diff --git a/src/entities/medewerkers/medewerkers.ts b/src/entities/medewerkers/medewerkers.ts
index 0f5eb9f..302c6aa 100644
--- a/src/entities/medewerkers/medewerkers.ts
+++ b/src/entities/medewerkers/medewerkers.ts
@@ -8,6 +8,7 @@ export class Medewerker implements TMedewerker {
 	public tussenvoegsel: string
 	public achternaam: string
 	public email: string
+	public telefoonnummer: string
 
 	constructor(source: TMedewerker) {
 		this.id = source.id || ''
@@ -15,7 +16,7 @@ export class Medewerker implements TMedewerker {
 		this.tussenvoegsel = source.tussenvoegsel || ''
 		this.achternaam = source.achternaam || ''
 		this.email = source.email || ''
-
+		this.telefoonnummer = source.telefoonnummer || ''
 	}
 
 	public validate(): SafeParseReturnType<TMedewerker, unknown> {
@@ -25,6 +26,7 @@ export class Medewerker implements TMedewerker {
 			tussenvoegsel: z.string(),
 			achternaam: z.string(),
 			email: z.string().email(),
+			telefoonnummer: z.string().min(1),
 		})
 
 		return schema.safeParse(this)
diff --git a/src/entities/medewerkers/medewerkers.types.ts b/src/entities/medewerkers/medewerkers.types.ts
index 7a50331..3face2b 100644
--- a/src/entities/medewerkers/medewerkers.types.ts
+++ b/src/entities/medewerkers/medewerkers.types.ts
@@ -4,4 +4,5 @@ export type TMedewerker = {
     tussenvoegsel: string;
     achternaam: string;
     email: string;
+    telefoonnummer: string;
 }
diff --git a/src/modals/medewerkers/EditMedewerker.vue b/src/modals/medewerkers/EditMedewerker.vue
index a9db1da..563f726 100644
--- a/src/modals/medewerkers/EditMedewerker.vue
+++ b/src/modals/medewerkers/EditMedewerker.vue
@@ -3,8 +3,7 @@ import { medewerkerStore, navigationStore } from '../../store/store.js'
 </script>
 
 <template>
-	<NcDialog v-if="navigationStore.modal === 'editMedewerker'"
-		name="Medewerker"
+	<NcDialog name="Medewerker"
 		size="normal"
 		:can-close="false">
 		<NcNoteCard v-if="success" type="success">
@@ -34,6 +33,13 @@ import { medewerkerStore, navigationStore } from '../../store/store.js'
 				label="Email adres"
 				maxlength="255"
 				:value.sync="medewerkerItem.email" />
+
+			<NcTextField :disabled="loading"
+				label="Telefoonnummer"
+				minlength="10"
+				maxlength="11"
+				placeholder="06 12345678"
+				:value.sync="medewerkerItem.telefoonnummer" />
 		</div>
 
 		<template #actions>
@@ -99,7 +105,6 @@ export default {
 			success: false,
 			loading: false,
 			error: false,
-			hasUpdated: false,
 			countryOptions: {
 				options: countries.map((country) => ({
 					id: country.code,
@@ -111,14 +116,10 @@ export default {
 				tussenvoegsel: '',
 				achternaam: '',
 				email: '',
+				telefoonnummer: '',
 			},
 		}
 	},
-	computed: {
-		items() {
-			return this.medewerkerItems
-		},
-	},
 	mounted() {
 		if (medewerkerStore.medewerkerItem?.id) {
 			this.medewerkerItem = {
@@ -127,37 +128,13 @@ export default {
 				tussenvoegsel: medewerkerStore.medewerkerItem.tussenvoegsel || '',
 				achternaam: medewerkerStore.medewerkerItem.achternaam || '',
 				email: medewerkerStore.medewerkerItem.email || '',
+				telefoonnummer: medewerkerStore.medewerkerItem.telefoonnummer || '',
 			}
 		}
 	},
-	updated() {
-		if (navigationStore.modal === 'editMedewerker' && !this.hasUpdated) {
-
-			if (medewerkerStore.medewerkerItem?.id) {
-				this.medewerkerItem = {
-					...medewerkerStore.medewerkerItem,
-					voornaam: medewerkerStore.medewerkerItem.voornaam || '',
-					tussenvoegsel: medewerkerStore.medewerkerItem.tussenvoegsel || '',
-					achternaam: medewerkerStore.medewerkerItem.achternaam || '',
-					email: medewerkerStore.medewerkerItem.email || '',
-				}
-			}
-			this.hasUpdated = true
-		}
-	},
 	methods: {
 		closeModal() {
 			navigationStore.setModal(false)
-			this.success = false
-			this.loading = false
-			this.error = false
-			this.hasUpdated = false
-			this.medewerkerItem = {
-				voornaam: '',
-				tussenvoegsel: '',
-				achternaam: '',
-				email: '',
-			}
 		},
 		async editMedewerker() {
 			this.loading = true

From 2e8223d9b0c34bf4bfcdde302d1bdf32f4439b53 Mon Sep 17 00:00:00 2001
From: Thijn <thijn@conduction.nl>
Date: Thu, 12 Dec 2024 14:43:44 +0100
Subject: [PATCH 2/2] added phone number to details page

---
 src/views/medewerkers/MedewerkerDetails.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/views/medewerkers/MedewerkerDetails.vue b/src/views/medewerkers/MedewerkerDetails.vue
index bbeb7ce..4252e52 100644
--- a/src/views/medewerkers/MedewerkerDetails.vue
+++ b/src/views/medewerkers/MedewerkerDetails.vue
@@ -55,6 +55,10 @@ import { navigationStore, medewerkerStore, taakStore, berichtStore, zaakStore }
 						<b>Email adres:</b>
 						<p>{{ medewerkerStore.medewerkerItem.email }}</p>
 					</div>
+					<div>
+						<b>Telefoonnummer:</b>
+						<p>{{ medewerkerStore.medewerkerItem.telefoonnummer }}</p>
+					</div>
 				</div>
 			</div>
 		</div>