From 27ea27971c4bebf8d819b6057a1fc82dfeeb1646 Mon Sep 17 00:00:00 2001
From: Thijn <Thijn@conduction.nl>
Date: Wed, 23 Oct 2024 11:45:45 +0200
Subject: [PATCH 1/6] WIP audit trail tabs

---
 src/views/taken/TaakDetails.vue | 37 +++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/src/views/taken/TaakDetails.vue b/src/views/taken/TaakDetails.vue
index e34e778..8cfb598 100644
--- a/src/views/taken/TaakDetails.vue
+++ b/src/views/taken/TaakDetails.vue
@@ -35,6 +35,43 @@ import { navigationStore, taakStore } from '../../store/store.js'
 						<span>{{ taakStore.taakItem.onderwerp }}</span>
 					</div>
 				</div>
+
+				<div class="tabContainer">
+					<BTabs content-class="mt-3" justified>
+						<BTab title="Audit trail" active>
+							<div v-if="auditTrails.length">
+								<NcListItem v-for="(auditTrail, key) in auditTrails"
+									:key="key"
+									:name="new Date(auditTrail.created).toLocaleString()"
+									:bold="false"
+									:details="auditTrail.action"
+									:counter-number="Object.keys(auditTrail.changed).length"
+									:force-display-actions="true">
+									<template #icon>
+										<TimelineQuestionOutline disable-menu
+											:size="44" />
+									</template>
+									<template #subname>
+										{{ auditTrail.userName }}
+									</template>
+									<template #actions>
+										<NcActionButton @click="objectStore.setAuditTrailItem(auditTrail); navigationStore.setModal('viewObjectAuditTrail')">
+											<template #icon>
+												<Eye :size="20" />
+											</template>
+											View details
+										</NcActionButton>
+									</template>
+								</NcListItem>
+							</div>
+							<NcEmptyContent v-else icon="icon-history" title="Geen audit trail gevonden">
+								<template #description>
+									Er is geen audit trail gevonden voor deze klant.
+								</template>
+							</NcEmptyContent>
+						</BTab>
+					</BTabs>
+				</div>
 			</div>
 		</div>
 	</div>

From 2c2cc09f890b04a2a52607e2217fd386fe9736af Mon Sep 17 00:00:00 2001
From: Thijn <Thijn@conduction.nl>
Date: Wed, 23 Oct 2024 12:00:11 +0200
Subject: [PATCH 2/6] WIP - added taak audit trails

---
 src/views/taken/TaakDetails.vue | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/src/views/taken/TaakDetails.vue b/src/views/taken/TaakDetails.vue
index 8cfb598..92645ea 100644
--- a/src/views/taken/TaakDetails.vue
+++ b/src/views/taken/TaakDetails.vue
@@ -94,6 +94,35 @@ export default {
 		DotsHorizontal,
 		TrashCanOutline,
 	},
+	data() {
+		return {
+			currentActiveTaak: null,
+			auditTrails: [],
+		}
+	},
+	mounted() {
+		if (taakStore.taakItem?.id) {
+			this.currentActiveTaak = taakStore.taakItem
+			this.fetchAuditTrails(taakStore.taakItem.id)
+		}
+	},
+	updated() {
+		if (taakStore.taakItem?.id && JSON.stringify(this.currentActiveTaak) !== JSON.stringify(taakStore.taakItem)) {
+			this.currentActiveTaak = taakStore.taakItem
+			this.fetchAuditTrails(taakStore.taakItem.id)
+		}
+	},
+	methods: {
+		fetchAuditTrails(id) {
+			fetch(`/index.php/apps/zaakafhandelapp/api/taken/${id}/audit_trail`)
+				.then(response => response.json())
+				.then(data => {
+					if (Array.isArray(data)) {
+						this.auditTrails = data
+					}
+				})
+		},
+	},
 }
 </script>
 

From e4b456f6ff61ad7cd1273677689df2e8b3273736 Mon Sep 17 00:00:00 2001
From: Thijn <Thijn@conduction.nl>
Date: Wed, 23 Oct 2024 12:11:27 +0200
Subject: [PATCH 3/6] finished taak audit trail

---
 src/views/taken/TaakDetails.vue | 7 ++++---
 src/views/taken/TakenList.vue   | 4 ++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/views/taken/TaakDetails.vue b/src/views/taken/TaakDetails.vue
index 92645ea..04b3bb6 100644
--- a/src/views/taken/TaakDetails.vue
+++ b/src/views/taken/TaakDetails.vue
@@ -55,7 +55,7 @@ import { navigationStore, taakStore } from '../../store/store.js'
 										{{ auditTrail.userName }}
 									</template>
 									<template #actions>
-										<NcActionButton @click="objectStore.setAuditTrailItem(auditTrail); navigationStore.setModal('viewObjectAuditTrail')">
+										<NcActionButton @click="objectStore.setAuditTrailItem(auditTrail); navigationStore.setModal('viewTaakAuditTrail')">
 											<template #icon>
 												<Eye :size="20" />
 											</template>
@@ -66,7 +66,7 @@ import { navigationStore, taakStore } from '../../store/store.js'
 							</div>
 							<NcEmptyContent v-else icon="icon-history" title="Geen audit trail gevonden">
 								<template #description>
-									Er is geen audit trail gevonden voor deze klant.
+									Er is geen audit trail gevonden voor deze taak.
 								</template>
 							</NcEmptyContent>
 						</BTab>
@@ -79,7 +79,8 @@ import { navigationStore, taakStore } from '../../store/store.js'
 
 <script>
 // Components
-import { NcActions, NcActionButton } from '@nextcloud/vue'
+import { NcActions, NcActionButton, NcListItem, NcEmptyContent } from '@nextcloud/vue'
+import { BTabs, BTab } from 'bootstrap-vue'
 
 // Icons
 import DotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'
diff --git a/src/views/taken/TakenList.vue b/src/views/taken/TakenList.vue
index 579500c..1f68343 100644
--- a/src/views/taken/TakenList.vue
+++ b/src/views/taken/TakenList.vue
@@ -31,14 +31,14 @@ import { navigationStore, taakStore } from '../../store/store.js'
 				</NcActions>
 			</div>
 			<div v-if="taakStore.takenList">
-				<NcListItem v-for="(taak, i) in taakStore.takenList.results"
+				<NcListItem v-for="(taak, i) in taakStore.takenList"
 					:key="`${taak}${i}`"
 					:name="taak?.title"
 					:force-display-actions="true"
 					:active="taakStore.taakItem?.id === taak?.id"
 					:details="'1h'"
 					:counter-number="44"
-					@click="navigationStore.setTaakItem(taak)">
+					@click="taakStore.setTaakItem(taak)">
 					<template #icon>
 						<CalendarMonthOutline :class="taakStore.taakItem?.id === taak.id && 'selectedZaakIcon'"
 							disable-menu

From 503c34f8c17717d8ff8ad777817089903327b536 Mon Sep 17 00:00:00 2001
From: Thijn <Thijn@conduction.nl>
Date: Wed, 23 Oct 2024 12:33:40 +0200
Subject: [PATCH 4/6] finished bericht audit trails

---
 src/views/berichten/BerichtDetails.vue | 69 +++++++++++++++++++++++++-
 src/views/taken/TaakDetails.vue        |  2 +-
 2 files changed, 69 insertions(+), 2 deletions(-)

diff --git a/src/views/berichten/BerichtDetails.vue b/src/views/berichten/BerichtDetails.vue
index 284ae86..c6ab975 100644
--- a/src/views/berichten/BerichtDetails.vue
+++ b/src/views/berichten/BerichtDetails.vue
@@ -76,6 +76,43 @@ import { navigationStore, berichtStore } from '../../store/store.js'
 						<span>{{ berichtStore.berichtItem.volgorde }}</span>
 					</div>
 				</div>
+
+				<div class="tabContainer">
+					<BTabs content-class="mt-3" justified>
+						<BTab title="Audit trail" active>
+							<div v-if="auditTrails.length">
+								<NcListItem v-for="(auditTrail, key) in auditTrails"
+									:key="key"
+									:name="new Date(auditTrail.created).toLocaleString()"
+									:bold="false"
+									:details="auditTrail.action"
+									:counter-number="Object.keys(auditTrail.changed).length"
+									:force-display-actions="true">
+									<template #icon>
+										<TimelineQuestionOutline disable-menu
+											:size="44" />
+									</template>
+									<template #subname>
+										{{ auditTrail.userName }}
+									</template>
+									<template #actions>
+										<NcActionButton @click="berichtStore.setAuditTrailItem(auditTrail); navigationStore.setModal('viewBerichtAuditTrail')">
+											<template #icon>
+												<Eye :size="20" />
+											</template>
+											View details
+										</NcActionButton>
+									</template>
+								</NcListItem>
+							</div>
+							<NcEmptyContent v-else icon="icon-history" title="Geen audit trail gevonden">
+								<template #description>
+									Er is geen audit trail gevonden voor deze bericht.
+								</template>
+							</NcEmptyContent>
+						</BTab>
+					</BTabs>
+				</div>
 			</div>
 		</div>
 	</div>
@@ -83,7 +120,8 @@ import { navigationStore, berichtStore } from '../../store/store.js'
 
 <script>
 // Components
-import { NcActions, NcActionButton } from '@nextcloud/vue'
+import { NcActions, NcActionButton, NcListItem, NcEmptyContent } from '@nextcloud/vue'
+import { BTabs, BTab } from 'bootstrap-vue'
 
 // Icons
 import DotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'
@@ -101,6 +139,35 @@ export default {
 		DotsHorizontal,
 		TrashCanOutline,
 	},
+	data() {
+		return {
+			currentActiveBericht: null,
+			auditTrails: [],
+		}
+	},
+	mounted() {
+		if (berichtStore.berichtItem?.id) {
+			this.currentActiveBericht = berichtStore.berichtItem
+			this.fetchAuditTrails(berichtStore.berichtItem.id)
+		}
+	},
+	updated() {
+		if (berichtStore.berichtItem?.id && JSON.stringify(this.currentActiveBericht) !== JSON.stringify(berichtStore.berichtItem)) {
+			this.currentActiveBericht = berichtStore.berichtItem
+			this.fetchAuditTrails(berichtStore.berichtItem.id)
+		}
+	},
+	methods: {
+		fetchAuditTrails(id) {
+			fetch(`/index.php/apps/zaakafhandelapp/api/berichten/${id}/audit_trail`)
+				.then(response => response.json())
+				.then(data => {
+					if (Array.isArray(data)) {
+						this.auditTrails = data
+					}
+				})
+		},
+	},
 }
 </script>
 
diff --git a/src/views/taken/TaakDetails.vue b/src/views/taken/TaakDetails.vue
index 04b3bb6..d435d34 100644
--- a/src/views/taken/TaakDetails.vue
+++ b/src/views/taken/TaakDetails.vue
@@ -55,7 +55,7 @@ import { navigationStore, taakStore } from '../../store/store.js'
 										{{ auditTrail.userName }}
 									</template>
 									<template #actions>
-										<NcActionButton @click="objectStore.setAuditTrailItem(auditTrail); navigationStore.setModal('viewTaakAuditTrail')">
+										<NcActionButton @click="taakStore.setAuditTrailItem(auditTrail); navigationStore.setModal('viewTaakAuditTrail')">
 											<template #icon>
 												<Eye :size="20" />
 											</template>

From d6a413e7a378bca6c8e448966be36d62fa7f0faf Mon Sep 17 00:00:00 2001
From: Thijn <Thijn@conduction.nl>
Date: Wed, 23 Oct 2024 12:34:39 +0200
Subject: [PATCH 5/6] added icons

---
 src/views/berichten/BerichtDetails.vue | 2 ++
 src/views/klanten/KlantDetails.vue     | 2 +-
 src/views/taken/TaakDetails.vue        | 2 ++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/views/berichten/BerichtDetails.vue b/src/views/berichten/BerichtDetails.vue
index c6ab975..3f86dcd 100644
--- a/src/views/berichten/BerichtDetails.vue
+++ b/src/views/berichten/BerichtDetails.vue
@@ -127,6 +127,8 @@ import { BTabs, BTab } from 'bootstrap-vue'
 import DotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'
 import Pencil from 'vue-material-design-icons/Pencil.vue'
 import TrashCanOutline from 'vue-material-design-icons/TrashCanOutline.vue'
+import Eye from 'vue-material-design-icons/Eye.vue'
+import TimelineQuestionOutline from 'vue-material-design-icons/TimelineQuestionOutline.vue'
 
 export default {
 	name: 'BerichtDetails',
diff --git a/src/views/klanten/KlantDetails.vue b/src/views/klanten/KlantDetails.vue
index 4c8462c..ee1729d 100644
--- a/src/views/klanten/KlantDetails.vue
+++ b/src/views/klanten/KlantDetails.vue
@@ -232,7 +232,7 @@ import { navigationStore, klantStore, taakStore, berichtStore, zaakStore } from
 										{{ auditTrail.userName }}
 									</template>
 									<template #actions>
-										<NcActionButton @click="objectStore.setAuditTrailItem(auditTrail); navigationStore.setModal('viewObjectAuditTrail')">
+										<NcActionButton @click="klantStore.setAuditTrailItem(auditTrail); navigationStore.setModal('viewObjectAuditTrail')">
 											<template #icon>
 												<Eye :size="20" />
 											</template>
diff --git a/src/views/taken/TaakDetails.vue b/src/views/taken/TaakDetails.vue
index d435d34..fcc659c 100644
--- a/src/views/taken/TaakDetails.vue
+++ b/src/views/taken/TaakDetails.vue
@@ -86,6 +86,8 @@ import { BTabs, BTab } from 'bootstrap-vue'
 import DotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'
 import Pencil from 'vue-material-design-icons/Pencil.vue'
 import TrashCanOutline from 'vue-material-design-icons/TrashCanOutline.vue'
+import Eye from 'vue-material-design-icons/Eye.vue'
+import TimelineQuestionOutline from 'vue-material-design-icons/TimelineQuestionOutline.vue'
 
 export default {
 	name: 'TaakDetails',

From f82e5d46a29ee3de9c944781063d654280ce24e4 Mon Sep 17 00:00:00 2001
From: Thijn <Thijn@conduction.nl>
Date: Wed, 23 Oct 2024 12:49:58 +0200
Subject: [PATCH 6/6] finished zaak audit trails tab

---
 src/views/zaken/ZaakDetails.vue | 66 ++++++++++++++++++++++++++++++++-
 1 file changed, 64 insertions(+), 2 deletions(-)

diff --git a/src/views/zaken/ZaakDetails.vue b/src/views/zaken/ZaakDetails.vue
index 78b2851..5212b71 100644
--- a/src/views/zaken/ZaakDetails.vue
+++ b/src/views/zaken/ZaakDetails.vue
@@ -133,6 +133,38 @@ import { navigationStore, zaakStore } from '../../store/store.js'
 						<BTab title="Synchronisaties">
 							Todo: Koppelings info met DSO
 						</BTab>
+						<BTab title="Audit trail" active>
+							<div v-if="auditTrails.length">
+								<NcListItem v-for="(auditTrail, key) in auditTrails"
+									:key="key"
+									:name="new Date(auditTrail.created).toLocaleString()"
+									:bold="false"
+									:details="auditTrail.action"
+									:counter-number="Object.keys(auditTrail.changed).length"
+									:force-display-actions="true">
+									<template #icon>
+										<TimelineQuestionOutline disable-menu
+											:size="44" />
+									</template>
+									<template #subname>
+										{{ auditTrail.userName }}
+									</template>
+									<template #actions>
+										<NcActionButton @click="zaakStore.setAuditTrailItem(auditTrail); navigationStore.setModal('viewZaakAuditTrail')">
+											<template #icon>
+												<Eye :size="20" />
+											</template>
+											View details
+										</NcActionButton>
+									</template>
+								</NcListItem>
+							</div>
+							<NcEmptyContent v-else icon="icon-history" title="Geen audit trail gevonden">
+								<template #description>
+									Er is geen audit trail gevonden voor deze zaak.
+								</template>
+							</NcEmptyContent>
+						</BTab>
 					</BTabs>
 				</div>
 			</div>
@@ -147,7 +179,7 @@ import { navigationStore, zaakStore } from '../../store/store.js'
 <script>
 // Components
 import { BTabs, BTab } from 'bootstrap-vue'
-import { NcLoadingIcon, NcActions, NcActionButton } from '@nextcloud/vue'
+import { NcLoadingIcon, NcActions, NcActionButton, NcListItem, NcEmptyContent } from '@nextcloud/vue'
 
 // Icons
 import DotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'
@@ -157,6 +189,8 @@ import CalendarPlus from 'vue-material-design-icons/CalendarPlus.vue'
 import MessagePlus from 'vue-material-design-icons/MessagePlus.vue'
 import FileDocumentPlusOutline from 'vue-material-design-icons/FileDocumentPlusOutline.vue'
 import VectorPolylineEdit from 'vue-material-design-icons/VectorPolylineEdit.vue'
+import Eye from 'vue-material-design-icons/Eye.vue'
+import TimelineQuestionOutline from 'vue-material-design-icons/TimelineQuestionOutline.vue'
 
 // Views
 import ZaakEigenschappen from '../eigenschappen/ZaakEigenschappen.vue'
@@ -191,7 +225,35 @@ export default {
 		CalendarPlus,
 		FileDocumentPlusOutline,
 		VectorPolylineEdit,
-
+	},
+	data() {
+		return {
+			currentActiveZaak: null,
+			auditTrails: [],
+		}
+	},
+	mounted() {
+		if (zaakStore.zaakItem?.id) {
+			this.currentActiveZaak = zaakStore.zaakItem
+			this.fetchAuditTrails(zaakStore.zaakItem.id)
+		}
+	},
+	updated() {
+		if (zaakStore.zaakItem?.id && JSON.stringify(this.currentActiveZaak) !== JSON.stringify(zaakStore.zaakItem)) {
+			this.currentActiveZaak = zaakStore.zaakItem
+			this.fetchAuditTrails(zaakStore.zaakItem.id)
+		}
+	},
+	methods: {
+		fetchAuditTrails(id) {
+			fetch(`/index.php/apps/zaakafhandelapp/api/zaken/${id}/audit_trail`)
+				.then(response => response.json())
+				.then(data => {
+					if (Array.isArray(data)) {
+						this.auditTrails = data
+					}
+				})
+		},
 	},
 }
 </script>