From cb909423e64a15ab9429b9a521970b333b9706c9 Mon Sep 17 00:00:00 2001
From: Ruben van der Linde <ruben@conduction.nl>
Date: Tue, 6 Aug 2024 20:43:20 +0200
Subject: [PATCH 01/16] Togle fix

---
 src/navigation/Configuration.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/navigation/Configuration.vue b/src/navigation/Configuration.vue
index dd1b8b6b..75c10f58 100644
--- a/src/navigation/Configuration.vue
+++ b/src/navigation/Configuration.vue
@@ -197,6 +197,7 @@ import {
 	NcAppSettingsDialog,
 	NcAppSettingsSection,
 	NcAppNavigationItem,
+	NcCheckboxRadioSwitch,
 	NcTextField,
 	NcTextArea,
 	NcButton,
@@ -213,6 +214,7 @@ export default {
 		NcAppSettingsDialog,
 		NcAppSettingsSection,
 		NcAppNavigationItem,
+		NcCheckboxRadioSwitch,
 		NcTextField,
 		NcTextArea,
 		NcButton,

From b8d95b66b11c45a006a943da839935bd388af38e Mon Sep 17 00:00:00 2001
From: GitHub Actions <actions@github.com>
Date: Tue, 6 Aug 2024 18:44:26 +0000
Subject: [PATCH 02/16] Update src from PHP Codesniffer

---
 src/store/modules/configuration.js       | 10 +++++-----
 src/store/modules/configuration.spec.js  | 10 +++++-----
 src/store/modules/configuration.specs.js | 12 ++++++------
 src/store/modules/metadata.js            | 14 +++++++-------
 src/store/modules/metadata.spec.js       | 16 ++++++++--------
 src/store/modules/organisation.js        | 10 +++++-----
 src/store/modules/organisation.spec.js   | 12 ++++++------
 src/store/modules/search.js              | 20 ++++++++++----------
 src/store/modules/theme.js               | 10 +++++-----
 src/store/modules/theme.spec.js          | 12 ++++++------
 10 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/src/store/modules/configuration.js b/src/store/modules/configuration.js
index a1cb0449..d4561a4b 100644
--- a/src/store/modules/configuration.js
+++ b/src/store/modules/configuration.js
@@ -27,16 +27,16 @@ export const useConfigurationStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                this.setConfigurationItem(data)
+                    response.json().then(
+                            (data) => {
+                            this.setConfigurationItem(data)
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        console.error(err)
+                    console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/configuration.spec.js b/src/store/modules/configuration.spec.js
index 674586b6..814184e0 100644
--- a/src/store/modules/configuration.spec.js
+++ b/src/store/modules/configuration.spec.js
@@ -5,15 +5,15 @@ import { useConfigurationStore } from './configuration.js'
 
 describe(
     'Configuration Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets configuration item correctly', () => {
-            const store = useConfigurationStore()
+        const store = useConfigurationStore()
 
             store.setConfigurationItem(mockConfiguration()[0])
 
diff --git a/src/store/modules/configuration.specs.js b/src/store/modules/configuration.specs.js
index aeb143d3..62920f59 100644
--- a/src/store/modules/configuration.specs.js
+++ b/src/store/modules/configuration.specs.js
@@ -6,15 +6,15 @@ import { useConfigurationStore } from './configuration.js';
 
 describe(
     'Metadata Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets configuration item correctly', () => {
-            const store = useConfigurationStore()
+        const store = useConfigurationStore()
 
             store.setConfigurationItem(testData[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets configuration list correctly', () => {
-            const store = useConfigurationStore()
+        const store = useConfigurationStore()
 
             store.setConfigurationItem(testData)
 
diff --git a/src/store/modules/metadata.js b/src/store/modules/metadata.js
index cb8c0ffd..0de1c28e 100644
--- a/src/store/modules/metadata.js
+++ b/src/store/modules/metadata.js
@@ -41,19 +41,19 @@ export const useMetadataStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.metaDataList = data.results.map(
-                                    (metadataItem) => new Metadata(metadataItem),
-                                )
+                        response.json().then(
+                        (data) => {
+                                this.metaDataList = data.results.map(
+                                (metadataItem) => new Metadata(metadataItem),
+                            )
                             return data
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    console.error(err)
+                        console.error(err)
                         return err
                     }
                 )
diff --git a/src/store/modules/metadata.spec.js b/src/store/modules/metadata.spec.js
index 514b5062..38b1a8ab 100644
--- a/src/store/modules/metadata.spec.js
+++ b/src/store/modules/metadata.spec.js
@@ -6,15 +6,15 @@ import { Metadata, mockMetadata } from '../../entities/index.js'
 
 describe(
     'Metadata Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets metadata item correctly', () => {
-            const store = useMetadataStore()
+        const store = useMetadataStore()
 
             store.setMetaDataItem(mockMetadata()[0])
 
@@ -27,7 +27,7 @@ describe(
 
     it(
         'sets metadata item with string "properties" property', () => {
-            const store = useMetadataStore()
+        const store = useMetadataStore()
 
             // stringify json data
             const mockData = mockMetadata()[0]
@@ -44,7 +44,7 @@ describe(
 
     it(
         'sets metadata list correctly', () => {
-            const store = useMetadataStore()
+        const store = useMetadataStore()
 
             store.setMetaDataList(mockMetadata())
 
@@ -57,7 +57,7 @@ describe(
 
     it(
         'get metadata property from key', () => {
-            const store = useMetadataStore()
+        const store = useMetadataStore()
 
             store.setMetaDataItem(mockMetadata()[0])
             store.setMetadataDataKey('test')
diff --git a/src/store/modules/organisation.js b/src/store/modules/organisation.js
index 61b952b7..3844677c 100644
--- a/src/store/modules/organisation.js
+++ b/src/store/modules/organisation.js
@@ -33,16 +33,16 @@ export const useOrganisationStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                this.setOrganisationList(data.results)
+                    response.json().then(
+                            (data) => {
+                            this.setOrganisationList(data.results)
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        console.error(err)
+                    console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/organisation.spec.js b/src/store/modules/organisation.spec.js
index 27385c8e..b14a260b 100644
--- a/src/store/modules/organisation.spec.js
+++ b/src/store/modules/organisation.spec.js
@@ -6,15 +6,15 @@ import { useOrganisationStore } from './organisation.js';
 
 describe(
     'Organisation Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets organisation item correctly', () => {
-            const store = useOrganisationStore()
+        const store = useOrganisationStore()
 
             store.setOrganisationItem(mockOrganisation()[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets organisation list correctly', () => {
-            const store = useOrganisationStore()
+        const store = useOrganisationStore()
 
             store.setOrganisationList(mockOrganisation())
 
diff --git a/src/store/modules/search.js b/src/store/modules/search.js
index db326f1e..cd1a532b 100644
--- a/src/store/modules/search.js
+++ b/src/store/modules/search.js
@@ -27,22 +27,22 @@ export const useSearchStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            if (data?.code === 403 && data?.message) {
-                                this.searchError = data.message
-                                console.log(this.searchError)
-                            } else {
-                                this.searchError = '' // Clear any previous errors
-                            }
+                        response.json().then(
+                        (data) => {
+                                if (data?.code === 403 && data?.message) {
+                                    this.searchError = data.message
+                                    console.log(this.searchError)
+                                } else {
+                                    this.searchError = '' // Clear any previous errors
+                                }
                                 this.searchResults = data
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    this.searchError = err.message || 'An error occurred'
+                        this.searchError = err.message || 'An error occurred'
                         console.error(err.message ?? err)
                     }
                 )
diff --git a/src/store/modules/theme.js b/src/store/modules/theme.js
index e7fe9bd1..0cecf1b0 100644
--- a/src/store/modules/theme.js
+++ b/src/store/modules/theme.js
@@ -33,16 +33,16 @@ export const useThemeStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                this.setThemeList(data.results)
+                    response.json().then(
+                            (data) => {
+                            this.setThemeList(data.results)
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        console.error(err)
+                    console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/theme.spec.js b/src/store/modules/theme.spec.js
index 34931d81..cb7b85cc 100644
--- a/src/store/modules/theme.spec.js
+++ b/src/store/modules/theme.spec.js
@@ -6,15 +6,15 @@ import { mockTheme, Theme } from '../../entities/index.js'
 
 describe(
     'Theme Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets theme item correctly', () => {
-            const store = useThemeStore()
+        const store = useThemeStore()
 
             store.setThemeItem(mockTheme()[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets theme list correctly', () => {
-            const store = useThemeStore()
+        const store = useThemeStore()
 
             store.setThemeList(mockTheme())
 

From 261c6ecc4361a0350bc7331ed27375920a587a74 Mon Sep 17 00:00:00 2001
From: Ruben van der Linde <ruben@conduction.nl>
Date: Tue, 6 Aug 2024 21:26:46 +0200
Subject: [PATCH 03/16] Fixes on help button and publication page

---
 src/views/catalogi/CatalogiList.vue           | 16 ++++++++++-
 src/views/directory/DirectoryList.vue         | 16 ++++++++++-
 src/views/metaData/MetaDataList.vue           | 13 +++++++++
 .../organisations/OrganisationDetail.vue      |  6 ++---
 src/views/organisations/OrganisationList.vue  | 27 ++++++++++---------
 src/views/publications/PublicationDetail.vue  |  4 +--
 src/views/publications/PublicationList.vue    |  5 +++-
 src/views/themes/ThemeDetail.vue              |  6 ++---
 src/views/themes/ThemeList.vue                |  5 +++-
 9 files changed, 74 insertions(+), 24 deletions(-)

diff --git a/src/views/catalogi/CatalogiList.vue b/src/views/catalogi/CatalogiList.vue
index 4134db7f..7d93d05f 100644
--- a/src/views/catalogi/CatalogiList.vue
+++ b/src/views/catalogi/CatalogiList.vue
@@ -15,6 +15,14 @@ import { catalogiStore, navigationStore } from '../../store/store.js'
 					<Magnify :size="20" />
 				</NcTextField>
 				<NcActions>
+					<NcActionButton
+						title="Bekijk de documentatie over catalogi"
+						@click="openLink('https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/catalogi', '_blank')">
+						<template #icon>
+							<HelpCircleOutline :size="20" />
+						</template>
+						Help
+					</NcActionButton>
 					<NcActionButton :disabled="loading" @click="fetchData">
 						<template #icon>
 							<Refresh :size="20" />
@@ -90,6 +98,7 @@ import Pencil from 'vue-material-design-icons/Pencil.vue'
 import Delete from 'vue-material-design-icons/Delete.vue'
 import Refresh from 'vue-material-design-icons/Refresh.vue'
 import OpenInApp from 'vue-material-design-icons/OpenInApp.vue'
+import HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue'
 import { debounce } from 'lodash'
 
 export default {
@@ -100,9 +109,11 @@ export default {
 		NcActionButton,
 		NcAppContentList,
 		NcTextField,
+		NcLoadingIcon,
+		// Icons
+		HelpCircleOutline,
 		DatabaseOutline,
 		Magnify,
-		NcLoadingIcon,
 		Refresh,
 		Plus,
 		Pencil,
@@ -145,6 +156,9 @@ export default {
 		debouncedFetchData: debounce(function(search) {
 			this.fetchData(search)
 		}, 500),
+		openLink(url, type = '') {
+			window.open(url, type)
+		},
 	},
 }
 </script>
diff --git a/src/views/directory/DirectoryList.vue b/src/views/directory/DirectoryList.vue
index 4583962f..a1088332 100644
--- a/src/views/directory/DirectoryList.vue
+++ b/src/views/directory/DirectoryList.vue
@@ -15,6 +15,14 @@ import { navigationStore, directoryStore } from '../../store/store.js'
 					<Magnify :size="20" />
 				</NcTextField>
 				<NcActions>
+					<NcActionButton
+						title="Bekijk de documentatie over catalogi"
+						@click="openLink('https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/directory', '_blank')">
+						<template #icon>
+							<HelpCircleOutline :size="20" />
+						</template>
+						Help
+					</NcActionButton>
 					<NcActionButton :disabled="loading" @click="fetchData">
 						<template #icon>
 							<Refresh :size="20" />
@@ -81,6 +89,7 @@ import Plus from 'vue-material-design-icons/Plus.vue'
 import Pencil from 'vue-material-design-icons/Pencil.vue'
 import Delete from 'vue-material-design-icons/Delete.vue'
 import Refresh from 'vue-material-design-icons/Refresh.vue'
+import HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue'
 import { debounce } from 'lodash'
 
 export default {
@@ -91,9 +100,11 @@ export default {
 		NcActionButton,
 		NcAppContentList,
 		NcTextField,
+		NcLoadingIcon,
+		// Icons
 		LayersOutline,
 		Magnify,
-		NcLoadingIcon,
+		HelpCircleOutline,
 		Refresh,
 		Plus,
 		Pencil,
@@ -135,6 +146,9 @@ export default {
 		debouncedFetchData: debounce(function(search) {
 			this.fetchData(search)
 		}, 500),
+		openLink(url, type = '') {
+			window.open(url, type)
+		},
 	},
 }
 </script>
diff --git a/src/views/metaData/MetaDataList.vue b/src/views/metaData/MetaDataList.vue
index 386f3333..a435cb49 100644
--- a/src/views/metaData/MetaDataList.vue
+++ b/src/views/metaData/MetaDataList.vue
@@ -15,6 +15,14 @@ import { navigationStore, metadataStore } from '../../store/store.js'
 					<Magnify :size="20" />
 				</NcTextField>
 				<NcActions>
+					<NcActionButton
+						title="Bekijk de documentatie over catalogi"
+						@click="openLink('https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/metadata', '_blank')">
+						<template #icon>
+							<HelpCircleOutline :size="20" />
+						</template>
+						Help
+					</NcActionButton>
 					<NcActionButton :disabled="loading" @click="fetchData">
 						<template #icon>
 							<Refresh :size="20" />
@@ -89,6 +97,7 @@ import Pencil from 'vue-material-design-icons/Pencil.vue'
 import ContentCopy from 'vue-material-design-icons/ContentCopy.vue'
 import Delete from 'vue-material-design-icons/Delete.vue'
 import Refresh from 'vue-material-design-icons/Refresh.vue'
+import HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue'
 import { debounce } from 'lodash'
 
 export default {
@@ -109,6 +118,7 @@ export default {
 		Pencil,
 		ContentCopy,
 		Delete,
+		HelpCircleOutline,
 	},
 	beforeRouteLeave(to, from, next) {
 		search = ''
@@ -146,6 +156,9 @@ export default {
 		debouncedFetchData: debounce(function(search) {
 			this.fetchData(search)
 		}, 500),
+		openLink(url, type = '') {
+			window.open(url, type)
+		},
 	},
 }
 </script>
diff --git a/src/views/organisations/OrganisationDetail.vue b/src/views/organisations/OrganisationDetail.vue
index db62d116..a3553c37 100644
--- a/src/views/organisations/OrganisationDetail.vue
+++ b/src/views/organisations/OrganisationDetail.vue
@@ -25,7 +25,7 @@ import { navigationStore, organisationStore } from '../../store/store.js'
 				</template>
 				<NcActionButton
 					title="Bekijk de documentatie over organisaties"
-					@click="linkToOtherWindow('https://conduction.gitbook.io/opencatalogi-nextcloud/gebruikers/organisaties')">
+					@click="openLink('https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/organisaties')">
 					<template #icon>
 						<HelpCircleOutline :size="20" />
 					</template>
@@ -196,8 +196,8 @@ export default {
 					console.error(err)
 				})
 		},
-		linkToOtherWindow(url) {
-			window.open(url, '_blank')
+		openLink(url, type = '') {
+			window.open(url, type)
 		},
 	},
 }
diff --git a/src/views/organisations/OrganisationList.vue b/src/views/organisations/OrganisationList.vue
index cef7616c..f4e457cc 100644
--- a/src/views/organisations/OrganisationList.vue
+++ b/src/views/organisations/OrganisationList.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { navigationStore, organisationStore } from '../../store/store.js';
+import { navigationStore, organisationStore } from '../../store/store.js'
 </script>
 
 <template>
@@ -17,7 +17,7 @@ import { navigationStore, organisationStore } from '../../store/store.js';
 				<NcActions>
 					<NcActionButton
 						title="Bekijk de documentatie over organisaties"
-						@click="linkToOtherWindow('https://conduction.gitbook.io/opencatalogi-nextcloud/gebruikers/organisaties')">
+						@click="openLink('https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/organisaties')">
 						<template #icon>
 							<HelpCircleOutline :size="20" />
 						</template>
@@ -84,18 +84,18 @@ import { navigationStore, organisationStore } from '../../store/store.js';
 	</NcAppContentList>
 </template>
 <script>
-import { NcActionButton, NcActions, NcAppContentList, NcListItem, NcLoadingIcon, NcTextField } from '@nextcloud/vue';
-import { debounce } from 'lodash';
+import { NcActionButton, NcActions, NcAppContentList, NcListItem, NcLoadingIcon, NcTextField } from '@nextcloud/vue'
+import { debounce } from 'lodash'
 
 // Icons
-import ContentCopy from 'vue-material-design-icons/ContentCopy.vue';
-import Delete from 'vue-material-design-icons/Delete.vue';
-import HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue';
-import Magnify from 'vue-material-design-icons/Magnify.vue';
-import OfficeBuildingOutline from 'vue-material-design-icons/OfficeBuildingOutline.vue';
-import Pencil from 'vue-material-design-icons/Pencil.vue';
-import Plus from 'vue-material-design-icons/Plus.vue';
-import Refresh from 'vue-material-design-icons/Refresh.vue';
+import ContentCopy from 'vue-material-design-icons/ContentCopy.vue'
+import Delete from 'vue-material-design-icons/Delete.vue'
+import HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue'
+import Magnify from 'vue-material-design-icons/Magnify.vue'
+import OfficeBuildingOutline from 'vue-material-design-icons/OfficeBuildingOutline.vue'
+import Pencil from 'vue-material-design-icons/Pencil.vue'
+import Plus from 'vue-material-design-icons/Plus.vue'
+import Refresh from 'vue-material-design-icons/Refresh.vue'
 
 export default {
 	name: 'OrganisationList',
@@ -159,6 +159,9 @@ export default {
 		debouncedFetchData: debounce(function(search) {
 			this.fetchData(search)
 		}, 500),
+		openLink(url, type = '') {
+			window.open(url, type)
+		},
 	},
 }
 </script>
diff --git a/src/views/publications/PublicationDetail.vue b/src/views/publications/PublicationDetail.vue
index c8fadde2..c63aed89 100644
--- a/src/views/publications/PublicationDetail.vue
+++ b/src/views/publications/PublicationDetail.vue
@@ -125,11 +125,11 @@ import { catalogiStore, metadataStore, navigationStore, publicationStore } from
 				</div>
 				<div>
 					<b>Gepubliceerd:</b>
-					<span>{{ publicationStore.publicationItem.published?.toLocaleDateString('en-nl') }}</span>
+					<span>{{ publicationStore.publicationItem.published }}</span>
 				</div>
 				<div>
 					<b>Gewijzigd:</b>
-					<span>{{ publicationStore.publicationItem.modified?.toLocaleDateString('en-nl') }}</span>
+					<span>{{ publicationStore.publicationItem.modified }}</span>
 				</div>
 				<div>
 					<b>Catalogi:</b>
diff --git a/src/views/publications/PublicationList.vue b/src/views/publications/PublicationList.vue
index ffe23ff7..9394a73a 100644
--- a/src/views/publications/PublicationList.vue
+++ b/src/views/publications/PublicationList.vue
@@ -43,7 +43,7 @@ import { navigationStore, publicationStore } from '../../store/store.js'
 					<NcActionCaption name="Acties" />
 					<NcActionButton
 						title="Bekijk de documentatie over publicaties"
-						@click="linkToOtherWindow('https://conduction.gitbook.io/opencatalogi-nextcloud/gebruikers/publicaties')">
+						@click="openLink('https://conduction.gitbook.io/opencatalogi-nextcloud/gebruikers/publicaties')">
 						<template #icon>
 							<HelpCircleOutline :size="20" />
 						</template>
@@ -237,6 +237,9 @@ export default {
 		debouncedFetchData: debounce(function(search) {
 			this.fetchData(search)
 		}, 500),
+		openLink(url, type = '') {
+			window.open(url, type)
+		},
 	},
 }
 </script>
diff --git a/src/views/themes/ThemeDetail.vue b/src/views/themes/ThemeDetail.vue
index c56f20e7..cc425b27 100644
--- a/src/views/themes/ThemeDetail.vue
+++ b/src/views/themes/ThemeDetail.vue
@@ -25,7 +25,7 @@ import { navigationStore, themeStore } from '../../store/store.js'
 				</template>
 				<NcActionButton
 					title="Bekijk de documentatie over themas"
-					@click="linkToOtherWindow('https://conduction.gitbook.io/opencatalogi-nextcloud/gebruikers/themas')">
+					@click="openLink('https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/themas')">
 					<template #icon>
 						<HelpCircleOutline :size="20" />
 					</template>
@@ -196,8 +196,8 @@ export default {
 					console.error(err)
 				})
 		},
-		linkToOtherWindow(url) {
-			window.open(url, '_blank')
+		openLink(url, type = '') {
+			window.open(url, type)
 		},
 	},
 }
diff --git a/src/views/themes/ThemeList.vue b/src/views/themes/ThemeList.vue
index 5871fbe7..07903d57 100644
--- a/src/views/themes/ThemeList.vue
+++ b/src/views/themes/ThemeList.vue
@@ -17,7 +17,7 @@ import { navigationStore, themeStore } from '../../store/store.js'
 				<NcActions>
 					<NcActionButton
 						title="Bekijk de documentatie over themas"
-						@click="linkToOtherWindow('https://conduction.gitbook.io/opencatalogi-nextcloud/gebruikers/themas')">
+						@click="openLink('https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/themas')">
 						<template #icon>
 							<HelpCircleOutline :size="20" />
 						</template>
@@ -159,6 +159,9 @@ export default {
 		debouncedFetchData: debounce(function(search) {
 			this.fetchData(search)
 		}, 500),
+		openLink(url, type = '') {
+			window.open(url, type)
+		},
 	},
 }
 </script>

From bde77be7bb1a339a865226277c9afaa66d164166 Mon Sep 17 00:00:00 2001
From: GitHub Actions <actions@github.com>
Date: Tue, 6 Aug 2024 19:31:08 +0000
Subject: [PATCH 04/16] Update src from PHP Codesniffer

---
 src/store/modules/configuration.js       | 10 +++++-----
 src/store/modules/configuration.spec.js  | 10 +++++-----
 src/store/modules/configuration.specs.js | 12 ++++++------
 src/store/modules/metadata.js            | 14 +++++++-------
 src/store/modules/metadata.spec.js       | 16 ++++++++--------
 src/store/modules/organisation.js        | 10 +++++-----
 src/store/modules/organisation.spec.js   | 12 ++++++------
 src/store/modules/search.js              | 20 ++++++++++----------
 src/store/modules/theme.js               | 10 +++++-----
 src/store/modules/theme.spec.js          | 12 ++++++------
 10 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/src/store/modules/configuration.js b/src/store/modules/configuration.js
index d4561a4b..a1cb0449 100644
--- a/src/store/modules/configuration.js
+++ b/src/store/modules/configuration.js
@@ -27,16 +27,16 @@ export const useConfigurationStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.setConfigurationItem(data)
+                        response.json().then(
+                        (data) => {
+                                this.setConfigurationItem(data)
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    console.error(err)
+                        console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/configuration.spec.js b/src/store/modules/configuration.spec.js
index 814184e0..674586b6 100644
--- a/src/store/modules/configuration.spec.js
+++ b/src/store/modules/configuration.spec.js
@@ -5,15 +5,15 @@ import { useConfigurationStore } from './configuration.js'
 
 describe(
     'Configuration Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets configuration item correctly', () => {
-        const store = useConfigurationStore()
+            const store = useConfigurationStore()
 
             store.setConfigurationItem(mockConfiguration()[0])
 
diff --git a/src/store/modules/configuration.specs.js b/src/store/modules/configuration.specs.js
index 62920f59..aeb143d3 100644
--- a/src/store/modules/configuration.specs.js
+++ b/src/store/modules/configuration.specs.js
@@ -6,15 +6,15 @@ import { useConfigurationStore } from './configuration.js';
 
 describe(
     'Metadata Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets configuration item correctly', () => {
-        const store = useConfigurationStore()
+            const store = useConfigurationStore()
 
             store.setConfigurationItem(testData[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets configuration list correctly', () => {
-        const store = useConfigurationStore()
+            const store = useConfigurationStore()
 
             store.setConfigurationItem(testData)
 
diff --git a/src/store/modules/metadata.js b/src/store/modules/metadata.js
index 0de1c28e..cb8c0ffd 100644
--- a/src/store/modules/metadata.js
+++ b/src/store/modules/metadata.js
@@ -41,19 +41,19 @@ export const useMetadataStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                this.metaDataList = data.results.map(
-                                (metadataItem) => new Metadata(metadataItem),
-                            )
+                    response.json().then(
+                            (data) => {
+                            this.metaDataList = data.results.map(
+                                    (metadataItem) => new Metadata(metadataItem),
+                                )
                             return data
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        console.error(err)
+                    console.error(err)
                         return err
                     }
                 )
diff --git a/src/store/modules/metadata.spec.js b/src/store/modules/metadata.spec.js
index 38b1a8ab..514b5062 100644
--- a/src/store/modules/metadata.spec.js
+++ b/src/store/modules/metadata.spec.js
@@ -6,15 +6,15 @@ import { Metadata, mockMetadata } from '../../entities/index.js'
 
 describe(
     'Metadata Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets metadata item correctly', () => {
-        const store = useMetadataStore()
+            const store = useMetadataStore()
 
             store.setMetaDataItem(mockMetadata()[0])
 
@@ -27,7 +27,7 @@ describe(
 
     it(
         'sets metadata item with string "properties" property', () => {
-        const store = useMetadataStore()
+            const store = useMetadataStore()
 
             // stringify json data
             const mockData = mockMetadata()[0]
@@ -44,7 +44,7 @@ describe(
 
     it(
         'sets metadata list correctly', () => {
-        const store = useMetadataStore()
+            const store = useMetadataStore()
 
             store.setMetaDataList(mockMetadata())
 
@@ -57,7 +57,7 @@ describe(
 
     it(
         'get metadata property from key', () => {
-        const store = useMetadataStore()
+            const store = useMetadataStore()
 
             store.setMetaDataItem(mockMetadata()[0])
             store.setMetadataDataKey('test')
diff --git a/src/store/modules/organisation.js b/src/store/modules/organisation.js
index 3844677c..61b952b7 100644
--- a/src/store/modules/organisation.js
+++ b/src/store/modules/organisation.js
@@ -33,16 +33,16 @@ export const useOrganisationStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.setOrganisationList(data.results)
+                        response.json().then(
+                        (data) => {
+                                this.setOrganisationList(data.results)
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    console.error(err)
+                        console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/organisation.spec.js b/src/store/modules/organisation.spec.js
index b14a260b..27385c8e 100644
--- a/src/store/modules/organisation.spec.js
+++ b/src/store/modules/organisation.spec.js
@@ -6,15 +6,15 @@ import { useOrganisationStore } from './organisation.js';
 
 describe(
     'Organisation Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets organisation item correctly', () => {
-        const store = useOrganisationStore()
+            const store = useOrganisationStore()
 
             store.setOrganisationItem(mockOrganisation()[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets organisation list correctly', () => {
-        const store = useOrganisationStore()
+            const store = useOrganisationStore()
 
             store.setOrganisationList(mockOrganisation())
 
diff --git a/src/store/modules/search.js b/src/store/modules/search.js
index cd1a532b..db326f1e 100644
--- a/src/store/modules/search.js
+++ b/src/store/modules/search.js
@@ -27,22 +27,22 @@ export const useSearchStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                if (data?.code === 403 && data?.message) {
-                                    this.searchError = data.message
-                                    console.log(this.searchError)
-                                } else {
-                                    this.searchError = '' // Clear any previous errors
-                                }
+                    response.json().then(
+                            (data) => {
+                            if (data?.code === 403 && data?.message) {
+                                this.searchError = data.message
+                                console.log(this.searchError)
+                            } else {
+                                this.searchError = '' // Clear any previous errors
+                            }
                                 this.searchResults = data
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        this.searchError = err.message || 'An error occurred'
+                    this.searchError = err.message || 'An error occurred'
                         console.error(err.message ?? err)
                     }
                 )
diff --git a/src/store/modules/theme.js b/src/store/modules/theme.js
index 0cecf1b0..e7fe9bd1 100644
--- a/src/store/modules/theme.js
+++ b/src/store/modules/theme.js
@@ -33,16 +33,16 @@ export const useThemeStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.setThemeList(data.results)
+                        response.json().then(
+                        (data) => {
+                                this.setThemeList(data.results)
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    console.error(err)
+                        console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/theme.spec.js b/src/store/modules/theme.spec.js
index cb7b85cc..34931d81 100644
--- a/src/store/modules/theme.spec.js
+++ b/src/store/modules/theme.spec.js
@@ -6,15 +6,15 @@ import { mockTheme, Theme } from '../../entities/index.js'
 
 describe(
     'Theme Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets theme item correctly', () => {
-        const store = useThemeStore()
+            const store = useThemeStore()
 
             store.setThemeItem(mockTheme()[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets theme list correctly', () => {
-        const store = useThemeStore()
+            const store = useThemeStore()
 
             store.setThemeList(mockTheme())
 

From 6d82d1f218ba13f62eb8aded3a817876e38549c5 Mon Sep 17 00:00:00 2001
From: Ruben van der Linde <ruben@conduction.nl>
Date: Tue, 6 Aug 2024 21:33:51 +0200
Subject: [PATCH 05/16] Proper button icons and NL lang

---
 src/modals/catalog/AddCatalogModal.vue           | 6 +++---
 src/modals/directory/AddListingModal.vue         | 8 ++++----
 src/modals/metaData/AddMetaDataModal.vue         | 6 +++---
 src/modals/organisation/AddOrganisationModal.vue | 8 ++++----
 src/modals/publication/AddPublicationModal.vue   | 8 ++++----
 src/modals/theme/AddThemeModal.vue               | 8 ++++----
 6 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/modals/catalog/AddCatalogModal.vue b/src/modals/catalog/AddCatalogModal.vue
index 80d822c2..79a18012 100644
--- a/src/modals/catalog/AddCatalogModal.vue
+++ b/src/modals/catalog/AddCatalogModal.vue
@@ -41,7 +41,7 @@ import { catalogiStore, navigationStore } from '../../store/store.js'
 				@click="addCatalog">
 				<template #icon>
 					<NcLoadingIcon v-if="loading" :size="20" />
-					<ContentSaveOutline v-if="!loading" :size="20" />
+					<Plus v-if="!loading" :size="20" />
 				</template>
 				Toevoegen
 			</NcButton>
@@ -51,7 +51,7 @@ import { catalogiStore, navigationStore } from '../../store/store.js'
 
 <script>
 import { NcButton, NcModal, NcTextField, NcLoadingIcon, NcNoteCard } from '@nextcloud/vue'
-import ContentSaveOutline from 'vue-material-design-icons/ContentSaveOutline.vue'
+import Plus from 'vue-material-design-icons/Plus.vue'
 
 export default {
 	name: 'AddCatalogModal',
@@ -62,7 +62,7 @@ export default {
 		NcLoadingIcon,
 		NcNoteCard,
 		// Icons
-		ContentSaveOutline,
+		Plus,
 	},
 	data() {
 		return {
diff --git a/src/modals/directory/AddListingModal.vue b/src/modals/directory/AddListingModal.vue
index 8489bd76..09d246e9 100644
--- a/src/modals/directory/AddListingModal.vue
+++ b/src/modals/directory/AddListingModal.vue
@@ -34,9 +34,9 @@ import { navigationStore, directoryStore } from '../../store/store.js'
 				@click="addDirectory">
 				<template #icon>
 					<NcLoadingIcon v-if="loading" :size="20" />
-					<ContentSaveOutline v-if="!loading" :size="20" />
+					<Plus v-if="!loading" :size="20" />
 				</template>
-				Submit
+				Toevoegen
 			</NcButton>
 		</div>
 	</NcModal>
@@ -44,7 +44,7 @@ import { navigationStore, directoryStore } from '../../store/store.js'
 
 <script>
 import { NcButton, NcModal, NcTextField, NcLoadingIcon, NcNoteCard } from '@nextcloud/vue'
-import ContentSaveOutline from 'vue-material-design-icons/ContentSaveOutline.vue'
+import Plus from 'vue-material-design-icons/Plus.vue'
 
 export default {
 	name: 'AddListingModal',
@@ -54,7 +54,7 @@ export default {
 		NcButton,
 		NcLoadingIcon,
 		NcNoteCard,
-		ContentSaveOutline,
+		Plus,
 	},
 	data() {
 		return {
diff --git a/src/modals/metaData/AddMetaDataModal.vue b/src/modals/metaData/AddMetaDataModal.vue
index 09e93574..d18a8cfd 100644
--- a/src/modals/metaData/AddMetaDataModal.vue
+++ b/src/modals/metaData/AddMetaDataModal.vue
@@ -31,7 +31,7 @@ import { navigationStore, metadataStore } from '../../store/store.js'
 				@click="addMetaData">
 				<template #icon>
 					<NcLoadingIcon v-if="loading" :size="20" />
-					<ContentSaveOutline v-if="!loading" :size="20" />
+					<Plus v-if="!loading" :size="20" />
 				</template>
 				Toevoegen
 			</NcButton>
@@ -41,7 +41,7 @@ import { navigationStore, metadataStore } from '../../store/store.js'
 
 <script>
 import { NcButton, NcModal, NcTextField, NcTextArea, NcLoadingIcon, NcNoteCard } from '@nextcloud/vue'
-import ContentSaveOutline from 'vue-material-design-icons/ContentSaveOutline.vue'
+import Plus from 'vue-material-design-icons/Plus.vue'
 
 export default {
 	name: 'AddMetaDataModal',
@@ -53,7 +53,7 @@ export default {
 		NcLoadingIcon,
 		NcNoteCard,
 		// Icons
-		ContentSaveOutline,
+		Plus,
 	},
 	data() {
 		return {
diff --git a/src/modals/organisation/AddOrganisationModal.vue b/src/modals/organisation/AddOrganisationModal.vue
index 45251bb3..099710c1 100644
--- a/src/modals/organisation/AddOrganisationModal.vue
+++ b/src/modals/organisation/AddOrganisationModal.vue
@@ -59,9 +59,9 @@ import { navigationStore, organisationStore } from '../../store/store.js'
 				@click="addOrganisation()">
 				<template #icon>
 					<NcLoadingIcon v-if="loading" :size="20" />
-					<ContentSaveOutline v-if="!loading" :size="20" />
+					<Plus v-if="!loading" :size="20" />
 				</template>
-				Opslaan
+				Toevoegen
 			</NcButton>
 		</div>
 	</NcModal>
@@ -76,7 +76,7 @@ import {
 	NcTextArea,
 	NcTextField,
 } from '@nextcloud/vue'
-import ContentSaveOutline from 'vue-material-design-icons/ContentSaveOutline.vue'
+import Plus from 'vue-material-design-icons/Plus.vue'
 
 export default {
 	name: 'AddOrganisationModal',
@@ -88,7 +88,7 @@ export default {
 		NcLoadingIcon,
 		NcNoteCard,
 		// Icons
-		ContentSaveOutline,
+		Plus,
 	},
 	data() {
 		return {
diff --git a/src/modals/publication/AddPublicationModal.vue b/src/modals/publication/AddPublicationModal.vue
index 6b53cef5..099246f6 100644
--- a/src/modals/publication/AddPublicationModal.vue
+++ b/src/modals/publication/AddPublicationModal.vue
@@ -89,9 +89,9 @@ import { navigationStore, publicationStore } from '../../store/store.js'
 				@click="addPublication()">
 				<template #icon>
 					<NcLoadingIcon v-if="loading" :size="20" />
-					<ContentSaveOutline v-if="!loading" :size="20" />
+					<Plus v-if="!loading" :size="20" />
 				</template>
-				Opslaan
+				Toevoegen
 			</NcButton>
 		</div>
 	</NcModal>
@@ -109,7 +109,7 @@ import {
 	NcNoteCard,
 	NcDateTimePicker,
 } from '@nextcloud/vue'
-import ContentSaveOutline from 'vue-material-design-icons/ContentSaveOutline.vue'
+import Plus from 'vue-material-design-icons/Plus.vue'
 
 export default {
 	name: 'AddPublicationModal',
@@ -124,7 +124,7 @@ export default {
 		NcNoteCard,
 		NcDateTimePicker,
 		// Icons
-		ContentSaveOutline,
+		Plus,
 	},
 	data() {
 		return {
diff --git a/src/modals/theme/AddThemeModal.vue b/src/modals/theme/AddThemeModal.vue
index ee1024ae..6e7343fb 100644
--- a/src/modals/theme/AddThemeModal.vue
+++ b/src/modals/theme/AddThemeModal.vue
@@ -43,9 +43,9 @@ import { navigationStore, themeStore } from '../../store/store.js'
 				@click="addTheme()">
 				<template #icon>
 					<NcLoadingIcon v-if="loading" :size="20" />
-					<ContentSaveOutline v-if="!loading" :size="20" />
+					<Plus v-if="!loading" :size="20" />
 				</template>
-				Opslaan
+				Toevoegen
 			</NcButton>
 		</div>
 	</NcModal>
@@ -60,7 +60,7 @@ import {
 	NcTextArea,
 	NcTextField,
 } from '@nextcloud/vue'
-import ContentSaveOutline from 'vue-material-design-icons/ContentSaveOutline.vue'
+import Plus from 'vue-material-design-icons/Plus.vue'
 
 export default {
 	name: 'AddThemeModal',
@@ -72,7 +72,7 @@ export default {
 		NcLoadingIcon,
 		NcNoteCard,
 		// Icons
-		ContentSaveOutline,
+		Plus,
 	},
 	data() {
 		return {

From b71230fcceef29081f7776d33832561900c5a6a9 Mon Sep 17 00:00:00 2001
From: GitHub Actions <actions@github.com>
Date: Tue, 6 Aug 2024 19:36:59 +0000
Subject: [PATCH 06/16] Update src from PHP Codesniffer

---
 src/store/modules/configuration.js       | 10 +++++-----
 src/store/modules/configuration.spec.js  | 10 +++++-----
 src/store/modules/configuration.specs.js | 12 ++++++------
 src/store/modules/metadata.js            | 14 +++++++-------
 src/store/modules/metadata.spec.js       | 16 ++++++++--------
 src/store/modules/organisation.js        | 10 +++++-----
 src/store/modules/organisation.spec.js   | 12 ++++++------
 src/store/modules/search.js              | 20 ++++++++++----------
 src/store/modules/theme.js               | 10 +++++-----
 src/store/modules/theme.spec.js          | 12 ++++++------
 10 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/src/store/modules/configuration.js b/src/store/modules/configuration.js
index a1cb0449..d4561a4b 100644
--- a/src/store/modules/configuration.js
+++ b/src/store/modules/configuration.js
@@ -27,16 +27,16 @@ export const useConfigurationStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                this.setConfigurationItem(data)
+                    response.json().then(
+                            (data) => {
+                            this.setConfigurationItem(data)
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        console.error(err)
+                    console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/configuration.spec.js b/src/store/modules/configuration.spec.js
index 674586b6..814184e0 100644
--- a/src/store/modules/configuration.spec.js
+++ b/src/store/modules/configuration.spec.js
@@ -5,15 +5,15 @@ import { useConfigurationStore } from './configuration.js'
 
 describe(
     'Configuration Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets configuration item correctly', () => {
-            const store = useConfigurationStore()
+        const store = useConfigurationStore()
 
             store.setConfigurationItem(mockConfiguration()[0])
 
diff --git a/src/store/modules/configuration.specs.js b/src/store/modules/configuration.specs.js
index aeb143d3..62920f59 100644
--- a/src/store/modules/configuration.specs.js
+++ b/src/store/modules/configuration.specs.js
@@ -6,15 +6,15 @@ import { useConfigurationStore } from './configuration.js';
 
 describe(
     'Metadata Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets configuration item correctly', () => {
-            const store = useConfigurationStore()
+        const store = useConfigurationStore()
 
             store.setConfigurationItem(testData[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets configuration list correctly', () => {
-            const store = useConfigurationStore()
+        const store = useConfigurationStore()
 
             store.setConfigurationItem(testData)
 
diff --git a/src/store/modules/metadata.js b/src/store/modules/metadata.js
index cb8c0ffd..0de1c28e 100644
--- a/src/store/modules/metadata.js
+++ b/src/store/modules/metadata.js
@@ -41,19 +41,19 @@ export const useMetadataStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.metaDataList = data.results.map(
-                                    (metadataItem) => new Metadata(metadataItem),
-                                )
+                        response.json().then(
+                        (data) => {
+                                this.metaDataList = data.results.map(
+                                (metadataItem) => new Metadata(metadataItem),
+                            )
                             return data
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    console.error(err)
+                        console.error(err)
                         return err
                     }
                 )
diff --git a/src/store/modules/metadata.spec.js b/src/store/modules/metadata.spec.js
index 514b5062..38b1a8ab 100644
--- a/src/store/modules/metadata.spec.js
+++ b/src/store/modules/metadata.spec.js
@@ -6,15 +6,15 @@ import { Metadata, mockMetadata } from '../../entities/index.js'
 
 describe(
     'Metadata Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets metadata item correctly', () => {
-            const store = useMetadataStore()
+        const store = useMetadataStore()
 
             store.setMetaDataItem(mockMetadata()[0])
 
@@ -27,7 +27,7 @@ describe(
 
     it(
         'sets metadata item with string "properties" property', () => {
-            const store = useMetadataStore()
+        const store = useMetadataStore()
 
             // stringify json data
             const mockData = mockMetadata()[0]
@@ -44,7 +44,7 @@ describe(
 
     it(
         'sets metadata list correctly', () => {
-            const store = useMetadataStore()
+        const store = useMetadataStore()
 
             store.setMetaDataList(mockMetadata())
 
@@ -57,7 +57,7 @@ describe(
 
     it(
         'get metadata property from key', () => {
-            const store = useMetadataStore()
+        const store = useMetadataStore()
 
             store.setMetaDataItem(mockMetadata()[0])
             store.setMetadataDataKey('test')
diff --git a/src/store/modules/organisation.js b/src/store/modules/organisation.js
index 61b952b7..3844677c 100644
--- a/src/store/modules/organisation.js
+++ b/src/store/modules/organisation.js
@@ -33,16 +33,16 @@ export const useOrganisationStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                this.setOrganisationList(data.results)
+                    response.json().then(
+                            (data) => {
+                            this.setOrganisationList(data.results)
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        console.error(err)
+                    console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/organisation.spec.js b/src/store/modules/organisation.spec.js
index 27385c8e..b14a260b 100644
--- a/src/store/modules/organisation.spec.js
+++ b/src/store/modules/organisation.spec.js
@@ -6,15 +6,15 @@ import { useOrganisationStore } from './organisation.js';
 
 describe(
     'Organisation Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets organisation item correctly', () => {
-            const store = useOrganisationStore()
+        const store = useOrganisationStore()
 
             store.setOrganisationItem(mockOrganisation()[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets organisation list correctly', () => {
-            const store = useOrganisationStore()
+        const store = useOrganisationStore()
 
             store.setOrganisationList(mockOrganisation())
 
diff --git a/src/store/modules/search.js b/src/store/modules/search.js
index db326f1e..cd1a532b 100644
--- a/src/store/modules/search.js
+++ b/src/store/modules/search.js
@@ -27,22 +27,22 @@ export const useSearchStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            if (data?.code === 403 && data?.message) {
-                                this.searchError = data.message
-                                console.log(this.searchError)
-                            } else {
-                                this.searchError = '' // Clear any previous errors
-                            }
+                        response.json().then(
+                        (data) => {
+                                if (data?.code === 403 && data?.message) {
+                                    this.searchError = data.message
+                                    console.log(this.searchError)
+                                } else {
+                                    this.searchError = '' // Clear any previous errors
+                                }
                                 this.searchResults = data
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    this.searchError = err.message || 'An error occurred'
+                        this.searchError = err.message || 'An error occurred'
                         console.error(err.message ?? err)
                     }
                 )
diff --git a/src/store/modules/theme.js b/src/store/modules/theme.js
index e7fe9bd1..0cecf1b0 100644
--- a/src/store/modules/theme.js
+++ b/src/store/modules/theme.js
@@ -33,16 +33,16 @@ export const useThemeStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                this.setThemeList(data.results)
+                    response.json().then(
+                            (data) => {
+                            this.setThemeList(data.results)
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        console.error(err)
+                    console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/theme.spec.js b/src/store/modules/theme.spec.js
index 34931d81..cb7b85cc 100644
--- a/src/store/modules/theme.spec.js
+++ b/src/store/modules/theme.spec.js
@@ -6,15 +6,15 @@ import { mockTheme, Theme } from '../../entities/index.js'
 
 describe(
     'Theme Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets theme item correctly', () => {
-            const store = useThemeStore()
+        const store = useThemeStore()
 
             store.setThemeItem(mockTheme()[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets theme list correctly', () => {
-            const store = useThemeStore()
+        const store = useThemeStore()
 
             store.setThemeList(mockTheme())
 

From 5b33e8b121b750917217317d25a2ae5eae723720 Mon Sep 17 00:00:00 2001
From: Ruben van der Linde <ruben@conduction.nl>
Date: Tue, 6 Aug 2024 22:47:59 +0200
Subject: [PATCH 07/16] Setting up the directory index

---
 lib/Controller/PublicationsController.php     |  12 --
 src/modals/Modals.vue                         |   2 +-
 ...ListingModal.vue => AddDirectoryModal.vue} |  17 +-
 src/navigation/Configuration.vue              |  22 +--
 src/sidebars/SideBars.vue                     |   3 +
 src/sidebars/directory/DirectorySideBar.vue   | 146 ++++------------
 src/views/catalogi/CatalogiList.vue           |   2 +-
 src/views/directory/DirectoryIndex.vue        |  35 ++--
 src/views/directory/DirectoryList.vue         | 157 ++++++++++--------
 9 files changed, 171 insertions(+), 225 deletions(-)
 rename src/modals/directory/{AddListingModal.vue => AddDirectoryModal.vue} (81%)

diff --git a/lib/Controller/PublicationsController.php b/lib/Controller/PublicationsController.php
index 05f9dd67..2e4e0446 100644
--- a/lib/Controller/PublicationsController.php
+++ b/lib/Controller/PublicationsController.php
@@ -18,18 +18,6 @@
 
 class PublicationsController extends Controller
 {
-    const TEST_ARRAY = [
-        "354980e5-c967-4ba5-989b-65c2b0cd2ff4" => [
-            "id" => "354980e5-c967-4ba5-989b-65c2b0cd2ff4",
-            "name" => "Input voor OpenCatalogi",
-            "summary" => "Dit is een selectie van high-value datasets in DCAT-AP 2.0 standaard x"
-        ],
-        "2ab0011e-9b4c-4c50-a50d-a16fc0be0178" => [
-            "id" => "2ab0011e-9b4c-4c50-a50d-a16fc0be0178",
-            "title" => "Publication two",
-            "description" => "summary for two"
-        ]
-    ];
 
     public function __construct
 	(
diff --git a/src/modals/Modals.vue b/src/modals/Modals.vue
index 2159f0b8..0f9ba8cc 100644
--- a/src/modals/Modals.vue
+++ b/src/modals/Modals.vue
@@ -37,7 +37,7 @@ import EditMetaDataPropertyModal from './metaData/EditMetaDataPropertyModal.vue'
 
 import AddCatalogModal from './catalog/AddCatalogModal.vue'
 import EditCatalogModal from './catalog/EditCatalogModal.vue'
-import AddListingModal from './directory/AddListingModal.vue'
+import AddListingModal from './directory/AddDirectoryModal.vue'
 import EditListingModal from './directory/EditListingModal.vue'
 import AddOrganisationModal from './organisation/AddOrganisationModal.vue'
 import EditOrganisatioModal from './organisation/EditOrganisationModal.vue'
diff --git a/src/modals/directory/AddListingModal.vue b/src/modals/directory/AddDirectoryModal.vue
similarity index 81%
rename from src/modals/directory/AddListingModal.vue
rename to src/modals/directory/AddDirectoryModal.vue
index 09d246e9..1b4308c5 100644
--- a/src/modals/directory/AddListingModal.vue
+++ b/src/modals/directory/AddDirectoryModal.vue
@@ -4,12 +4,13 @@ import { navigationStore, directoryStore } from '../../store/store.js'
 
 <template>
 	<NcModal
-		v-if="navigationStore.modal === 'addListing'"
+		v-if="navigationStore.modal === 'addDirectory'"
 		ref="modalRef"
 		label-id="addListingModal"
 		@close="navigationStore.setModal(false)">
 		<div class="modal__content">
 			<h2>Directory toevoegen</h2>
+			Je directory bevat alle bij jouw installatie bekende catalogi. Om nieuwe catalogi te ontdekken heb je de directory van een andere (externe) installatie nodig. Nadat deze is opgegeven zullen de twee installaties een federatief netwerk vormen en catalogi blijven uitwisselen.
 			<div v-if="success !== null || error">
 				<NcNoteCard v-if="success" type="success">
 					<p>Listing succesvol toegevoegd</p>
@@ -38,6 +39,12 @@ import { navigationStore, directoryStore } from '../../store/store.js'
 				</template>
 				Toevoegen
 			</NcButton>
+			<NcButton @click="openLink('https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/directory', '_blank')">
+				<template #icon>
+					<HelpCircleOutline :size="20" />
+				</template>
+				Meer informatie over de directory
+			</NcButton>
 		</div>
 	</NcModal>
 </template>
@@ -45,16 +52,19 @@ import { navigationStore, directoryStore } from '../../store/store.js'
 <script>
 import { NcButton, NcModal, NcTextField, NcLoadingIcon, NcNoteCard } from '@nextcloud/vue'
 import Plus from 'vue-material-design-icons/Plus.vue'
+import HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue'
 
 export default {
-	name: 'AddListingModal',
+	name: 'AddDirectoryModal',
 	components: {
 		NcModal,
 		NcTextField,
 		NcButton,
 		NcLoadingIcon,
 		NcNoteCard,
+		// Icons
 		Plus,
+		HelpCircleOutline,
 	},
 	data() {
 		return {
@@ -122,6 +132,9 @@ export default {
 				this.validateUrlError = null
 			}
 		},
+		openLink(url, type = '') {
+			window.open(url, type)
+		},
 	},
 }
 </script>
diff --git a/src/navigation/Configuration.vue b/src/navigation/Configuration.vue
index 75c10f58..46d68369 100644
--- a/src/navigation/Configuration.vue
+++ b/src/navigation/Configuration.vue
@@ -27,14 +27,14 @@
 								<td class="row-name">
 									DRC
 								</td>
-								<td>Location</td>
+								<td>Locatie</td>
 								<td>
 									<NcTextField id="drcLocation"
 										:value.sync="configuration.drcLocation"
 										:label-outside="true"
 										placeholder="https://" />
 								</td>
-								<td>Key</td>
+								<td>Sleutel</td>
 								<td>
 									<NcTextField id="drcKey"
 										:value.sync="configuration.drcKey"
@@ -46,14 +46,14 @@
 								<td class="row-name">
 									ORC
 								</td>
-								<td>Location</td>
+								<td>Locatie</td>
 								<td>
 									<NcTextField id="orcLocation"
 										:value.sync="configuration.orcLocation"
 										:label-outside="true"
 										placeholder="https://" />
 								</td>
-								<td>Key</td>
+								<td>Sleutel</td>
 								<td>
 									<NcTextField id="orcKey"
 										:value.sync="configuration.orcKey"
@@ -65,14 +65,14 @@
 								<td class="row-name">
 									Elastic
 								</td>
-								<td>Location</td>
+								<td>Locatie</td>
 								<td>
 									<NcTextField id="elasticLocation"
 										:value.sync="configuration.elasticLocation"
 										:label-outside="true"
 										placeholder="https://" />
 								</td>
-								<td>Key</td>
+								<td>Sleutel</td>
 								<td>
 									<NcTextField id="elasticKey"
 										:value.sync="configuration.elasticKey"
@@ -91,21 +91,21 @@
 								<td class="row-name">
 									Mongo DB
 								</td>
-								<td>Location</td>
+								<td>Locatie</td>
 								<td>
 									<NcTextField id="mongodbLocation"
 										:value.sync="configuration.mongodbLocation"
 										:label-outside="true"
 										placeholder="https://" />
 								</td>
-								<td>Key</td>
+								<td>Sleutel</td>
 								<td>
 									<NcTextField id="mongodbKey"
 										:value.sync="configuration.mongodbKey"
 										:label-outside="true"
 										placeholder="***" />
 								</td>
-								<td>Cluster name</td>
+								<td>Cluster naam</td>
 								<td>
 									<NcTextField id="mongodbCluster"
 										:value.sync="configuration.mongodbCluster"
@@ -117,14 +117,14 @@
 								<td class="row-name">
 									Nextcloud Admin User
 								</td>
-								<td>Username</td>
+								<td>Gebruikersnaam</td>
 								<td>
 									<NcTextField id="mongodbLocation"
 										:value.sync="configuration.adminUsername"
 										:label-outside="true"
 										placeholder="admin" />
 								</td>
-								<td>Password</td>
+								<td>Wachwoord</td>
 								<td>
 									<NcTextField id="mongodbKey"
 										:value.sync="configuration.adminPassword"
diff --git a/src/sidebars/SideBars.vue b/src/sidebars/SideBars.vue
index 266fc760..953ac2bd 100644
--- a/src/sidebars/SideBars.vue
+++ b/src/sidebars/SideBars.vue
@@ -7,18 +7,21 @@ import { navigationStore } from '../store/store.js'
 		<!-- Placeholder div for all of the sidebars-->
 		<SearchSideBar v-if="navigationStore.selected === 'search'" />
 		<DashboardSideBar v-if="navigationStore.selected === 'dashboard'" />
+		<DirectorySideBar v-if="navigationStore.selected === 'directory'" />
 	</div>
 </template>
 
 <script>
 import SearchSideBar from './search/SearchSideBar.vue'
 import DashboardSideBar from './dashboard/DashboardSideBar.vue'
+import DirectorySideBar from './directory/DirectorySideBar.vue'
 
 export default {
 	name: 'SideBars',
 	components: {
 		SearchSideBar,
 		DashboardSideBar,
+		DirectorySideBar,
 	},
 	data() {
 		return {
diff --git a/src/sidebars/directory/DirectorySideBar.vue b/src/sidebars/directory/DirectorySideBar.vue
index 7863f244..088d9a10 100644
--- a/src/sidebars/directory/DirectorySideBar.vue
+++ b/src/sidebars/directory/DirectorySideBar.vue
@@ -1,124 +1,46 @@
 <script setup>
-import { navigationStore, searchStore, publicationStore } from '../../store/store.js'
+import { navigationStore, directoryStore } from '../../store/store.js'
 </script>
 
 <template>
 	<NcAppSidebar
-		name="Snelle start"
-		subname="Schakel snel naar waar u nodig bent">
-		<NcAppSidebarTab id="search-tab" name="Zoeken" :order="1">
+		name="Listing"
+		subname="Listing Summery">
+		<NcEmptyContent v-if="!directoryStore.listingItem.id || navigationStore.selected != 'directory'"
+			class="detailContainer"
+			name="Geen listing"
+			description="Nog geen listing geselecteerd, listings kan je ontdekken via (externe) directories.">
 			<template #icon>
-				<Magnify :size="20" />
+				<LayersOutline />
 			</template>
-			Zoek snel in het voor uw beschikbare federatieve netwerk
-			<NcTextField class="searchField"
-				:value.sync="searchStore.search"
-				label="Zoeken" />
-		</NcAppSidebarTab>
-		<NcAppSidebarTab id="settings-tab" name="Publicaties" :order="2">
-			<template #icon>
-				<ListBoxOutline :size="20" />
-			</template>
-			Welke publicaties vereisen uw aandacht?
-			<NcListItem v-for="(publication, i) in publicationStore.conceptPublications.results"
-				:key="`${publication}${i}`"
-				:name="publication.name ?? publication.title"
-				:bold="false"
-				:force-display-actions="true"
-				:active="publicationStore.publicationItem.id === publication.id"
-				:details="publication?.status">
-				<template #icon>
-					<ListBoxOutline :class="publicationStore.publicationItem.id === publication.id && 'selectedZaakIcon'"
-						disable-menu
-						:size="44" />
-				</template>
-				<template #subname>
-					{{ publication?.description }}
-				</template>
-				<template #actions>
-					<NcActionButton @click="publicationStore.setPublicationItem(publication); navigationStore.setSelected('publication');">
-						<template #icon>
-							<ListBoxOutline :size="20" />
-						</template>
-						Bekijken
-					</NcActionButton>
-					<NcActionButton @click="publicationStore.setPublicationItem(publication); navigationStore.setModal('editPublication')">
-						<template #icon>
-							<Pencil :size="20" />
-						</template>
-						Bewerken
-					</NcActionButton>
-					<NcActionButton @click="publicationStore.setPublicationItem(publication); navigationStore.setDialog('publishPublication')">
-						<template #icon>
-							<Publish :size="20" />
-						</template>
-						Publiceren
-					</NcActionButton>
-					<NcActionButton @click="publicationStore.setPublicationItem(publication); navigationStore.setDialog('deletePublication')">
-						<template #icon>
-							<Delete :size="20" />
-						</template>
-						Verwijderen
-					</NcActionButton>
-				</template>
-			</NcListItem>
-		</NcAppSidebarTab>
-		<NcAppSidebarTab id="share-tab" name="Bijlagen" :order="3">
-			<template #icon>
-				<FileOutline :size="20" />
+			<template #action>
+				<NcButton type="primary" @click="navigationStore.setModal('addDirectory')">
+					<template #icon>
+						<Plus :size="20" />
+					</template>
+					Directory inlezen
+				</NcButton>
+				<NcButton @click="openLink('https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/directory', '_blank')">
+					<template #icon>
+						<HelpCircleOutline :size="20" />
+					</template>
+					Meer informatie over de directory
+				</NcButton>
 			</template>
-			Welke bijlagen vereisen uw aandacht?
-			<NcListItem v-for="(attachment, i) in publicationStore.conceptAttachments.results"
-				:key="`${attachment}${i}`"
-				:name="attachment.name ?? attachment.title"
-				:bold="false"
-				:force-display-actions="true"
-				:active="publicationStore.attachmentItem.id === attachment.id"
-				:details="attachment?.status">
-				<template #icon>
-					<ListBoxOutline :class="publicationStore.publicationItem.id === attachment.id && 'selectedZaakIcon'"
-						disable-menu
-						:size="44" />
-				</template>
-				<template #subname>
-					{{ attachment?.description }}
-				</template>
-				<template #actions>
-					<NcActionButton @click="publicationStore.setAttachmentItem(attachment); navigationStore.setModal('editAttachment')">
-						<template #icon>
-							<Pencil :size="20" />
-						</template>
-						Bewerken
-					</NcActionButton>
-					<NcActionButton @click="publicationStore.setAttachmentItem(attachment); navigationStore.setDialog('publishAttachment')">
-						<template #icon>
-							<Publish :size="20" />
-						</template>
-						Publiceren
-					</NcActionButton>
-					<NcActionButton @click="publicationStore.setAttachmentItem(attachment); navigationStore.setDialog('deleteAttachment')">
-						<template #icon>
-							<Delete :size="20" />
-						</template>
-						Verwijderen
-					</NcActionButton>
-				</template>
-			</NcListItem>
-			<NcNoteCard type="success">
-				<p>Er zijn op dit moment geen bijlagen die uw aandacht vereisen</p>
-			</NcNoteCard>
-		</NcAppSidebarTab>
+		</NcEmptyContent>
 	</NcAppSidebar>
 </template>
 <script>
 
-import { NcAppSidebar, NcAppSidebarTab, NcTextField, NcNoteCard, NcListItem, NcActionButton } from '@nextcloud/vue'
+import { NcAppSidebar, NcAppSidebarTab, NcTextField, NcNoteCard, NcListItem, NcActionButton, NcEmptyContent, NcButton } from '@nextcloud/vue'
 import Magnify from 'vue-material-design-icons/Magnify.vue'
-import ListBoxOutline from 'vue-material-design-icons/ListBoxOutline.vue'
+import LayersOutline from 'vue-material-design-icons/LayersOutline.vue'
 import FileOutline from 'vue-material-design-icons/FileOutline.vue'
 import Pencil from 'vue-material-design-icons/Pencil.vue'
 import Publish from 'vue-material-design-icons/Publish.vue'
 import Delete from 'vue-material-design-icons/Delete.vue'
+import Plus from 'vue-material-design-icons/Plus.vue'
+import HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue'
 
 export default {
 	name: 'DirectorySideBar',
@@ -129,24 +51,26 @@ export default {
 		NcNoteCard,
 		NcListItem,
 		NcActionButton,
+		NcEmptyContent,
+		NcButton,
 		// Icons
 		Magnify,
-		ListBoxOutline,
+		LayersOutline,
 		FileOutline,
 		Pencil,
 		Publish,
 		Delete,
+		Plus,
+		HelpCircleOutline,
 	},
 	data() {
 		return {
-
-			publications: false,
-			attachments: false,
 		}
 	},
-	mounted() {
-		publicationStore.getConceptPublications()
-		publicationStore.getConceptAttachments()
+	methods: {
+		openLink(url, type = '') {
+			window.open(url, type)
+		},
 	},
 }
 </script>
diff --git a/src/views/catalogi/CatalogiList.vue b/src/views/catalogi/CatalogiList.vue
index 7d93d05f..41cf4074 100644
--- a/src/views/catalogi/CatalogiList.vue
+++ b/src/views/catalogi/CatalogiList.vue
@@ -72,7 +72,7 @@ import { catalogiStore, navigationStore } from '../../store/store.js'
 							<template #icon>
 								<Delete :size="20" />
 							</template>
-							Delete
+							Verwijder
 						</NcActionButton>
 					</template>
 				</NcListItem>
diff --git a/src/views/directory/DirectoryIndex.vue b/src/views/directory/DirectoryIndex.vue
index 80101273..9113240f 100644
--- a/src/views/directory/DirectoryIndex.vue
+++ b/src/views/directory/DirectoryIndex.vue
@@ -4,25 +4,10 @@ import { navigationStore, searchStore, directoryStore } from '../../store/store.
 
 <template>
 	<NcAppContent>
-		<template #list>
-			<DirectoryList :search="searchStore.search" />
-		</template>
-		<template #default>
-			<NcEmptyContent v-if="!directoryStore.listingItem || navigationStore.selected != 'directory' "
-				class="detailContainer"
-				name="Geen directory"
-				description="Nog geen directory geselecteerd">
-				<template #icon>
-					<LayersOutline />
-				</template>
-				<template #action>
-					<NcButton type="primary" @click="navigationStore.setModal('addListing')">
-						Directory toevoegen
-					</NcButton>
-				</template>
-			</NcEmptyContent>
-			<ListingDetails v-if="directoryStore.listingItem && navigationStore.selected === 'directory'" :listing-item="directoryStore.listingItem" />
-		</template>
+		<h2 class="pageHeader">
+			Directory
+		</h2>
+		<DirectoryList :search="searchStore.search" />
 	</NcAppContent>
 </template>
 
@@ -31,7 +16,9 @@ import { NcAppContent, NcEmptyContent, NcButton } from '@nextcloud/vue'
 import DirectoryList from './DirectoryList.vue'
 import ListingDetails from './ListingDetails.vue'
 // eslint-disable-next-line n/no-missing-import
-import LayersOutline from 'vue-material-design-icons/LayersOutline'
+import LayersOutline from 'vue-material-design-icons/LayersOutline.vue'
+import Plus from 'vue-material-design-icons/Plus.vue'
+import HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue'
 
 export default {
 	name: 'DirectoryIndex',
@@ -41,12 +28,20 @@ export default {
 		NcButton,
 		DirectoryList,
 		ListingDetails,
+		// Icons
 		LayersOutline,
+		Plus,
+		HelpCircleOutline,
 	},
 	data() {
 		return {
 
 		}
 	},
+	methods: {
+		openLink(url, type = '') {
+			window.open(url, type)
+		},
+	},
 }
 </script>
diff --git a/src/views/directory/DirectoryList.vue b/src/views/directory/DirectoryList.vue
index a1088332..e735afcb 100644
--- a/src/views/directory/DirectoryList.vue
+++ b/src/views/directory/DirectoryList.vue
@@ -3,84 +3,106 @@ import { navigationStore, directoryStore } from '../../store/store.js'
 </script>
 
 <template>
-	<NcAppContentList>
-		<ul>
-			<div class="listHeader">
-				<NcTextField class="searchField"
-					:value.sync="search"
-					label="Zoeken"
-					trailing-button-icon="close"
-					:show-trailing-button="search !== ''"
-					@trailing-button-click="search = ''">
-					<Magnify :size="20" />
-				</NcTextField>
-				<NcActions>
-					<NcActionButton
-						title="Bekijk de documentatie over catalogi"
-						@click="openLink('https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/directory', '_blank')">
-						<template #icon>
-							<HelpCircleOutline :size="20" />
-						</template>
-						Help
-					</NcActionButton>
-					<NcActionButton :disabled="loading" @click="fetchData">
+	<ul>
+		<div class="listHeader">
+			<NcTextField class="searchField"
+				:value.sync="search"
+				label="Zoeken"
+				trailing-button-icon="close"
+				:show-trailing-button="search !== ''"
+				@trailing-button-click="search = ''">
+				<Magnify :size="20" />
+			</NcTextField>
+			<NcActions>
+				<NcActionButton
+					title="Bekijk de documentatie over catalogi"
+					@click="openLink('https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/directory', '_blank')">
+					<template #icon>
+						<HelpCircleOutline :size="20" />
+					</template>
+					Help
+				</NcActionButton>
+				<NcActionButton :disabled="loading" @click="fetchData">
+					<template #icon>
+						<Refresh :size="20" />
+					</template>
+					Ververs
+				</NcActionButton>
+				<NcActionButton @click="navigationStore.setModal('addDirectory')">
+					<template #icon>
+						<Plus :size="20" />
+					</template>
+					Directory inlezen
+				</NcActionButton>
+			</NcActions>
+		</div>
+
+		<div v-if="!loading">
+			<NcListItem v-for="(listing, i) in directoryStore.listingList"
+				:key="`${listing}${i}`"
+				:name="listing.name ?? listing.title"
+				:active="directoryStore.listingItem?.id === listing?.id"
+				:details="'1h'"
+				:counter-number="45"
+				@click="directoryStore.setListingItem(listing)">
+				<template #icon>
+					<LayersOutline :class="directoryStore.listingItem?.id === listing?.id && 'selectedIcon'"
+						disable-menu
+						:size="44" />
+				</template>
+				<template #subname>
+					{{ listing?.title }}
+				</template>
+				<template #actions>
+					<NcActionButton @click="directoryStore.setListingItem(listing); navigationStore.setModal('editListing')">
 						<template #icon>
-							<Refresh :size="20" />
+							<Pencil :size="20" />
 						</template>
-						Ververs
+						Bewerken
 					</NcActionButton>
-					<NcActionButton @click="navigationStore.setModal('addListing')">
+					<NcActionButton @click="directoryStore.setListingItem(listing); navigationStore.setDialog('deleteListing')">
 						<template #icon>
-							<Plus :size="20" />
+							<Delete :size="20" />
 						</template>
-						Listing toevoegen aan directory
+						Verwijderen
 					</NcActionButton>
-				</NcActions>
-			</div>
+				</template>
+			</NcListItem>
+		</div>
+
+		<NcLoadingIcon v-if="loading"
+			class="loadingIcon"
+			:size="64"
+			appearance="dark"
+			name="Listings aan het laden" />
 
-			<div v-if="!loading">
-				<NcListItem v-for="(listing, i) in directoryStore.listingList"
-					:key="`${listing}${i}`"
-					:name="listing.name ?? listing.title"
-					:active="directoryStore.listingItem?.id === listing?.id"
-					:details="'1h'"
-					:counter-number="45"
-					@click="directoryStore.setListingItem(listing)">
+		<NcEmptyContent
+			v-if="!directoryStore.listingList?.length > 0"
+			class="detailContainer"
+			name="Geen Listings"
+			description="Je directory of zoek opdracht bevat nog geen listings, wil je een externe directory toevoegen?">
+			<template #icon>
+				<LayersOutline />
+			</template>
+			<template #action>
+				<NcButton type="primary" @click="navigationStore.setModal('addDirectory')">
 					<template #icon>
-						<LayersOutline :class="directoryStore.listingItem?.id === listing?.id && 'selectedIcon'"
-							disable-menu
-							:size="44" />
+						<Plus :size="20" />
 					</template>
-					<template #subname>
-						{{ listing?.title }}
-					</template>
-					<template #actions>
-						<NcActionButton @click="directoryStore.setListingItem(listing); navigationStore.setModal('editListing')">
-							<template #icon>
-								<Pencil :size="20" />
-							</template>
-							Bewerken
-						</NcActionButton>
-						<NcActionButton @click="directoryStore.setListingItem(listing); navigationStore.setDialog('deleteListing')">
-							<template #icon>
-								<Delete :size="20" />
-							</template>
-							Verwijderen
-						</NcActionButton>
+					Directory inlezen
+				</NcButton>
+				<NcButton @click="openLink('https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/directory', '_blank')">
+					<template #icon>
+						<HelpCircleOutline :size="20" />
 					</template>
-				</NcListItem>
-			</div>
-
-			<NcLoadingIcon v-if="loading"
-				class="loadingIcon"
-				:size="64"
-				appearance="dark"
-				name="Listings aan het laden" />
-		</ul>
-	</NcAppContentList>
+					Meer informatie over de directory
+				</NcButton>
+			</template>
+		</NcEmptyContent>
+	</ul>
 </template>
 <script>
-import { NcListItem, NcActionButton, NcAppContentList, NcTextField, NcLoadingIcon, NcActions } from '@nextcloud/vue'
+import { NcListItem, NcActionButton, NcTextField, NcLoadingIcon, NcActions, NcEmptyContent, NcButton } from '@nextcloud/vue'
 // eslint-disable-next-line n/no-missing-import
 import Magnify from 'vue-material-design-icons/Magnify'
 // eslint-disable-next-line n/no-missing-import
@@ -98,9 +120,10 @@ export default {
 		NcListItem,
 		NcActions,
 		NcActionButton,
-		NcAppContentList,
 		NcTextField,
 		NcLoadingIcon,
+		NcEmptyContent,
+		NcButton,
 		// Icons
 		LayersOutline,
 		Magnify,

From 0c872b07b5d892627175dbaa78eada024da31d01 Mon Sep 17 00:00:00 2001
From: Ruben van der Linde <ruben@conduction.nl>
Date: Wed, 7 Aug 2024 09:04:12 +0200
Subject: [PATCH 08/16] First text on directory funcitonaliteit

---
 docs/beheerders/directory.md     |  8 ++++++++
 src/navigation/Configuration.vue | 22 +++++++++++++++++++++-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/docs/beheerders/directory.md b/docs/beheerders/directory.md
index 1f3d9d28..eaf9e211 100644
--- a/docs/beheerders/directory.md
+++ b/docs/beheerders/directory.md
@@ -1 +1,9 @@
 # Directory
+
+De directory vormt het overzicht van alle andere (externe) catalogi die bij jouw installatie bekend zijn. Een Catalogus die bij jouw installatie bekend is noemen een listing (als in is gelist op jouw directory). 
+
+## Opzetten federatief netwerk
+Directories worden tussen installaties onderling uitgewisseld en geupdate. Je hoeft dus nooit handmatig catalogi van andere toe te voegen aan jouw catalogus.  
+
+## Listing
+Bij een listing kan je de volgende zaken aanpassen.
\ No newline at end of file
diff --git a/src/navigation/Configuration.vue b/src/navigation/Configuration.vue
index 46d68369..59734691 100644
--- a/src/navigation/Configuration.vue
+++ b/src/navigation/Configuration.vue
@@ -6,7 +6,22 @@
 			</template>
 		</NcAppNavigationItem>
 		<NcAppSettingsDialog :open.sync="settingsOpen" :show-navigation="true" name="Applicatie instellingen">
-			<NcAppSettingsSection id="sharing" name="Opslag" doc-url="zaakafhandel.app">
+			<NcAppSettingsSection id="federation" name="Federatief stelsel" doc-url="https://conduction.gitbook.io/opencatalogi-nextcloud/beheerders/directory">
+				<template #icon>
+					<LanConnect :size="20" />
+				</template>
+				<NcCheckboxRadioSwitch :checked.sync="configuration.federationActive" type="switch">
+					{{ t('forms', 'Maak automatisch verbinding met federatief stelsel.') }}
+				</NcCheckboxRadioSwitch>
+				<NcCheckboxRadioSwitch :checked.sync="configuration.federationListed" type="switch">
+					{{ t('forms', 'Maak deze installatie vindbaar binnen het federatief stelsel.') }}
+				</NcCheckboxRadioSwitch>
+				<NcTextField id="federationLocation"
+					label="Internet locatie (url) van deze installatie"
+					:value.sync="configuration.federationLocation"
+					placeholder="https://" />
+			</NcAppSettingsSection>
+			<NcAppSettingsSection id="storadge" name="Opslag" doc-url="zaakafhandel.app">
 				<template #icon>
 					<Database :size="20" />
 				</template>
@@ -207,6 +222,7 @@ import Database from 'vue-material-design-icons/Database.vue'
 import CogOutline from 'vue-material-design-icons/CogOutline.vue'
 import AccountLockOpenOutline from 'vue-material-design-icons/AccountLockOpenOutline.vue'
 import ContentSave from 'vue-material-design-icons/ContentSave.vue'
+import LanConnect from 'vue-material-design-icons/LanConnect.vue'
 
 export default {
 	name: 'Configuration',
@@ -223,6 +239,7 @@ export default {
 		Database,
 		ContentSave,
 		AccountLockOpenOutline,
+		LanConnect,
 	},
 	data() {
 		return {
@@ -240,6 +257,9 @@ export default {
 			organisation_oin: '',
 			organisation_pki: '',
 			configuration: {
+				federationActive: true,
+				federationListed: false,
+				federationLocation: '',
 				external: false,
 				drcLocation: '',
 				drcKey: '',

From 569e6e9b905de3ee88a6ab58332914703b7cb656 Mon Sep 17 00:00:00 2001
From: GitHub Actions <actions@github.com>
Date: Wed, 7 Aug 2024 07:05:02 +0000
Subject: [PATCH 09/16] Update src from remark-lint

---
 docs/beheerders/directory.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/docs/beheerders/directory.md b/docs/beheerders/directory.md
index eaf9e211..23467fb3 100644
--- a/docs/beheerders/directory.md
+++ b/docs/beheerders/directory.md
@@ -1,9 +1,11 @@
 # Directory
 
-De directory vormt het overzicht van alle andere (externe) catalogi die bij jouw installatie bekend zijn. Een Catalogus die bij jouw installatie bekend is noemen een listing (als in is gelist op jouw directory). 
+De directory vormt het overzicht van alle andere (externe) catalogi die bij jouw installatie bekend zijn. Een Catalogus die bij jouw installatie bekend is noemen een listing (als in is gelist op jouw directory).
 
 ## Opzetten federatief netwerk
-Directories worden tussen installaties onderling uitgewisseld en geupdate. Je hoeft dus nooit handmatig catalogi van andere toe te voegen aan jouw catalogus.  
+
+Directories worden tussen installaties onderling uitgewisseld en geupdate. Je hoeft dus nooit handmatig catalogi van andere toe te voegen aan jouw catalogus.
 
 ## Listing
-Bij een listing kan je de volgende zaken aanpassen.
\ No newline at end of file
+
+Bij een listing kan je de volgende zaken aanpassen.

From dbdb5dbddb795ffc4a2ca19d022aec63e2fe0cb8 Mon Sep 17 00:00:00 2001
From: GitHub Actions <actions@github.com>
Date: Wed, 7 Aug 2024 07:07:28 +0000
Subject: [PATCH 10/16] Update src from PHP Codesniffer

---
 src/store/modules/configuration.js       | 10 +++++-----
 src/store/modules/configuration.spec.js  | 10 +++++-----
 src/store/modules/configuration.specs.js | 12 ++++++------
 src/store/modules/metadata.js            | 14 +++++++-------
 src/store/modules/metadata.spec.js       | 16 ++++++++--------
 src/store/modules/organisation.js        | 10 +++++-----
 src/store/modules/organisation.spec.js   | 12 ++++++------
 src/store/modules/search.js              | 20 ++++++++++----------
 src/store/modules/theme.js               | 10 +++++-----
 src/store/modules/theme.spec.js          | 12 ++++++------
 10 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/src/store/modules/configuration.js b/src/store/modules/configuration.js
index d4561a4b..a1cb0449 100644
--- a/src/store/modules/configuration.js
+++ b/src/store/modules/configuration.js
@@ -27,16 +27,16 @@ export const useConfigurationStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.setConfigurationItem(data)
+                        response.json().then(
+                        (data) => {
+                                this.setConfigurationItem(data)
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    console.error(err)
+                        console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/configuration.spec.js b/src/store/modules/configuration.spec.js
index 814184e0..674586b6 100644
--- a/src/store/modules/configuration.spec.js
+++ b/src/store/modules/configuration.spec.js
@@ -5,15 +5,15 @@ import { useConfigurationStore } from './configuration.js'
 
 describe(
     'Configuration Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets configuration item correctly', () => {
-        const store = useConfigurationStore()
+            const store = useConfigurationStore()
 
             store.setConfigurationItem(mockConfiguration()[0])
 
diff --git a/src/store/modules/configuration.specs.js b/src/store/modules/configuration.specs.js
index 62920f59..aeb143d3 100644
--- a/src/store/modules/configuration.specs.js
+++ b/src/store/modules/configuration.specs.js
@@ -6,15 +6,15 @@ import { useConfigurationStore } from './configuration.js';
 
 describe(
     'Metadata Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets configuration item correctly', () => {
-        const store = useConfigurationStore()
+            const store = useConfigurationStore()
 
             store.setConfigurationItem(testData[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets configuration list correctly', () => {
-        const store = useConfigurationStore()
+            const store = useConfigurationStore()
 
             store.setConfigurationItem(testData)
 
diff --git a/src/store/modules/metadata.js b/src/store/modules/metadata.js
index 0de1c28e..cb8c0ffd 100644
--- a/src/store/modules/metadata.js
+++ b/src/store/modules/metadata.js
@@ -41,19 +41,19 @@ export const useMetadataStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                this.metaDataList = data.results.map(
-                                (metadataItem) => new Metadata(metadataItem),
-                            )
+                    response.json().then(
+                            (data) => {
+                            this.metaDataList = data.results.map(
+                                    (metadataItem) => new Metadata(metadataItem),
+                                )
                             return data
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        console.error(err)
+                    console.error(err)
                         return err
                     }
                 )
diff --git a/src/store/modules/metadata.spec.js b/src/store/modules/metadata.spec.js
index 38b1a8ab..514b5062 100644
--- a/src/store/modules/metadata.spec.js
+++ b/src/store/modules/metadata.spec.js
@@ -6,15 +6,15 @@ import { Metadata, mockMetadata } from '../../entities/index.js'
 
 describe(
     'Metadata Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets metadata item correctly', () => {
-        const store = useMetadataStore()
+            const store = useMetadataStore()
 
             store.setMetaDataItem(mockMetadata()[0])
 
@@ -27,7 +27,7 @@ describe(
 
     it(
         'sets metadata item with string "properties" property', () => {
-        const store = useMetadataStore()
+            const store = useMetadataStore()
 
             // stringify json data
             const mockData = mockMetadata()[0]
@@ -44,7 +44,7 @@ describe(
 
     it(
         'sets metadata list correctly', () => {
-        const store = useMetadataStore()
+            const store = useMetadataStore()
 
             store.setMetaDataList(mockMetadata())
 
@@ -57,7 +57,7 @@ describe(
 
     it(
         'get metadata property from key', () => {
-        const store = useMetadataStore()
+            const store = useMetadataStore()
 
             store.setMetaDataItem(mockMetadata()[0])
             store.setMetadataDataKey('test')
diff --git a/src/store/modules/organisation.js b/src/store/modules/organisation.js
index 3844677c..61b952b7 100644
--- a/src/store/modules/organisation.js
+++ b/src/store/modules/organisation.js
@@ -33,16 +33,16 @@ export const useOrganisationStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.setOrganisationList(data.results)
+                        response.json().then(
+                        (data) => {
+                                this.setOrganisationList(data.results)
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    console.error(err)
+                        console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/organisation.spec.js b/src/store/modules/organisation.spec.js
index b14a260b..27385c8e 100644
--- a/src/store/modules/organisation.spec.js
+++ b/src/store/modules/organisation.spec.js
@@ -6,15 +6,15 @@ import { useOrganisationStore } from './organisation.js';
 
 describe(
     'Organisation Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets organisation item correctly', () => {
-        const store = useOrganisationStore()
+            const store = useOrganisationStore()
 
             store.setOrganisationItem(mockOrganisation()[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets organisation list correctly', () => {
-        const store = useOrganisationStore()
+            const store = useOrganisationStore()
 
             store.setOrganisationList(mockOrganisation())
 
diff --git a/src/store/modules/search.js b/src/store/modules/search.js
index cd1a532b..db326f1e 100644
--- a/src/store/modules/search.js
+++ b/src/store/modules/search.js
@@ -27,22 +27,22 @@ export const useSearchStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                if (data?.code === 403 && data?.message) {
-                                    this.searchError = data.message
-                                    console.log(this.searchError)
-                                } else {
-                                    this.searchError = '' // Clear any previous errors
-                                }
+                    response.json().then(
+                            (data) => {
+                            if (data?.code === 403 && data?.message) {
+                                this.searchError = data.message
+                                console.log(this.searchError)
+                            } else {
+                                this.searchError = '' // Clear any previous errors
+                            }
                                 this.searchResults = data
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        this.searchError = err.message || 'An error occurred'
+                    this.searchError = err.message || 'An error occurred'
                         console.error(err.message ?? err)
                     }
                 )
diff --git a/src/store/modules/theme.js b/src/store/modules/theme.js
index 0cecf1b0..e7fe9bd1 100644
--- a/src/store/modules/theme.js
+++ b/src/store/modules/theme.js
@@ -33,16 +33,16 @@ export const useThemeStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.setThemeList(data.results)
+                        response.json().then(
+                        (data) => {
+                                this.setThemeList(data.results)
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    console.error(err)
+                        console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/theme.spec.js b/src/store/modules/theme.spec.js
index cb7b85cc..34931d81 100644
--- a/src/store/modules/theme.spec.js
+++ b/src/store/modules/theme.spec.js
@@ -6,15 +6,15 @@ import { mockTheme, Theme } from '../../entities/index.js'
 
 describe(
     'Theme Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets theme item correctly', () => {
-        const store = useThemeStore()
+            const store = useThemeStore()
 
             store.setThemeItem(mockTheme()[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets theme list correctly', () => {
-        const store = useThemeStore()
+            const store = useThemeStore()
 
             store.setThemeList(mockTheme())
 

From 49b9afec6010ef678018f7113d4e5f1b1088aaaf Mon Sep 17 00:00:00 2001
From: Thijn <thijn@conduction.nl>
Date: Wed, 7 Aug 2024 09:30:49 +0200
Subject: [PATCH 11/16] changed directory property for url

---
 src/modals/directory/AddListingModal.vue | 25 ++++++++++--------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/modals/directory/AddListingModal.vue b/src/modals/directory/AddListingModal.vue
index 8489bd76..a196f55a 100644
--- a/src/modals/directory/AddListingModal.vue
+++ b/src/modals/directory/AddListingModal.vue
@@ -25,11 +25,11 @@ import { navigationStore, directoryStore } from '../../store/store.js'
 				<NcNoteCard v-if="validateUrlError" type="error">
 					<p>Er is geen valide URL ingevoerd.</p>
 				</NcNoteCard>
-				<NcTextField v-model="directory.url" label="Url" @input="validateUrl" />
+				<NcTextField v-model="directory.directory" label="Url" @input="validateUrl" />
 			</div>
 			<NcButton
 				v-if="success === null"
-				:disabled="!isUrlValid || loading || !directory.url"
+				:disabled="!isUrlValid || loading || !directory.directory"
 				type="primary"
 				@click="addDirectory">
 				<template #icon>
@@ -59,7 +59,7 @@ export default {
 	data() {
 		return {
 			directory: {
-				url: '',
+				directory: '',
 			},
 			loading: false,
 			success: null,
@@ -70,7 +70,7 @@ export default {
 	},
 	computed: {
 		isUrlValid() {
-			return this.urlPattern.test(this.directory.url)
+			return this.urlPattern.test(this.directory.directory)
 		},
 	},
 	methods: {
@@ -82,16 +82,7 @@ export default {
 				headers: {
 					'Content-Type': 'application/json',
 				},
-				body: JSON.stringify({
-					title: this.title,
-					summary: this.summary,
-					description: this.description,
-					search: this.search,
-					metadata: this.metadata,
-					status: this.status,
-					lastSync: this.lastSync,
-					default: this.defaultValue,
-				}),
+				body: JSON.stringify(this.directory),
 			})
 				.then((response) => {
 					this.loading = false
@@ -105,6 +96,10 @@ export default {
 						this.success = null
 						this.closeModal()
 					}, 2500)
+
+					this.directory = {
+						directory: '',
+					}
 				})
 				.catch((err) => {
 					this.error = err
@@ -115,7 +110,7 @@ export default {
 			navigationStore.setModal(false)
 		},
 		validateUrl(event) {
-			this.directory.url = event.target.value
+			this.directory.directory = event.target.value
 			if (!this.isUrlValid) {
 				this.validateUrlError = 'Er is geen valide URL ingevoerd.'
 			} else {

From 1a916f57686b101ebef9570ace0b64191572950c Mon Sep 17 00:00:00 2001
From: GitHub Actions <actions@github.com>
Date: Wed, 7 Aug 2024 07:34:14 +0000
Subject: [PATCH 12/16] Update src from PHP Codesniffer

---
 src/store/modules/configuration.js       | 10 +++++-----
 src/store/modules/configuration.spec.js  | 10 +++++-----
 src/store/modules/configuration.specs.js | 12 ++++++------
 src/store/modules/metadata.js            | 14 +++++++-------
 src/store/modules/metadata.spec.js       | 16 ++++++++--------
 src/store/modules/organisation.js        | 10 +++++-----
 src/store/modules/organisation.spec.js   | 12 ++++++------
 src/store/modules/search.js              | 20 ++++++++++----------
 src/store/modules/theme.js               | 10 +++++-----
 src/store/modules/theme.spec.js          | 12 ++++++------
 10 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/src/store/modules/configuration.js b/src/store/modules/configuration.js
index d4561a4b..a1cb0449 100644
--- a/src/store/modules/configuration.js
+++ b/src/store/modules/configuration.js
@@ -27,16 +27,16 @@ export const useConfigurationStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.setConfigurationItem(data)
+                        response.json().then(
+                        (data) => {
+                                this.setConfigurationItem(data)
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    console.error(err)
+                        console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/configuration.spec.js b/src/store/modules/configuration.spec.js
index 814184e0..674586b6 100644
--- a/src/store/modules/configuration.spec.js
+++ b/src/store/modules/configuration.spec.js
@@ -5,15 +5,15 @@ import { useConfigurationStore } from './configuration.js'
 
 describe(
     'Configuration Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets configuration item correctly', () => {
-        const store = useConfigurationStore()
+            const store = useConfigurationStore()
 
             store.setConfigurationItem(mockConfiguration()[0])
 
diff --git a/src/store/modules/configuration.specs.js b/src/store/modules/configuration.specs.js
index 62920f59..aeb143d3 100644
--- a/src/store/modules/configuration.specs.js
+++ b/src/store/modules/configuration.specs.js
@@ -6,15 +6,15 @@ import { useConfigurationStore } from './configuration.js';
 
 describe(
     'Metadata Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets configuration item correctly', () => {
-        const store = useConfigurationStore()
+            const store = useConfigurationStore()
 
             store.setConfigurationItem(testData[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets configuration list correctly', () => {
-        const store = useConfigurationStore()
+            const store = useConfigurationStore()
 
             store.setConfigurationItem(testData)
 
diff --git a/src/store/modules/metadata.js b/src/store/modules/metadata.js
index 0de1c28e..cb8c0ffd 100644
--- a/src/store/modules/metadata.js
+++ b/src/store/modules/metadata.js
@@ -41,19 +41,19 @@ export const useMetadataStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                this.metaDataList = data.results.map(
-                                (metadataItem) => new Metadata(metadataItem),
-                            )
+                    response.json().then(
+                            (data) => {
+                            this.metaDataList = data.results.map(
+                                    (metadataItem) => new Metadata(metadataItem),
+                                )
                             return data
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        console.error(err)
+                    console.error(err)
                         return err
                     }
                 )
diff --git a/src/store/modules/metadata.spec.js b/src/store/modules/metadata.spec.js
index 38b1a8ab..514b5062 100644
--- a/src/store/modules/metadata.spec.js
+++ b/src/store/modules/metadata.spec.js
@@ -6,15 +6,15 @@ import { Metadata, mockMetadata } from '../../entities/index.js'
 
 describe(
     'Metadata Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets metadata item correctly', () => {
-        const store = useMetadataStore()
+            const store = useMetadataStore()
 
             store.setMetaDataItem(mockMetadata()[0])
 
@@ -27,7 +27,7 @@ describe(
 
     it(
         'sets metadata item with string "properties" property', () => {
-        const store = useMetadataStore()
+            const store = useMetadataStore()
 
             // stringify json data
             const mockData = mockMetadata()[0]
@@ -44,7 +44,7 @@ describe(
 
     it(
         'sets metadata list correctly', () => {
-        const store = useMetadataStore()
+            const store = useMetadataStore()
 
             store.setMetaDataList(mockMetadata())
 
@@ -57,7 +57,7 @@ describe(
 
     it(
         'get metadata property from key', () => {
-        const store = useMetadataStore()
+            const store = useMetadataStore()
 
             store.setMetaDataItem(mockMetadata()[0])
             store.setMetadataDataKey('test')
diff --git a/src/store/modules/organisation.js b/src/store/modules/organisation.js
index 3844677c..61b952b7 100644
--- a/src/store/modules/organisation.js
+++ b/src/store/modules/organisation.js
@@ -33,16 +33,16 @@ export const useOrganisationStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.setOrganisationList(data.results)
+                        response.json().then(
+                        (data) => {
+                                this.setOrganisationList(data.results)
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    console.error(err)
+                        console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/organisation.spec.js b/src/store/modules/organisation.spec.js
index b14a260b..27385c8e 100644
--- a/src/store/modules/organisation.spec.js
+++ b/src/store/modules/organisation.spec.js
@@ -6,15 +6,15 @@ import { useOrganisationStore } from './organisation.js';
 
 describe(
     'Organisation Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets organisation item correctly', () => {
-        const store = useOrganisationStore()
+            const store = useOrganisationStore()
 
             store.setOrganisationItem(mockOrganisation()[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets organisation list correctly', () => {
-        const store = useOrganisationStore()
+            const store = useOrganisationStore()
 
             store.setOrganisationList(mockOrganisation())
 
diff --git a/src/store/modules/search.js b/src/store/modules/search.js
index cd1a532b..db326f1e 100644
--- a/src/store/modules/search.js
+++ b/src/store/modules/search.js
@@ -27,22 +27,22 @@ export const useSearchStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                if (data?.code === 403 && data?.message) {
-                                    this.searchError = data.message
-                                    console.log(this.searchError)
-                                } else {
-                                    this.searchError = '' // Clear any previous errors
-                                }
+                    response.json().then(
+                            (data) => {
+                            if (data?.code === 403 && data?.message) {
+                                this.searchError = data.message
+                                console.log(this.searchError)
+                            } else {
+                                this.searchError = '' // Clear any previous errors
+                            }
                                 this.searchResults = data
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        this.searchError = err.message || 'An error occurred'
+                    this.searchError = err.message || 'An error occurred'
                         console.error(err.message ?? err)
                     }
                 )
diff --git a/src/store/modules/theme.js b/src/store/modules/theme.js
index 0cecf1b0..e7fe9bd1 100644
--- a/src/store/modules/theme.js
+++ b/src/store/modules/theme.js
@@ -33,16 +33,16 @@ export const useThemeStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.setThemeList(data.results)
+                        response.json().then(
+                        (data) => {
+                                this.setThemeList(data.results)
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    console.error(err)
+                        console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/theme.spec.js b/src/store/modules/theme.spec.js
index cb7b85cc..34931d81 100644
--- a/src/store/modules/theme.spec.js
+++ b/src/store/modules/theme.spec.js
@@ -6,15 +6,15 @@ import { mockTheme, Theme } from '../../entities/index.js'
 
 describe(
     'Theme Store', () => {
-        beforeEach(
-        () => {
-                setActivePinia(createPinia())
+    beforeEach(
+            () => {
+            setActivePinia(createPinia())
             }
-    )
+        )
 
     it(
         'sets theme item correctly', () => {
-        const store = useThemeStore()
+            const store = useThemeStore()
 
             store.setThemeItem(mockTheme()[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets theme list correctly', () => {
-        const store = useThemeStore()
+            const store = useThemeStore()
 
             store.setThemeList(mockTheme())
 

From 35e2fe23543406f5a12bef37780fed5db4e2d026 Mon Sep 17 00:00:00 2001
From: Ruben van der Linde <ruben@conduction.nl>
Date: Wed, 7 Aug 2024 09:47:36 +0200
Subject: [PATCH 13/16] Disabled codesniffer updates

---
 .github/workflows/CI-workflows.yaml | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/CI-workflows.yaml b/.github/workflows/CI-workflows.yaml
index fb0ea421..696b38c8 100644
--- a/.github/workflows/CI-workflows.yaml
+++ b/.github/workflows/CI-workflows.yaml
@@ -23,13 +23,13 @@ jobs:
         run: phpcbf .
         continue-on-error: ${{ github.ref != 'refs/heads/main' }}
 
-      - name: Commit code formatting changes
-        if: success() && github.ref != 'refs/heads/main'
-        run: |
-          git config user.name "GitHub Actions"
-          git config user.email "actions@github.com"
-          git add src
-          git diff --cached --quiet || (git commit -m "Update src from PHP Codesniffer" && git pull origin $(git rev-parse --abbrev-ref HEAD) --rebase --autostash && git push)
+      #- name: Commit code formatting changes
+      #  if: success() && github.ref != 'refs/heads/main'
+      #  run: |
+      #    git config user.name "GitHub Actions"
+      #    git config user.email "actions@github.com"
+      #    git add src
+      #    git diff --cached --quiet || (git commit -m "Update src from PHP Codesniffer" && git pull origin $(git rev-parse --abbrev-ref HEAD) --rebase --autostash && git push)
 
       - name: Run phpcs
         run: phpcs -q --report=checkstyle src | cs2pr

From 2951aa80047072588fb8311d602109be525d18f5 Mon Sep 17 00:00:00 2001
From: Thijn <thijn@conduction.nl>
Date: Wed, 7 Aug 2024 09:50:30 +0200
Subject: [PATCH 14/16] fixed regex

---
 src/modals/directory/AddListingModal.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/modals/directory/AddListingModal.vue b/src/modals/directory/AddListingModal.vue
index a196f55a..1da12608 100644
--- a/src/modals/directory/AddListingModal.vue
+++ b/src/modals/directory/AddListingModal.vue
@@ -65,7 +65,8 @@ export default {
 			success: null,
 			error: false,
 			validateUrlError: null,
-			urlPattern: /^(https?:\/\/)?(([a-z\d]([a-z\d-]*[a-z\d])*)\.)+[a-z]{2,}$/i,
+			// eslint-disable-next-line no-useless-escape
+			urlPattern: /^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,
 		}
 	},
 	computed: {

From ae5ec471635f19abcd3fbcf1067dfe631f31938b Mon Sep 17 00:00:00 2001
From: GitHub Actions <actions@github.com>
Date: Wed, 7 Aug 2024 07:53:36 +0000
Subject: [PATCH 15/16] Update src from PHP Codesniffer

---
 src/store/modules/configuration.js       | 10 +++++-----
 src/store/modules/configuration.spec.js  | 10 +++++-----
 src/store/modules/configuration.specs.js | 12 ++++++------
 src/store/modules/metadata.js            | 14 +++++++-------
 src/store/modules/metadata.spec.js       | 16 ++++++++--------
 src/store/modules/organisation.js        | 10 +++++-----
 src/store/modules/organisation.spec.js   | 12 ++++++------
 src/store/modules/search.js              | 20 ++++++++++----------
 src/store/modules/theme.js               | 10 +++++-----
 src/store/modules/theme.spec.js          | 12 ++++++------
 10 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/src/store/modules/configuration.js b/src/store/modules/configuration.js
index a1cb0449..d4561a4b 100644
--- a/src/store/modules/configuration.js
+++ b/src/store/modules/configuration.js
@@ -27,16 +27,16 @@ export const useConfigurationStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                this.setConfigurationItem(data)
+                    response.json().then(
+                            (data) => {
+                            this.setConfigurationItem(data)
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        console.error(err)
+                    console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/configuration.spec.js b/src/store/modules/configuration.spec.js
index 674586b6..814184e0 100644
--- a/src/store/modules/configuration.spec.js
+++ b/src/store/modules/configuration.spec.js
@@ -5,15 +5,15 @@ import { useConfigurationStore } from './configuration.js'
 
 describe(
     'Configuration Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets configuration item correctly', () => {
-            const store = useConfigurationStore()
+        const store = useConfigurationStore()
 
             store.setConfigurationItem(mockConfiguration()[0])
 
diff --git a/src/store/modules/configuration.specs.js b/src/store/modules/configuration.specs.js
index aeb143d3..62920f59 100644
--- a/src/store/modules/configuration.specs.js
+++ b/src/store/modules/configuration.specs.js
@@ -6,15 +6,15 @@ import { useConfigurationStore } from './configuration.js';
 
 describe(
     'Metadata Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets configuration item correctly', () => {
-            const store = useConfigurationStore()
+        const store = useConfigurationStore()
 
             store.setConfigurationItem(testData[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets configuration list correctly', () => {
-            const store = useConfigurationStore()
+        const store = useConfigurationStore()
 
             store.setConfigurationItem(testData)
 
diff --git a/src/store/modules/metadata.js b/src/store/modules/metadata.js
index cb8c0ffd..0de1c28e 100644
--- a/src/store/modules/metadata.js
+++ b/src/store/modules/metadata.js
@@ -41,19 +41,19 @@ export const useMetadataStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            this.metaDataList = data.results.map(
-                                    (metadataItem) => new Metadata(metadataItem),
-                                )
+                        response.json().then(
+                        (data) => {
+                                this.metaDataList = data.results.map(
+                                (metadataItem) => new Metadata(metadataItem),
+                            )
                             return data
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    console.error(err)
+                        console.error(err)
                         return err
                     }
                 )
diff --git a/src/store/modules/metadata.spec.js b/src/store/modules/metadata.spec.js
index 514b5062..38b1a8ab 100644
--- a/src/store/modules/metadata.spec.js
+++ b/src/store/modules/metadata.spec.js
@@ -6,15 +6,15 @@ import { Metadata, mockMetadata } from '../../entities/index.js'
 
 describe(
     'Metadata Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets metadata item correctly', () => {
-            const store = useMetadataStore()
+        const store = useMetadataStore()
 
             store.setMetaDataItem(mockMetadata()[0])
 
@@ -27,7 +27,7 @@ describe(
 
     it(
         'sets metadata item with string "properties" property', () => {
-            const store = useMetadataStore()
+        const store = useMetadataStore()
 
             // stringify json data
             const mockData = mockMetadata()[0]
@@ -44,7 +44,7 @@ describe(
 
     it(
         'sets metadata list correctly', () => {
-            const store = useMetadataStore()
+        const store = useMetadataStore()
 
             store.setMetaDataList(mockMetadata())
 
@@ -57,7 +57,7 @@ describe(
 
     it(
         'get metadata property from key', () => {
-            const store = useMetadataStore()
+        const store = useMetadataStore()
 
             store.setMetaDataItem(mockMetadata()[0])
             store.setMetadataDataKey('test')
diff --git a/src/store/modules/organisation.js b/src/store/modules/organisation.js
index 61b952b7..3844677c 100644
--- a/src/store/modules/organisation.js
+++ b/src/store/modules/organisation.js
@@ -33,16 +33,16 @@ export const useOrganisationStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                this.setOrganisationList(data.results)
+                    response.json().then(
+                            (data) => {
+                            this.setOrganisationList(data.results)
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        console.error(err)
+                    console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/organisation.spec.js b/src/store/modules/organisation.spec.js
index 27385c8e..b14a260b 100644
--- a/src/store/modules/organisation.spec.js
+++ b/src/store/modules/organisation.spec.js
@@ -6,15 +6,15 @@ import { useOrganisationStore } from './organisation.js';
 
 describe(
     'Organisation Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets organisation item correctly', () => {
-            const store = useOrganisationStore()
+        const store = useOrganisationStore()
 
             store.setOrganisationItem(mockOrganisation()[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets organisation list correctly', () => {
-            const store = useOrganisationStore()
+        const store = useOrganisationStore()
 
             store.setOrganisationList(mockOrganisation())
 
diff --git a/src/store/modules/search.js b/src/store/modules/search.js
index db326f1e..cd1a532b 100644
--- a/src/store/modules/search.js
+++ b/src/store/modules/search.js
@@ -27,22 +27,22 @@ export const useSearchStore = defineStore(
             )
                 .then(
                     (response) => {
-                    response.json().then(
-                            (data) => {
-                            if (data?.code === 403 && data?.message) {
-                                this.searchError = data.message
-                                console.log(this.searchError)
-                            } else {
-                                this.searchError = '' // Clear any previous errors
-                            }
+                        response.json().then(
+                        (data) => {
+                                if (data?.code === 403 && data?.message) {
+                                    this.searchError = data.message
+                                    console.log(this.searchError)
+                                } else {
+                                    this.searchError = '' // Clear any previous errors
+                                }
                                 this.searchResults = data
                             }
-                        )
+                    )
                     }
                 )
                 .catch(
                     (err) => {
-                    this.searchError = err.message || 'An error occurred'
+                        this.searchError = err.message || 'An error occurred'
                         console.error(err.message ?? err)
                     }
                 )
diff --git a/src/store/modules/theme.js b/src/store/modules/theme.js
index e7fe9bd1..0cecf1b0 100644
--- a/src/store/modules/theme.js
+++ b/src/store/modules/theme.js
@@ -33,16 +33,16 @@ export const useThemeStore = defineStore(
             )
                 .then(
                     (response) => {
-                        response.json().then(
-                        (data) => {
-                                this.setThemeList(data.results)
+                    response.json().then(
+                            (data) => {
+                            this.setThemeList(data.results)
                             }
-                    )
+                        )
                     }
                 )
                 .catch(
                     (err) => {
-                        console.error(err)
+                    console.error(err)
                     }
                 )
         },
diff --git a/src/store/modules/theme.spec.js b/src/store/modules/theme.spec.js
index 34931d81..cb7b85cc 100644
--- a/src/store/modules/theme.spec.js
+++ b/src/store/modules/theme.spec.js
@@ -6,15 +6,15 @@ import { mockTheme, Theme } from '../../entities/index.js'
 
 describe(
     'Theme Store', () => {
-    beforeEach(
-            () => {
-            setActivePinia(createPinia())
+        beforeEach(
+        () => {
+                setActivePinia(createPinia())
             }
-        )
+    )
 
     it(
         'sets theme item correctly', () => {
-            const store = useThemeStore()
+        const store = useThemeStore()
 
             store.setThemeItem(mockTheme()[0])
 
@@ -38,7 +38,7 @@ describe(
 
     it(
         'sets theme list correctly', () => {
-            const store = useThemeStore()
+        const store = useThemeStore()
 
             store.setThemeList(mockTheme())
 

From 9f9afd3c91ceaf58ebd68364097505a6441afb96 Mon Sep 17 00:00:00 2001
From: Thijn <thijn@conduction.nl>
Date: Wed, 7 Aug 2024 10:41:11 +0200
Subject: [PATCH 16/16] renamed modal in modals.vue

---
 src/modals/Modals.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modals/Modals.vue b/src/modals/Modals.vue
index 0f9ba8cc..1e1eb9e7 100644
--- a/src/modals/Modals.vue
+++ b/src/modals/Modals.vue
@@ -11,7 +11,7 @@
 		<EditMetaDataPropertyModal />
 		<AddCatalogModal />
 		<EditCatalogModal />
-		<AddListingModal />
+		<AddDirectoryModal />
 		<EditListingModal />
 		<AddPublicationDataModal />
 		<EditPublicationDataModal />
@@ -37,7 +37,7 @@ import EditMetaDataPropertyModal from './metaData/EditMetaDataPropertyModal.vue'
 
 import AddCatalogModal from './catalog/AddCatalogModal.vue'
 import EditCatalogModal from './catalog/EditCatalogModal.vue'
-import AddListingModal from './directory/AddDirectoryModal.vue'
+import AddDirectoryModal from './directory/AddDirectoryModal.vue'
 import EditListingModal from './directory/EditListingModal.vue'
 import AddOrganisationModal from './organisation/AddOrganisationModal.vue'
 import EditOrganisatioModal from './organisation/EditOrganisationModal.vue'
@@ -59,7 +59,7 @@ export default {
 		EditMetaDataPropertyModal,
 		AddCatalogModal,
 		EditCatalogModal,
-		AddListingModal,
+		AddDirectoryModal,
 		EditListingModal,
 		AddPublicationDataModal,
 		EditPublicationDataModal,