Merge pull request #91 from ConductionNL/feature/PC108-88/zaak-afhand…

…el-termijn

added deadline to zaak and show in zaak list

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: {
@@ -136,6 +145,7 @@ export default {
 				verantwoordelijkeOrganisatie: '',
 				startdatum: '',
 				archiefstatus: '',
+				uiterlijkeEinddatumAfdoening: null,
 			},
 			loading: false,
 			success: null,
@@ -174,26 +184,14 @@ export default {
 			this.zaak = {
 				...this.zaak,
 				...zaakStore.zaakItem,
+				uiterlijkeEinddatumAfdoening: zaakStore.zaakItem.uiterlijkeEinddatumAfdoening ? new Date(zaakStore.zaakItem.uiterlijkeEinddatumAfdoening) : null,
 			}
 		}
 	},
 	methods: {
 		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
@@ -239,6 +237,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,
 				klant: this.klantId,
 			})
 

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'"