cleanup

ConductionNL · Dec 6, 2024 · 05fa507 · 05fa507
1 parent afd8c2f
commit 05fa507
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 21 deletions.
diff --git a/src/modals/contactMomenten/ContactMomentenForm.vue b/src/modals/contactMomenten/ContactMomentenForm.vue
@@ -23,31 +23,29 @@ import { contactMomentStore, navigationStore, taakStore, zaakStore } from '../..
 						<template #default>
 							<div v-if="klant">
 								{{ `${getSex(klant)} ${getName(klant)}` }}
+								<div v-if="klant?.type === 'persoon'" class="flexContainer">
+									<div>
+										Geboortedatum: {{ getValidISOstring(klant?.geboortedatum) ? new Date(klant?.geboortedatum).toLocaleDateString() : 'N/A' }}
+									</div>
+									<div>
+										Geboorteplaats: {{ klant?.plaats ?? 'N/A' }}
+									</div>
+								</div>
+								<div v-if="klant?.type === 'organisatie'" class="flexContainer">
+									<div>
+										KVK: {{ klant?.kvkNummer ?? 'N/A' }}
+									</div>
+									<div>
+										Locatie: {{ klant?.postcode ?? 'N/A' }} {{ klant?.straatnaam ?? 'N/A' }}
+									</div>
+								</div>
 							</div>
 							<div v-else>
 								Geen klant geselecteerd
 							</div>
-							<div class="flexContainer">
-								<div>
-									Geboortedatum: {{ getValidISOstring(klant.geboortedatum) ? new Date(klant.geboortedatum).toLocaleDateString() : 'N/A' }}
-								</div>
-								<div>
-									Geboorteplaats: {{ klant.plaats ?? 'N/A' }}
-								</div>
-							</div>
 						</template>
 					</NcNoteCard>
-
-					<div class="flexContainer">
-						<div v-if="contactMoment.status">
-							status: {{ contactMoment.status }}
-						</div>
-						<div v-if="contactMoment.startDate">
-							startDate: {{ new Date(contactMoment.startDate).toLocaleDateString() }}
-						</div>
-					</div>
 				</div>
-
 				<div v-if="!klant" class="buttonsContainer">
 					<div>
 						<NcButton
@@ -92,6 +90,14 @@ import { contactMomentStore, navigationStore, taakStore, zaakStore } from '../..
 						</NcButton>
 					</div>
 				</div>
+				<div v-if="isView" class="statusContainer">
+					<div v-if="contactMoment.status">
+						Status: {{ contactMoment.status }}
+					</div>
+					<div v-if="contactMoment.startDate">
+						Start datum: {{ new Date(contactMoment.startDate).toLocaleDateString() }}
+					</div>
+				</div>
 			</div>
 
 			<div v-if="!success" class="form-group">
@@ -553,8 +559,12 @@ div[class='modal-container']:has(.ContactMomentenForm) {
     gap: var(--zaa-margin-10);
 }
 
-.flexContainer {
+.flexContainer, .statusContainer {
 	display: flex;
 	gap: var(--zaa-margin-10);
 }
+
+.statusContainer {
+	align-items: center;
+}
 </style>
diff --git a/src/views/widgets/ContactMomentenWidget.vue b/src/views/widgets/ContactMomentenWidget.vue
@@ -109,8 +109,7 @@ export default {
 						mainText: (() => { // this is a self calling function to get the klant name, which is why you don't see it being called anywhere
 							const klant = klantResponse.entities.find(klant => klant.id === contactMoment.klant)
 							if (klant) {
-								const tussenvoegsel = klant.tussenvoegsel ? klant.tussenvoegsel + ' ' : ''
-								return `${klant.voornaam} ${tussenvoegsel}${klant.achternaam}`
+								return klant.type === 'persoon' ? `${klant.voornaam} ${klant.tussenvoegsel} ${klant.achternaam}` : `${klant.bedrijfsnaam}`
 							}
 							return ''
 						})(),