Noch keine Debug-Einträge.
'; return ` -${jobMarkup}
+
+
+
+ `;
+ if (!existing) {
+ appShell.appendChild(panel);
+ }
+
+ const buttonRect = settingsButton.getBoundingClientRect();
+ const shellRect = appShell.getBoundingClientRect();
+ panel.style.right = `${Math.max(16, shellRect.right - buttonRect.right)}px`;
+ panel.style.top = `${buttonRect.bottom - shellRect.top + 8}px`;
+
+ panel.querySelector('[data-action="close-settings"]').addEventListener('click', () => {
+ state.settingsPanelVisible = false;
+ renderSettingsPanel();
+ });
+ panel.querySelector('[data-setting="debug"]').addEventListener('change', (event) => {
+ saveSettings({ debug: event.currentTarget.checked });
+ });
+ panel.querySelector('[data-setting="write"]').addEventListener('change', (event) => {
+ saveSettings({ readOnly: !event.currentTarget.checked });
+ });
+ settingsButton.classList.add('active');
+ settingsButton.setAttribute('aria-expanded', 'true');
+}
+
+async function saveSettings(changes) {
+ const body = new URLSearchParams();
+ const readOnly = changes.readOnly ?? state.config.readOnly;
+ const debug = changes.debug ?? state.config.debug;
+ body.set('readOnly', readOnly ? '1' : '0');
+ body.set('debug', debug ? '1' : '0');
+ appendCsrf(body);
+ try {
+ state.config = await api(apiUrl('config.php'), {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
+ body
+ });
+ updateStatusText();
+ if (!state.config.debug) {
+ state.debug = [];
+ }
+ render();
+ } catch (error) {
+ showError(error);
+ }
+}
+
+function updateStatusText() {
+ if (!state.config) return;
+ statusText.textContent = `${state.config.roots.length} Root, ${state.config.readOnly ? 'Read-only' : 'Schreibzugriff aktiv'} · Debug ${state.config.debug ? 'aktiv' : 'aus'} · ${APP_VERSION}`;
+}
+
+function isReadOnly() {
+ return Boolean(state.config?.readOnly);
+}
+
async function loadExplorer(win, targetPath) {
win.data.loading = true;
win.data.error = null;
@@ -539,6 +645,10 @@ async function handleDrop(event, win, targetPath) {
}
async function createJob(type, source, destination, refreshWindowIds = []) {
+ if (['move', 'copy'].includes(type) && isReadOnly()) {
+ showError(new Error('Read-only mode ist aktiv.'));
+ return null;
+ }
recordDebug('job.create.request', { type, source, destination, refreshWindowIds });
const body = new URLSearchParams();
body.set('source', source);
@@ -631,6 +741,10 @@ function setDropEffect(event, effect) {
}
async function renameEntry(win, entry) {
+ if (isReadOnly()) {
+ showError(new Error('Read-only mode ist aktiv.'));
+ return;
+ }
const nextName = prompt('Neuer Name', entry.name);
if (!nextName || nextName === entry.name) {
return;
@@ -643,6 +757,10 @@ async function renameEntry(win, entry) {
}
async function promptTransfer(win, entry, type) {
+ if (isReadOnly()) {
+ showError(new Error('Read-only mode ist aktiv.'));
+ return;
+ }
const targetDir = prompt(type === 'copy' ? 'Kopieren nach Ordner' : 'Verschieben nach Ordner', win.data.path);
if (!targetDir) {
return;
@@ -681,9 +799,11 @@ function renderContextMenu() {
actions.push(['Öffnen', () => loadExplorer(win, entry.path)]);
}
actions.push(['Eigenschaften', () => showPropertiesForEntry(win, entry)]);
- actions.push(['Umbenennen', () => renameEntry(win, entry)]);
- actions.push(['Kopieren nach...', () => promptTransfer(win, entry, 'copy')]);
- actions.push(['Verschieben nach...', () => promptTransfer(win, entry, 'move')]);
+ if (!isReadOnly()) {
+ actions.push(['Umbenennen', () => renameEntry(win, entry)]);
+ actions.push(['Kopieren nach...', () => promptTransfer(win, entry, 'copy')]);
+ actions.push(['Verschieben nach...', () => promptTransfer(win, entry, 'move')]);
+ }
} else {
actions.push(['Neu laden', () => loadExplorer(win, win.data.path)]);
}
@@ -1234,6 +1354,9 @@ function getCsrfToken() {
}
function recordDebug(label, data = {}) {
+ if (!state.config?.debug) {
+ return null;
+ }
const item = {
id: state.nextDebugId++,
time: new Date().toLocaleTimeString(),
diff --git a/server/public/styles.css b/server/public/styles.css
index e425c0d..620f78a 100644
--- a/server/public/styles.css
+++ b/server/public/styles.css
@@ -193,12 +193,12 @@
}
.u-nav .pathbar .up-button {
- flex: 0 0 38px;
+ flex: 0 0 32px;
font-size: 18px;
line-height: 1;
}
-.u-nav .pathbar > button:not(.icon),
+.u-nav .pathbar > button.icon,
.u-nav .pathbar .view-toggle {
flex: 0 0 auto;
}
@@ -225,7 +225,7 @@
.u-nav .view-toggle button {
border-radius: 0;
flex: 0 0 auto;
- min-width: 88px;
+ min-width: 32px;
overflow: visible;
}
@@ -535,6 +535,61 @@
padding: 10px;
}
+.u-nav .settings-panel {
+ animation: transfer-slide-down 160ms ease-out both;
+ background: var(--surface);
+ border: 1px solid var(--line);
+ border-radius: 8px;
+ box-shadow: var(--shadow);
+ min-width: 320px;
+ overflow: hidden;
+ position: absolute;
+ transform-origin: top right;
+ width: min(380px, calc(100% - 32px));
+ z-index: 10010;
+}
+
+.u-nav .settings-panel-header {
+ align-items: center;
+ background: var(--surface-2);
+ border-bottom: 1px solid var(--line);
+ display: flex;
+ justify-content: space-between;
+ min-height: 40px;
+ padding: 5px 8px 5px 12px;
+}
+
+.u-nav .settings-panel-body {
+ display: grid;
+ gap: 2px;
+ padding: 8px;
+}
+
+.u-nav .setting-row {
+ align-items: center;
+ border-radius: 6px;
+ display: grid;
+ gap: 14px;
+ grid-template-columns: 1fr auto;
+ padding: 10px;
+}
+
+.u-nav .setting-row:hover {
+ background: var(--surface-2);
+}
+
+.u-nav .setting-row small {
+ color: var(--muted);
+ display: block;
+ margin-top: 2px;
+}
+
+.u-nav .setting-row input {
+ accent-color: var(--accent);
+ height: 18px;
+ width: 18px;
+}
+
@keyframes transfer-slide-down {
from {
opacity: 0;
@@ -675,4 +730,11 @@
right: 10px !important;
width: auto !important;
}
+
+ .u-nav .settings-panel {
+ left: 10px !important;
+ min-width: 0;
+ right: 10px !important;
+ width: auto !important;
+ }
}
diff --git a/u-navigator.plg b/u-navigator.plg
index c17474e..d101dd9 100644
--- a/u-navigator.plg
+++ b/u-navigator.plg
@@ -1,7 +1,7 @@
-
+
@@ -24,7 +24,7 @@