From df54bda0e23cbbe5e77e5b1140a7f1627fede334 Mon Sep 17 00:00:00 2001
From: Thijn <thijn@conduction.nl>
Date: Wed, 11 Dec 2024 15:30:33 +0100
Subject: [PATCH] added deadline to zaak and show in zaak list

---
 src/modals/zaken/ZaakForm.vue | 25 ++++++++++++-------------
 src/views/zaken/ZakenList.vue |  2 +-
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/modals/zaken/ZaakForm.vue b/src/modals/zaken/ZaakForm.vue
index ff73091..a3b37e9 100644
--- a/src/modals/zaken/ZaakForm.vue
+++ b/src/modals/zaken/ZaakForm.vue
@@ -57,6 +57,13 @@ import { navigationStore, zaakStore, zaakTypeStore } from '../../store/store.js'
 					input-label="Archiefstatus"
 					:disabled="zaakLoading"
 					required />
+				<div>
+					<p>Uiterlijke Einddatum Afdoening</p>
+					<NcDateTimePicker
+						v-model="zaak.uiterlijkeEinddatumAfdoening"
+						:disabled="zaakLoading"
+						required />
+				</div>
 				<NcTextField :disabled="zaakLoading"
 					label="Registratiedatum"
 					maxlength="255"
@@ -90,6 +97,7 @@ import {
 	NcSelect,
 	NcTextArea,
 	NcLoadingIcon,
+	NcDateTimePicker,
 } from '@nextcloud/vue'
 
 // icons
@@ -107,6 +115,7 @@ export default {
 		NcButton,
 		NcSelect,
 		NcTextArea,
+		NcDateTimePicker,
 	},
 	props: {
 		dashboardWidget: {
@@ -127,6 +136,7 @@ export default {
 				verantwoordelijkeOrganisatie: '',
 				startdatum: '',
 				archiefstatus: '',
+				uiterlijkeEinddatumAfdoening: null,
 			},
 			loading: false,
 			success: null,
@@ -165,6 +175,7 @@ export default {
 			this.zaak = {
 				...this.zaak,
 				...zaakStore.zaakItem,
+				uiterlijkeEinddatumAfdoening: zaakStore.zaakItem.uiterlijkeEinddatumAfdoening ? new Date(zaakStore.zaakItem.uiterlijkeEinddatumAfdoening) : null,
 			}
 		}
 	},
@@ -172,19 +183,6 @@ export default {
 		closeModal() {
 			navigationStore.setModal(null)
 			this?.dashboardWidget && this.$emit('close')
-			this.success = null
-			this.loading = false
-			this.zaak = {
-				identificatie: '',
-				omschrijving: '',
-				zaaktype: {},
-				registratiedatum: '',
-				toelichting: '',
-				bronorganisatie: '',
-				verantwoordelijkeOrganisatie: '',
-				startdatum: '',
-				archiefstatus: '',
-			}
 		},
 		fetchZaakType() {
 			this.zaakTypeLoading = true
@@ -230,6 +228,7 @@ export default {
 				...this.zaak,
 				archiefstatus: this.archiefstatus.value?.id || '',
 				zaaktype: this.zaakType.value?.id || '',
+				uiterlijkeEinddatumAfdoening: this.zaak.uiterlijkeEinddatumAfdoening ? new Date(this.zaak.uiterlijkeEinddatumAfdoening).toISOString() : null,
 			})
 
 			zaakStore.saveZaak(newZaak)
diff --git a/src/views/zaken/ZakenList.vue b/src/views/zaken/ZakenList.vue
index 380c01c..e4479ac 100644
--- a/src/views/zaken/ZakenList.vue
+++ b/src/views/zaken/ZakenList.vue
@@ -38,7 +38,7 @@ import { navigationStore, zaakStore } from '../../store/store.js'
 					:force-display-actions="true"
 					:active="zaakStore.zaakItem?.id === zaak?.id"
 					:details="'1h'"
-					:counter-number="44"
+					:counter-number="zaak.uiterlijkeEinddatumAfdoening ? `${Math.ceil((new Date(zaak.uiterlijkeEinddatumAfdoening) - new Date()) / (1000 * 60 * 60 * 24))} dagen` : 'no deadline'"
 					@click="zaakStore.setZaakItem(zaak)">
 					<template #icon>
 						<BriefcaseAccountOutline :class="zaakStore.zaakItem?.id === zaak?.id && 'selectedZaakIcon'"