Merge remote-tracking branch 'origin/development' into feature/dashbo…

…ard-widgets

appinfo/info.xml

@@ -22,7 +22,7 @@ Create a [bug report](https://github.com/OpenCatalogi/.github/issues/new/choose)
 
 Create a [feature request](https://github.com/OpenCatalogi/.github/issues/new/choose)
     ]]></description>
-	<version>0.1.1</version>
+	<version>0.1.2</version>
 	<licence>agpl</licence>
 	<author mail="[email protected]" homepage="https://www.conduction.nl/">Conduction</author>
 	<namespace>ZaakAfhandelApp</namespace>

src/views/klanten/KlantDetails.vue

@@ -290,6 +290,7 @@ export default {
 	},
 	data() {
 		return {
+			currentActiveKlant: undefined, // whole klant object
 			zaken: [],
 			taken: [],
 			berichten: [],
@@ -298,45 +299,50 @@ export default {
 		}
 	},
 	mounted() {
-		this.fetchKlantData(klantStore.klantItem.id);
+		if (klantStore.klantItem?.id) {
+			this.currentActiveKlant = klantStore.klantItem
+			this.fetchKlantData(klantStore.klantItem.id)
+		}
+	},
+	updated() {
+		if (klantStore.klantItem?.id && JSON.stringify(this.currentActiveKlant) !== JSON.stringify(klantStore.klantItem)) {
+			this.currentActiveKlant = klantStore.klantItem
+			this.fetchKlantData(klantStore.klantItem.id)
+		}
 	},
 	methods: {
 		fetchKlantData(id) {
 			fetch(`/index.php/apps/zaakafhandelapp/api/klanten/${id}/zaken`)
 				.then(response => response.json())
 				.then(data => {
 					if (Array.isArray(data.results)) {
-						this.zaken = data.results;
+						this.zaken = data.results
 					}
-					console.log(this.zaken);
-					return fetch(`/index.php/apps/zaakafhandelapp/api/klanten/${id}/taken`);
+					return fetch(`/index.php/apps/zaakafhandelapp/api/klanten/${id}/taken`)
 				})
 				.then(response => response.json())
 				.then(data => {
 					if (Array.isArray(data.results)) {
-						this.taken = data.results;
+						this.taken = data.results
 					}
-					console.log(this.taken);
-					return fetch(`/index.php/apps/zaakafhandelapp/api/klanten/${id}/berichten`);
+					return fetch(`/index.php/apps/zaakafhandelapp/api/klanten/${id}/berichten`)
 				})
 				.then(response => response.json())
 				.then(data => {
 					if (Array.isArray(data.results)) {
-						this.berichten = data.results;
+						this.berichten = data.results
 					}
-					console.log(this.berichten);
-					return fetch(`/index.php/apps/zaakafhandelapp/api/klanten/${id}/audit_trail`);
+					return fetch(`/index.php/apps/zaakafhandelapp/api/klanten/${id}/audit_trail`)
 				})
 				.then(response => response.json())
 				.then(data => {
 					if (Array.isArray(data)) {
-						this.auditTrails = data;
+						this.auditTrails = data
 					}
-					console.log(this.auditTrails);
 				})
 				.catch(error => {
-					console.error('Error fetching klant data:', error);
-				});
+					console.error('Error fetching klant data:', error)
+				})
 		},
 	},
 }