From e28bc33ef0cce6e1ee27f515b0c5305e4a817a65 Mon Sep 17 00:00:00 2001
From: Thijn <thijn@conduction.nl>
Date: Mon, 7 Oct 2024 15:40:57 +0200
Subject: [PATCH 1/2] changed sources tabs

---
 src/modals/Source/EditSource.vue   |  2 +-
 src/views/Source/SourceDetails.vue | 83 ++----------------------------
 2 files changed, 5 insertions(+), 80 deletions(-)

diff --git a/src/modals/Source/EditSource.vue b/src/modals/Source/EditSource.vue
index e08344e..d92d941 100644
--- a/src/modals/Source/EditSource.vue
+++ b/src/modals/Source/EditSource.vue
@@ -8,7 +8,7 @@ import { sourceStore, navigationStore } from '../../store/store.js'
 		label-id="editSource"
 		@close="closeModal">
 		<div class="modalContent">
-			<h2>{{ sourceItem.id ? 'Edit' : 'Add' }} Source</h2>
+			<h2>{{ sourceItem?.id ? 'Edit' : 'Add' }} Source</h2>
 			<NcNoteCard v-if="success" type="success">
 				<p>Source successfully added</p>
 			</NcNoteCard>
diff --git a/src/views/Source/SourceDetails.vue b/src/views/Source/SourceDetails.vue
index 34e1b6b..5e87a66 100644
--- a/src/views/Source/SourceDetails.vue
+++ b/src/views/Source/SourceDetails.vue
@@ -51,83 +51,11 @@ import { sourceStore, navigationStore, logStore } from '../../store/store.js'
 				</div>
 				<div class="tabContainer">
 					<BTabs content-class="mt-3" justified>
-						<BTab title="Configurations">
-							<div v-if="sourceStore.sourceItem?.configuration !== null && Object.keys(sourceStore.sourceItem?.configuration).length > 0">
-								<NcListItem v-for="(value, key, i) in sourceStore.sourceItem?.configuration"
-									:key="`${key}${i}`"
-									:name="key"
-									:bold="false"
-									:force-display-actions="true"
-									:active="sourceStore.sourceConfigurationKey === key"
-									@click="setActiveSourceConfigurationKey(key)">
-									<template #icon>
-										<FileCogOutline
-											:class="sourceStore.sourceConfigurationKey === key && 'selectedZaakIcon'"
-											disable-menu
-											:size="44" />
-									</template>
-									<template #subname>
-										{{ value }}
-									</template>
-									<template #actions>
-										<NcActionButton @click="editSourceConfiguration(key)">
-											<template #icon>
-												<Pencil :size="20" />
-											</template>
-											Edit
-										</NcActionButton>
-										<NcActionButton @click="deleteSourceConfiguration(key)">
-											<template #icon>
-												<Delete :size="20" />
-											</template>
-											Delete
-										</NcActionButton>
-									</template>
-								</NcListItem>
-							</div>
-							<div v-if="sourceStore.sourceItem?.configuration === null || Object.keys(sourceStore.sourceItem?.configuration).length === 0" class="tabPanel">
-								No configurations found
-							</div>
+						<BTab title="Endpoints" active>
+							No endpoints found
 						</BTab>
-						<BTab title="Mappings">
-							<div v-if="sourceStore?.sourceItem?.mappings?.length">
-								<NcListItem v-for="(character, i) in filterCharacters"
-									:key="character.id + i"
-									:name="character.name"
-									:bold="false"
-									:force-display-actions="true">
-									<template #icon>
-										<BriefcaseAccountOutline disable-menu
-											:size="44" />
-									</template>
-									<template #subname>
-										{{ character.description }}
-									</template>
-								</NcListItem>
-							</div>
-							<div v-if="!sourceStore?.sourceItem?.mappings?.length" class="tabPanel">
-								No mappings found
-							</div>
-						</BTab>
-						<BTab title="Jobs">
-							<div v-if="sourceStore?.sourceItem?.jobs?.length">
-								<NcListItem v-for="(character, i) in filterCharacters"
-									:key="character.id + i"
-									:name="character.name"
-									:bold="false"
-									:force-display-actions="true">
-									<template #icon>
-										<BriefcaseAccountOutline disable-menu
-											:size="44" />
-									</template>
-									<template #subname>
-										{{ character.description }}
-									</template>
-								</NcListItem>
-							</div>
-							<div v-if="!sourceStore?.sourceItem?.jobs?.length" class="tabPanel">
-								No jobs found
-							</div>
+						<BTab title="Synchronizations">
+							No synchronizations found
 						</BTab>
 						<BTab title="Logs">
 							<div v-if="sourceStore.sourceLogs?.length">
@@ -182,10 +110,7 @@ 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 Sync from 'vue-material-design-icons/Sync.vue'
-import BriefcaseAccountOutline from 'vue-material-design-icons/BriefcaseAccountOutline.vue'
 import TimelineQuestionOutline from 'vue-material-design-icons/TimelineQuestionOutline.vue'
-import Delete from 'vue-material-design-icons/Delete.vue'
-import FileCogOutline from 'vue-material-design-icons/FileCogOutline.vue'
 import Plus from 'vue-material-design-icons/Plus.vue'
 import MathLog from 'vue-material-design-icons/MathLog.vue'
 import EyeOutline from 'vue-material-design-icons/EyeOutline.vue'

From 55ddae818801735018b6eb5e418dafd43975b675 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Fri, 11 Oct 2024 08:55:04 +0200
Subject: [PATCH 2/2] Added back config tab

---
 src/views/Source/SourceDetails.vue | 43 ++++++++++++++++++++++++++++--
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/src/views/Source/SourceDetails.vue b/src/views/Source/SourceDetails.vue
index 5e87a66..84f0e38 100644
--- a/src/views/Source/SourceDetails.vue
+++ b/src/views/Source/SourceDetails.vue
@@ -51,10 +51,48 @@ import { sourceStore, navigationStore, logStore } from '../../store/store.js'
 				</div>
 				<div class="tabContainer">
 					<BTabs content-class="mt-3" justified>
-						<BTab title="Endpoints" active>
+						<BTab title="Configurations">
+							<div v-if="sourceStore.sourceItem?.configuration !== null && Object.keys(sourceStore.sourceItem?.configuration).length > 0">
+								<NcListItem v-for="(value, key, i) in sourceStore.sourceItem?.configuration"
+									:key="`${key}${i}`"
+									:name="key"
+									:bold="false"
+									:force-display-actions="true"
+									:active="sourceStore.sourceConfigurationKey === key"
+									@click="setActiveSourceConfigurationKey(key)">
+									<template #icon>
+										<FileCogOutline
+											:class="sourceStore.sourceConfigurationKey === key && 'selectedZaakIcon'"
+											disable-menu
+											:size="44" />
+									</template>
+									<template #subname>
+										{{ value }}
+									</template>
+									<template #actions>
+										<NcActionButton @click="editSourceConfiguration(key)">
+											<template #icon>
+												<Pencil :size="20" />
+											</template>
+											Edit
+										</NcActionButton>
+										<NcActionButton @click="deleteSourceConfiguration(key)">
+											<template #icon>
+												<Delete :size="20" />
+											</template>
+											Delete
+										</NcActionButton>
+									</template>
+								</NcListItem>
+							</div>
+							<div v-if="sourceStore.sourceItem?.configuration === null || Object.keys(sourceStore.sourceItem?.configuration).length === 0" class="tabPanel">
+								No configurations found
+							</div>
+						</BTab>
+						<BTab title="Endpoints" class="tabPanel">
 							No endpoints found
 						</BTab>
-						<BTab title="Synchronizations">
+						<BTab title="Synchronizations" class="tabPanel">
 							No synchronizations found
 						</BTab>
 						<BTab title="Logs">
@@ -114,6 +152,7 @@ import TimelineQuestionOutline from 'vue-material-design-icons/TimelineQuestionO
 import Plus from 'vue-material-design-icons/Plus.vue'
 import MathLog from 'vue-material-design-icons/MathLog.vue'
 import EyeOutline from 'vue-material-design-icons/EyeOutline.vue'
+import FileCogOutline from 'vue-material-design-icons/FileCogOutline.vue'
 
 export default {
 	name: 'SourceDetails',