From 121a19256f5b3d6be2a9eefa0aac1815b6fc8a8c Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Mon, 2 Dec 2024 09:52:32 +0100
Subject: [PATCH] updated tabs

---
 src/views/berichten/ZaakBerichten.vue         | 4 ++++
 src/views/documenten/ZaakDocumenten.vue       | 6 +++++-
 src/views/eigenschappen/ZaakEigenschappen.vue | 4 ++++
 src/views/rollen/ZaakRollen.vue               | 4 ++++
 src/views/taken/ZaakTaken.vue                 | 8 ++++++--
 src/views/zaken/ZakenZaken.vue                | 4 ++++
 6 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/views/berichten/ZaakBerichten.vue b/src/views/berichten/ZaakBerichten.vue
index c885e50..d01a2a3 100644
--- a/src/views/berichten/ZaakBerichten.vue
+++ b/src/views/berichten/ZaakBerichten.vue
@@ -32,6 +32,10 @@ import { navigationStore, berichtStore } from '../../store/store.js'
 			</NcListItem>
 		</div>
 
+		<div v-if="!berichtenList?.length && !loading">
+			Geen berichten gevonden.
+		</div>
+
 		<NcLoadingIcon v-if="loading"
 			class="loadingIcon"
 			:size="64"
diff --git a/src/views/documenten/ZaakDocumenten.vue b/src/views/documenten/ZaakDocumenten.vue
index 64f94d8..1c3208e 100644
--- a/src/views/documenten/ZaakDocumenten.vue
+++ b/src/views/documenten/ZaakDocumenten.vue
@@ -34,11 +34,15 @@ import { zaakStore } from '../../store/store.js'
 				</template>
 			</NcListItem>
 
+			<div v-if="!zakenList?.length && !loading">
+				Geen documenten gevonden.
+			</div>
+
 			<NcLoadingIcon v-if="loading"
 				class="loadingIcon"
 				:size="64"
 				appearance="dark"
-				name="Zaken aan het laden" />
+				name="Documenten aan het laden" />
 		</div>
 	</div>
 </template>
diff --git a/src/views/eigenschappen/ZaakEigenschappen.vue b/src/views/eigenschappen/ZaakEigenschappen.vue
index 92da483..6c6d7af 100644
--- a/src/views/eigenschappen/ZaakEigenschappen.vue
+++ b/src/views/eigenschappen/ZaakEigenschappen.vue
@@ -35,6 +35,10 @@ import { zaakStore } from '../../store/store.js'
 			</NcListItem>
 		</div>
 
+		<div v-if="!zakenList?.length && !loading">
+			Geen eigenschappen gevonden.
+		</div>
+
 		<NcLoadingIcon v-if="loading"
 			class="loadingIcon"
 			:size="64"
diff --git a/src/views/rollen/ZaakRollen.vue b/src/views/rollen/ZaakRollen.vue
index adbbd23..fc400fe 100644
--- a/src/views/rollen/ZaakRollen.vue
+++ b/src/views/rollen/ZaakRollen.vue
@@ -32,6 +32,10 @@ import { navigationStore, rolStore } from '../../store/store.js'
 			</NcListItem>
 		</div>
 
+		<div v-if="!rollenList?.length && !loading">
+			Geen rollen gevonden.
+		</div>
+
 		<NcLoadingIcon v-if="loading"
 			class="loadingIcon"
 			:size="64"
diff --git a/src/views/taken/ZaakTaken.vue b/src/views/taken/ZaakTaken.vue
index dbac0bd..8abbf36 100644
--- a/src/views/taken/ZaakTaken.vue
+++ b/src/views/taken/ZaakTaken.vue
@@ -10,8 +10,8 @@ import { navigationStore, taakStore } from '../../store/store.js'
 				:name="taak?.title"
 				:bold="true"
 				:active="taakStore.taakItem?.id === taak?.id"
-				:details="'1h'"
-				:counter-number="44"
+				:details="taak.status"
+				:counter-number="taak.deadline ? new Date(taak.deadline).toLocaleDateString() : 'no deadline'"
 				:force-display-actions="true"
 				@click="toggleTaak(taak)">
 				<template #icon>
@@ -33,6 +33,10 @@ import { navigationStore, taakStore } from '../../store/store.js'
 			</NcListItem>
 		</div>
 
+		<div v-if="!takenList?.results?.length && !loading">
+			Geen taken gevonden.
+		</div>
+
 		<NcLoadingIcon v-if="loading"
 			class="loadingIcon"
 			:size="64"
diff --git a/src/views/zaken/ZakenZaken.vue b/src/views/zaken/ZakenZaken.vue
index c4d1e9e..b6f5d48 100644
--- a/src/views/zaken/ZakenZaken.vue
+++ b/src/views/zaken/ZakenZaken.vue
@@ -35,6 +35,10 @@ import { zaakStore } from '../../store/store.js'
 			</NcListItem>
 		</div>
 
+		<div v-if="!zaakStore.zakenList?.length && !loading">
+			Geen zaken gevonden.
+		</div>
+
 		<NcLoadingIcon v-if="loading"
 			class="loadingIcon"
 			:size="64"