Merge pull request #59 from ConductionNL/feature/PC107-77/search-pers…

…on-update

feature/PC107-77/search-person-update

src/entities/klanten/klanten.mock.ts

@@ -10,6 +10,7 @@ export const mockKlantData = (): TKlant[] => [
 		achternaam: 'Doe',
 		bsn: '1234567890',
 		geboortedatum: '1990-01-01',
+		isMale: true,
 		land: 'Nederland',
 		telefoonnummer: '0612345678',
 		emailadres: '[email protected]',

src/entities/klanten/klanten.ts

@@ -11,6 +11,7 @@ export class Klant implements TKlant {
 	public achternaam: string
 	public bsn: string
 	public geboortedatum: string
+	public isMale: boolean
 	public land: string
 
 	public telefoonnummer: string
@@ -41,6 +42,7 @@ export class Klant implements TKlant {
 		this.achternaam = source.achternaam || ''
 		this.bsn = source.bsn || ''
 		this.geboortedatum = source.geboortedatum || ''
+		this.isMale = source.isMale || false
 		this.land = source.land || ''
 		this.telefoonnummer = source.telefoonnummer || ''
 		this.emailadres = source.emailadres || ''
@@ -69,6 +71,7 @@ export class Klant implements TKlant {
 			achternaam: z.string(),
 			bsn: z.string(),
 			geboortedatum: z.string(),
+			isMale: z.boolean(),
 			land: z.string(),
 			telefoonnummer: z.string(),
 			emailadres: z.string().email(),

src/entities/klanten/klanten.types.ts

@@ -8,6 +8,7 @@ export type TKlant = {
     achternaam: string;
     bsn: string;
     geboortedatum: string;
+    isMale: boolean;
     land: string;
     telefoonnummer: string;
     emailadres: string;

src/modals/klanten/EditKlant.vue

@@ -47,6 +47,9 @@ import { klantStore, navigationStore } from '../../store/store.js'
 					:disabled="loading"
 					input-label="Geboortedatum" />
 			</div>
+			<NcCheckboxRadioSwitch :checked.sync="klantItem.isMale">
+				Is een man?
+			</NcCheckboxRadioSwitch>
 			<NcSelect
 				v-bind="countryOptions"
 				v-model="klantItem.land"
@@ -177,6 +180,7 @@ import {
 	NcNoteCard,
 	NcSelect,
 	NcDateTimePicker,
+	NcCheckboxRadioSwitch,
 } from '@nextcloud/vue'
 import { countries } from '../../data/countries.js'
 
@@ -196,6 +200,7 @@ export default {
 		NcNoteCard,
 		NcSelect,
 		NcDateTimePicker,
+		NcCheckboxRadioSwitch,
 		// Icons
 		ContentSaveOutline,
 		Cancel,
@@ -221,6 +226,7 @@ export default {
 				achternaam: '',
 				bsn: '',
 				geboortedatum: '',
+				isMale: false,
 				land: '',
 				telefoonnummer: '',
 				emailadres: '',
@@ -269,6 +275,7 @@ export default {
 					achternaam: klantStore.klantItem.achternaam || '',
 					bsn: klantStore.klantItem.bsn || '',
 					geboortedatum: klantStore.klantItem.geboortedatum ? new Date(klantStore.klantItem.geboortedatum) : '',
+					isMale: klantStore.klantItem.isMale || false,
 					land: country || '',
 					telefoonnummer: klantStore.klantItem.telefoonnummer || '',
 					emailadres: klantStore.klantItem.emailadres || '',
@@ -306,6 +313,7 @@ export default {
 				achternaam: '',
 				bsn: '',
 				geboortedatum: '',
+				isMale: false,
 				land: '',
 				telefoonnummer: '',
 				emailadres: '',

src/modals/klanten/SearchKlantModal.vue

@@ -84,7 +84,7 @@ import { klantStore } from '../../store/store.js'
 			<div v-if="klanten?.length && !loading">
 				<NcListItem v-for="(klant, i) in klanten"
 					:key="`${klant}${i}`"
-					:name="getName(klant)"
+					:name="`(${klant.isMale ? 'm' : 'v'}) ${getName(klant)} ${getSubname(klant)}`"
 					:active="selectedKlant === klant?.id"
 					:force-display-actions="true"
 					:details="_.upperFirst(klant.type)"
@@ -100,7 +100,7 @@ import { klantStore } from '../../store/store.js'
 							:size="44" />
 					</template>
 					<template #subname>
-						{{ getSubname(klant) }}
+						{{ getSummary(klant) }}
 					</template>
 				</NcListItem>
 			</div>
@@ -150,6 +150,7 @@ import AccountOutline from 'vue-material-design-icons/AccountOutline.vue'
 import ContentSaveOutline from 'vue-material-design-icons/ContentSaveOutline.vue'
 import Search from 'vue-material-design-icons/Magnify.vue'
 import Cancel from 'vue-material-design-icons/Cancel.vue'
+import getValidISOstring from '../../services/getValidISOstring.js'
 export default {
 	name: 'SearchKlantModal',
 	components: {
@@ -252,6 +253,17 @@ export default {
 			if (klant.type === 'persoon') {
 				return klant?.tussenvoegsel ? `${klant.tussenvoegsel} ${klant.achternaam}` : klant?.achternaam ? `${klant.achternaam}` : 'onbekend'
 			}
+			if (klant.type === 'organisatie') {
+				return ''
+			}
+			return 'onbekend'
+		},
+		getSummary(klant) {
+			if (klant.type === 'persoon') {
+				const geboortedatum = getValidISOstring(klant.geboortedatum) ? new Date(klant.geboortedatum).toLocaleDateString() : 'onbekend'
+				const geboortestad = klant.plaats ? `${klant.plaats}` : 'onbekend'
+				return `${geboortedatum} - ${geboortestad}`
+			}
 			if (klant.type === 'organisatie') {
 				return klant?.websiteUrl ?? 'onbekend'
 			}