refactor(javascript): block controls during load and submit

This commit is contained in:
2025-03-30 13:40:47 +02:00
parent 49c37dc834
commit 84319775f0
3 changed files with 35 additions and 3 deletions

View File

@ -3,18 +3,25 @@
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');
const inputs = [
folder_selector,
button_selector,
];
function load() {
window.pride_flags.util.settings.blockInputs(inputs);
fetch(OC.generateUrl('/apps/pride_flags/settings/global'))
.then(res => res.json())
.then(({folderVariant, buttonVariant}) => {
folder_selector.value = folderVariant;
button_selector.value = buttonVariant;
window.pride_flags.util.settings.unblockInputs(inputs);
container.classList.remove('hidden');
});
}
function save() {
window.pride_flags.util.settings.blockInputs(inputs);
const payload = {
folderVariant: folder_selector.value,
buttonVariant: button_selector.value,
@ -30,7 +37,10 @@
if (response.ok) {
window.location.reload();
}
})
}).catch(err => {
console.err(err);
window.pride_flags.util.settings.unblockInputs(inputs);
});
}
submit_button.forEach(node => node.addEventListener('click', e => save()));