diff --git a/js/nc_connector_source_ui.js b/js/nc_connector_source_ui.js deleted file mode 100644 index 06e8ac5..0000000 --- a/js/nc_connector_source_ui.js +++ /dev/null @@ -1,308 +0,0 @@ -(function () { - 'use strict'; - - var wizardOpenKey = 'bratonienNcWizardOpen'; - var wizardModeKey = 'bratonienNcWizardMode'; - - function escapeHtml(value) { - return String(value == null ? '' : value).replace(/[&<>"']/g, function (c) { - return {'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]; - }); - } - - function setWizardOpen(open) { - try { - if (open) sessionStorage.setItem(wizardOpenKey, '1'); - else sessionStorage.removeItem(wizardOpenKey); - } catch (e) {} - } - - function setWizardMode(mode) { - try { - if (mode) sessionStorage.setItem(wizardModeKey, mode); - else sessionStorage.removeItem(wizardModeKey); - } catch (e) {} - } - - function showWizardDialog() { - var dialog = document.getElementById('bratonien-nc-wizard-dialog'); - if (!dialog) return; - if (typeof dialog.showModal === 'function') { - if (!dialog.open) dialog.showModal(); - } else { - dialog.setAttribute('open', 'open'); - } - } - - function closeWizardDialog() { - var dialog = document.getElementById('bratonien-nc-wizard-dialog'); - if (!dialog) return; - if (typeof dialog.close === 'function' && dialog.open) dialog.close(); - else dialog.removeAttribute('open'); - } - - function syncWizardRedirectState() { - var url; - try { url = new URL(window.location.href); } catch (e) { return; } - var state = url.searchParams.get('nc_wizard'); - if (state !== 'open' && state !== 'closed') return; - - if (state === 'open') { - setWizardOpen(true); - showWizardDialog(); - } else { - setWizardOpen(false); - setWizardMode(''); - closeWizardDialog(); - } - - url.searchParams.delete('nc_wizard'); - try { window.history.replaceState({}, document.title, url.pathname + (url.search ? url.search : '') + url.hash); } catch (e) {} - } - - function fieldNodes(form, fieldName) { - return [].slice.call(form.querySelectorAll('[name="'+fieldName.replace(/"/g, '\\"')+'"]')); - } - - function clearPickerErrors(form) { - [].slice.call(form.querySelectorAll('[data-source-picker-error]')).forEach(function (node) { node.remove(); }); - [].slice.call(form.querySelectorAll('[data-source-picker-invalid="1"]')).forEach(function (field) { - field.removeAttribute('data-source-picker-invalid'); - if (field.getAttribute('aria-invalid') === 'true') field.removeAttribute('aria-invalid'); - field.style.borderColor = ''; - field.style.boxShadow = ''; - }); - } - - function showPickerError(form, data) { - clearPickerErrors(form); - var message = data && data.message ? data.message : 'Die Nextcloud-Ordnerauswahl konnte nicht gestartet werden.'; - var fields = data && Array.isArray(data.fields) ? data.fields : []; - - var summary = document.createElement('div'); - summary.dataset.sourcePickerError = '1'; - summary.className = 'bratonien-main-cache__warning'; - summary.style.margin = '0 0 1rem'; - summary.style.padding = '.75rem'; - summary.style.border = '1px solid currentColor'; - summary.innerHTML = 'Ordnerauswahl nicht möglich: '+escapeHtml(message); - form.insertBefore(summary, form.firstChild); - - var first = null; - fields.forEach(function (fieldName) { - fieldNodes(form, fieldName).forEach(function (field) { - field.dataset.sourcePickerInvalid = '1'; - field.setAttribute('aria-invalid', 'true'); - field.style.borderColor = '#d65a5a'; - field.style.boxShadow = '0 0 0 1px #d65a5a'; - if (!first) first = field; - }); - }); - - if (first) { - first.scrollIntoView({block:'center', behavior:'smooth'}); - window.setTimeout(function () { first.focus(); }, 150); - } else { - summary.scrollIntoView({block:'center', behavior:'smooth'}); - } - } - - function jsonResponse(response) { - return response.json().then(function (data) { - if (!response.ok || !data.ok) throw data; - return data; - }); - } - - function startSourcePicker(form, button) { - clearPickerErrors(form); - if (!form.reportValidity()) return; - - button.disabled = true; - var originalText = button.textContent; - button.textContent = 'Verbindung prüfen …'; - - var saveBody = new FormData(form); - fetch('plugins/bratonien_tools/nc-connector-edit-save.php', { - method:'POST', - credentials:'same-origin', - cache:'no-store', - headers:{'Accept':'application/json'}, - body:saveBody - }) - .then(jsonResponse) - .then(function () { - button.textContent = 'Nextcloud-Ordner laden …'; - var pickerBody = new FormData(); - var token = form.querySelector('input[name="pwg_token"]'); - var id = form.querySelector('input[name="connection_id"]'); - pickerBody.append('pwg_token', token ? token.value : ''); - pickerBody.append('connection_id', id ? id.value : ''); - return fetch('plugins/bratonien_tools/nc-connector-source-picker-start.php', { - method:'POST', - credentials:'same-origin', - cache:'no-store', - headers:{'Accept':'application/json'}, - body:pickerBody - }).then(jsonResponse); - }) - .then(function () { - setWizardMode('migrate'); - setWizardOpen(true); - window.location.reload(); - }) - .catch(function (error) { - showPickerError(form, error && typeof error === 'object' ? error : {message:String(error), fields:[]}); - button.disabled = false; - button.textContent = originalText; - }); - } - - function enhanceWizardLaunchers(root) { - [].slice.call(root.querySelectorAll('button[value="nc_connector_migrate_start"], button[value="nc_connector_edit_start"]')).forEach(function (button) { - var form = button.closest('form'); - if (!form || form.dataset.wizardLauncherEnhanced === '1') return; - form.dataset.wizardLauncherEnhanced = '1'; - form.addEventListener('submit', function () { - setWizardMode(button.value === 'nc_connector_migrate_start' ? 'migrate' : 'edit'); - setWizardOpen(true); - }, true); - }); - } - - function enhanceWizardForms(root) { - [].slice.call(root.querySelectorAll('form[data-bratonien-wizard-form]')).forEach(function (form) { - if (form.dataset.wizardLifecycleEnhanced === '1') return; - form.dataset.wizardLifecycleEnhanced = '1'; - form.addEventListener('submit', function (event) { - var submitter = event.submitter; - var tool = submitter ? String(submitter.value || '') : ''; - if (tool === 'nc_connector_wizard_reset') { - setWizardOpen(false); - setWizardMode(''); - return; - } - // Do not close on "finish" before the server has accepted the values. - // The redirect explicitly closes the dialog only after a successful finish. - setWizardOpen(true); - }, true); - }); - } - - function enhanceMigrationButtons(root) { - var label = 'Nextcloud-Ordner auswählen & migrieren'; - var title = 'Die WebDAV-Quelle wird im Nextcloud-Ordnerbrowser ausgewählt. Der bestehende SMB-/Legacy-Speicher bleibt intern nur als Fallback erhalten.'; - [].slice.call(root.querySelectorAll('button[value="nc_connector_migrate_start"]')).forEach(function (button) { - if (button.textContent !== label) button.textContent = label; - if (button.title !== title) button.title = title; - }); - } - - function enhanceEditor(root) { - var form = root.querySelector('[data-edit-v2-form]'); - if (!form || form.dataset.sourceUiEnhanced === '1') return; - form.dataset.sourceUiEnhanced = '1'; - - var headings = [].slice.call(form.querySelectorAll('h5')); - var webdavHeading = headings.find(function (node) { - return (node.textContent || '').trim() === 'Nextcloud / WebDAV'; - }); - var legacyHeading = headings.find(function (node) { - return (node.textContent || '').trim() === 'Bestehender Legacy-Weg'; - }); - var storageHeading = headings.find(function (node) { - return (node.textContent || '').trim() === 'Speicherorte'; - }); - var storageList = form.querySelector('[data-storage-list]'); - var addStorage = form.querySelector('[data-add-storage]'); - - if (webdavHeading && !form.querySelector('[data-webdav-source-picker]')) { - var webdavGrid = webdavHeading.nextElementSibling; - while (webdavGrid && !webdavGrid.classList.contains('bratonien-form-grid')) webdavGrid = webdavGrid.nextElementSibling; - if (webdavGrid) { - var picker = document.createElement('div'); - picker.dataset.webdavSourcePicker = '1'; - picker.style.margin = '.8rem 0 1rem'; - picker.innerHTML = '

WebDAV-Quelle: Du musst keinen Pfad kennen. Die Ordner des oben eingetragenen Nextcloud-Benutzers werden automatisch geladen und können anschließend ausgewählt werden.

'; - var button = document.createElement('button'); - button.type = 'button'; - button.className = 'buttonLike'; - button.textContent = 'Nextcloud-Ordner automatisch auswählen'; - button.addEventListener('click', function () { startSourcePicker(form, button); }); - picker.appendChild(button); - webdavGrid.insertAdjacentElement('afterend', picker); - } - } - - if (legacyHeading && !form.querySelector('[data-webdav-source-note]')) { - var note = document.createElement('p'); - note.dataset.webdavSourceNote = '1'; - note.className = 'bratonien-base-note'; - note.innerHTML = 'Fallback: Der folgende lokale Speicher gehört nur zum bisherigen Ausweichweg. Er ist nicht die WebDAV-Quelle.'; - legacyHeading.insertAdjacentElement('beforebegin', note); - } - - if (storageHeading && storageList && addStorage) { - storageHeading.textContent = 'Legacy-Speicher (Fallback)'; - - var details = document.createElement('details'); - details.dataset.legacyStorageTechnical = '1'; - details.style.marginTop = '.75rem'; - var summary = document.createElement('summary'); - summary.textContent = 'Technische Fallback-Einstellungen'; - details.appendChild(summary); - - var info = document.createElement('p'); - info.className = 'bratonien-base-note'; - info.textContent = 'Diese Felder sind nur für den alten Ausweichweg relevant. Für WebDAV werden keine lokalen Mount-Pfade benötigt.'; - details.appendChild(info); - - storageHeading.insertAdjacentElement('beforebegin', details); - details.appendChild(storageHeading); - details.appendChild(storageList); - details.appendChild(addStorage); - - addStorage.textContent = 'Fallback-Speicher hinzufügen'; - addStorage.title = 'Nur für den Legacy-Fallback.'; - } - } - - function enhance(root) { - if (!root || root.nodeType !== 1) return; - enhanceWizardLaunchers(root); - enhanceWizardForms(root); - enhanceMigrationButtons(root); - if (root.matches && root.matches('#bratonien-nc-connection-edit-v2')) enhanceEditor(root); - var dialog = root.querySelector ? root.querySelector('#bratonien-nc-connection-edit-v2') : null; - if (dialog) enhanceEditor(dialog); - } - - function start() { - var section = document.getElementById('nc-connector'); - if (!section) return; - - syncWizardRedirectState(); - enhance(section); - enhanceWizardLaunchers(document); - enhanceWizardForms(document); - enhanceMigrationButtons(document); - - var observer = new MutationObserver(function (mutations) { - mutations.forEach(function (mutation) { - [].slice.call(mutation.addedNodes || []).forEach(function (node) { - if (node && node.nodeType === 1) enhance(node); - }); - }); - var dialog = document.getElementById('bratonien-nc-connection-edit-v2'); - if (dialog) enhanceEditor(dialog); - enhanceWizardLaunchers(document); - enhanceWizardForms(document); - enhanceMigrationButtons(document); - }); - - observer.observe(document.body, {childList:true, subtree:true}); - } - - if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start); - else start(); -})();