Added ViewKlantRegister

composer.json

@@ -44,7 +44,9 @@
 		"bamarni/composer-bin-plugin": "^1.8",
 		"elasticsearch/elasticsearch": "^v8.14.0",
 		"guzzlehttp/guzzle": "^7.0",
-		"symfony/uid": "^6.4"
+		"symfony/uid": "^6.4",
+		"symfony/yaml": "^6.4"
+
 	},
 	"require-dev": {
 		"nextcloud/ocp": "dev-stable29",

package.json

@@ -2,6 +2,10 @@
     "name": "zaakafhandelapp",
     "version": "1.0.0",
     "license": "AGPL-3.0-or-later",
+    "engines": {
+        "node": "^20.0.0",
+        "npm": "^10.0.0"
+    },
     "scripts": {
         "build": "NODE_ENV=production webpack --config webpack.config.js --progress",
         "dev": "NODE_ENV=development webpack --config webpack.config.js --progress",

src/entities/zaak/zaak.mock.ts

@@ -25,6 +25,7 @@ export const mockZaakData = (): TZaak[] => [
 		laatsteBetaaldatum: '2019-08-24T14:15:22Z',
 		selectielijstklasse: 'http://example.com',
 		hoofdzaak: 'http://example.com',
+		klant: '15551d6f-44e3-43f3-a9d2-59e583c91eb0',
 	},
 ]
 

src/entities/zaak/zaak.ts

@@ -25,6 +25,7 @@ export class Zaak implements TZaak {
 	public laatsteBetaaldatum: string
 	public selectielijstklasse: string
 	public hoofdzaak: string
+	public klant: string
 
 	constructor(source: TZaak) {
 		this.id = source.id || ''
@@ -49,6 +50,7 @@ export class Zaak implements TZaak {
 		this.laatsteBetaaldatum = source.laatsteBetaaldatum || ''
 		this.selectielijstklasse = source.selectielijstklasse || ''
 		this.hoofdzaak = source.hoofdzaak || ''
+		this.klant = source.klant || ''
 	}
 
 	public validate(): SafeParseReturnType<TZaak, unknown> {
@@ -75,6 +77,7 @@ export class Zaak implements TZaak {
 			laatsteBetaaldatum: z.string(),
 			selectielijstklasse: z.string(),
 			hoofdzaak: z.string(),
+			klant: z.string(),
 		})
 
 		return schema.safeParse(this)

src/entities/zaak/zaak.types.ts

@@ -23,4 +23,5 @@ export type TZaak = {
     laatsteBetaaldatum: string;
     selectielijstklasse: string;
     hoofdzaak: string;
+    klant: string;
 }

src/modals/Modals.vue

@@ -6,43 +6,52 @@ import { navigationStore } from '../store/store.js'
 	<!-- Placeholder -->
 	<div>
 		<ZaakForm v-if="navigationStore.modal === 'zaakForm'" />
+		<WidgetZaakForm v-if="navigationStore.modal === 'widgetZaakForm'" />
 		<EditZaakType />
 		<EditKlant />
 		<ViewKlantAuditTrail v-if="navigationStore.modal === 'viewKlantAuditTrail'" />
 		<EditBericht />
 		<ViewBerichtAuditTrail v-if="navigationStore.modal === 'viewBerichtAuditTrail'" />
 		<EditTaak />
+		<WidgetTaakForm v-if="navigationStore.modal === 'widgetTaakForm'" />
 		<ViewTaakAuditTrail v-if="navigationStore.modal === 'viewTaakAuditTrail'" />
 		<EditRol />
 		<ViewZaakAuditTrail v-if="navigationStore.modal === 'viewZaakAuditTrail'" />
+		<ViewKlantRegister v-if="navigationStore.modal === 'viewKlantRegister'" />
 	</div>
 </template>
 
 <script>
 import ZaakForm from './zaken/ZaakForm.vue'
+import WidgetZaakForm from './zaken/WidgetZaakForm.vue'
 import EditZaakType from './zaakTypen/EditZaakType.vue'
 import EditKlant from './klanten/EditKlant.vue'
 import ViewKlantAuditTrail from './klanten/ViewKlantAuditTrail.vue'
 import EditBericht from './berichten/EditBericht.vue'
 import ViewBerichtAuditTrail from './berichten/ViewBerichtAuditTrail.vue'
 import EditTaak from './taken/EditTaak.vue'
 import ViewTaakAuditTrail from './taken/ViewTaakAuditTrail.vue'
+import WidgetTaakForm from './taken/WidgetTaakForm.vue'
 import EditRol from './rollen/EditRol.vue'
 import ViewZaakAuditTrail from './zaken/ViewZaakAuditTrail.vue'
+import ViewKlantRegister from './klantRegister/ViewKlantRegister.vue'
 
 export default {
 	name: 'Modals',
 	components: {
 		ZaakForm,
+		WidgetZaakForm,
 		EditZaakType,
 		EditKlant,
 		ViewKlantAuditTrail,
 		EditBericht,
 		ViewBerichtAuditTrail,
 		EditTaak,
+		WidgetTaakForm,
 		ViewTaakAuditTrail,
 		EditRol,
 		ViewZaakAuditTrail,
+		ViewKlantRegister,
 	},
 }
 </script>

src/modals/berichten/EditBericht.vue

@@ -220,6 +220,8 @@ export default {
 				gebruikerID: '',
 				volgorde: '',
 			}
+			this.$emit('close-modal')
+
 		},
 		async editBericht() {
 			this.loading = true