feat: allow global settings as fallback when user has not defined any

js/pride-settings-global.js

@@ -0,0 +1,38 @@
+(function(window) {
+	const folder_selector = document.querySelectorAll('.pride_flags_server_settings .server-settings.folder-flavour select')[0];
+	const button_selector = document.querySelectorAll('.pride_flags_server_settings .server-settings.button-flavour select')[0];
+	const submit_button = document.querySelectorAll('.pride_flags_server_settings .settings-pride-submit');
+	const container = document.querySelector('.pride_flags_server_settings .settings-section');
+
+	function load() {
+		fetch(OC.generateUrl('/apps/pride_flags/settings/global'))
+			.then(res => res.json())
+			.then(({folderVariant, buttonVariant}) => {
+				folder_selector.value = folderVariant;
+				button_selector.value = buttonVariant;
+				container.classList.remove('hidden');
+			});
+	}
+
+	function save() {
+		const payload = {
+			folderVariant: folder_selector.value,
+			buttonVariant: button_selector.value,
+		}
+		fetch(OC.generateUrl('/apps/pride_flags/settings/global'), {
+			method: 'POST',
+			body: JSON.stringify(payload),
+			headers: {
+				"Content-Type": "application/json",
+				"requesttoken": OC.requestToken,
+			}
+		}).then(response => {
+			if (response.ok) {
+				window.location.reload();
+			}
+		})
+	}
+	submit_button.forEach(node => node.addEventListener('click', e => save()));
+
+	load();
+})(window);

js/pride-settings.js

@@ -1,36 +1,38 @@
+(function(window) {
+	const folder_selector = document.querySelectorAll('.pride_flags_user_settings .user-settings.folder-flavour select')[0];
+	const button_selector = document.querySelectorAll('.pride_flags_user_settings .user-settings.button-flavour select')[0];
+	const submit_button = document.querySelectorAll('.pride_flags_user_settings .settings-pride-submit');
+	const container = document.querySelector('.pride_flags_user_settings .settings-section');
 
-
-const folder_selector = document.querySelectorAll('.pride_flags_user_settings .user-settings.folder-flavour select')[0];
-const button_selector = document.querySelectorAll('.pride_flags_user_settings .user-settings.button-flavour select')[0];
-const submit_button = document.querySelectorAll('.pride_flags_user_settings .settings-pride-submit');
-
-function load() {
-	fetch(OC.generateUrl('/apps/pride_flags/settings'))
-		.then(res => res.json())
-		.then(({folderVariant, buttonVariant}) => {
-			folder_selector.value = folderVariant;
-			button_selector.value = buttonVariant;
-		});
-}
-
-function save() {
-	const payload = {
-		folderVariant: folder_selector.value,
-		buttonVariant: button_selector.value,
+	function load() {
+		fetch(OC.generateUrl('/apps/pride_flags/settings'))
+			.then(res => res.json())
+			.then(({folderVariant, buttonVariant}) => {
+				folder_selector.value = folderVariant;
+				button_selector.value = buttonVariant;
+				container.classList.remove('hidden');
+			});
 	}
-	fetch(OC.generateUrl('/apps/pride_flags/settings'), {
-		method: 'POST',
-		body: JSON.stringify(payload),
-		headers: {
-			"Content-Type": "application/json",
-			"requesttoken": OC.requestToken,
-		}
-	}).then(response => {
-		if (response.ok) {
-			window.location.reload();
-		}
-	})
-}
-submit_button.forEach(node => node.addEventListener('click', e => save()));
 
-load();
+	function save() {
+		const payload = {
+			folderVariant: folder_selector.value,
+			buttonVariant: button_selector.value,
+		}
+		fetch(OC.generateUrl('/apps/pride_flags/settings'), {
+			method: 'POST',
+			body: JSON.stringify(payload),
+			headers: {
+				"Content-Type": "application/json",
+				"requesttoken": OC.requestToken,
+			}
+		}).then(response => {
+			if (response.ok) {
+				window.location.reload();
+			}
+		})
+	}
+	submit_button.forEach(node => node.addEventListener('click', e => save()));
+
+	load();
+})(window);