Main update

2026-06-24 02:24:39 +02:00
parent 5ff4c3fb2b
commit d121f74bd0
34 changed files with 2548 additions and 67 deletions
--- a/public/assets/apps/cron-management/app.css
+++ b/public/assets/apps/cron-management/app.css
@@ -0,0 +1,186 @@
+#cron-management-app {
+    min-height: 100%;
+    color: #0f172a;
+    font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
+}
+
+#cron-management-app,
+#cron-management-app * {
+    box-sizing: border-box;
+}
+
+#cron-management-app.is-loading {
+    opacity: 0.72;
+    pointer-events: none;
+}
+
+#cron-management-app .cm-shell,
+#cron-management-app .cm-frame,
+#cron-management-app .cm-main,
+#cron-management-app .cm-panel {
+    min-height: 100%;
+}
+
+#cron-management-app .cm-brand,
+#cron-management-app .cm-copy {
+    margin: 0;
+}
+
+#cron-management-app .cm-kicker {
+    margin: 0 0 10px;
+    font-size: 12px;
+    font-weight: 700;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    color: #2563eb;
+}
+
+#cron-management-app .cm-card,
+#cron-management-app .cm-job-card {
+    display: grid;
+    gap: 14px;
+}
+
+#cron-management-app .cm-side-title,
+#cron-management-app .cm-section-title {
+    margin: 0;
+    font-size: 18px;
+    line-height: 1.2;
+}
+
+#cron-management-app .cm-side-metric,
+#cron-management-app .cm-field,
+#cron-management-app .cm-token-box {
+    display: grid;
+    gap: 6px;
+}
+
+#cron-management-app .cm-side-metric span,
+#cron-management-app .cm-field span,
+#cron-management-app .cm-token-box p,
+#cron-management-app .cm-job-card p,
+#cron-management-app .cm-message,
+#cron-management-app .cm-empty {
+    font-size: 14px;
+    line-height: 1.5;
+    color: #475569;
+}
+
+#cron-management-app .cm-form {
+    display: grid;
+    gap: 14px;
+}
+
+#cron-management-app .cm-form--global {
+    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+    align-items: end;
+}
+
+#cron-management-app .cm-field input,
+#cron-management-app .cm-token-box,
+#cron-management-app .cm-status-grid > div {
+    width: 100%;
+    min-height: 46px;
+    padding: 12px 14px;
+    border-radius: 14px;
+    border: 1px solid rgba(148, 163, 184, 0.24);
+    background: rgba(255, 255, 255, 0.95);
+    color: #0f172a;
+    font: inherit;
+}
+
+#cron-management-app .cm-token-box code {
+    display: block;
+    overflow-wrap: anywhere;
+    font-size: 13px;
+}
+
+#cron-management-app .cm-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    align-items: center;
+}
+
+#cron-management-app .cm-inline-form {
+    display: inline-flex;
+}
+
+#cron-management-app .cm-primary {
+    background: linear-gradient(135deg, #312e81, #4338ca);
+    color: #fff;
+}
+
+#cron-management-app .cm-secondary {
+    background: #eff6ff;
+    color: #1d4ed8;
+}
+
+#cron-management-app .cm-job-list {
+    display: grid;
+    gap: 16px;
+}
+
+#cron-management-app .cm-job-head,
+#cron-management-app .cm-section-head {
+    display: flex;
+    justify-content: space-between;
+    gap: 16px;
+    align-items: flex-start;
+}
+
+#cron-management-app .cm-job-meta {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+}
+
+#cron-management-app .cm-status-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 12px;
+}
+
+#cron-management-app .cm-status-grid strong {
+    display: block;
+    margin-top: 4px;
+    color: #0f172a;
+}
+
+#cron-management-app .cm-check {
+    display: inline-flex;
+    gap: 10px;
+    align-items: center;
+    font-size: 14px;
+    color: #0f172a;
+}
+
+#cron-management-app .cm-message {
+    padding: 14px 16px;
+    border-radius: 14px;
+}
+
+#cron-management-app .cm-message.is-success {
+    background: rgba(34, 197, 94, 0.12);
+    color: #166534;
+}
+
+#cron-management-app .cm-message.is-error,
+#cron-management-app .cm-parse-error {
+    background: rgba(239, 68, 68, 0.1);
+    color: #991b1b;
+    padding: 12px 14px;
+    border-radius: 14px;
+}
+
+#cron-management-app .cm-list {
+    margin: 8px 0 0;
+    padding-left: 18px;
+}
+
+@media (max-width: 900px) {
+    #cron-management-app .cm-form--global,
+    #cron-management-app .cm-status-grid {
+        grid-template-columns: 1fr;
+    }
+}
--- a/public/assets/apps/cron-management/app.js
+++ b/public/assets/apps/cron-management/app.js
@@ -0,0 +1,103 @@
+(() => {
+    const normalizeUrl = (url) => {
+        const next = new URL(url, window.location.origin);
+        next.searchParams.set('partial', '1');
+        return next.toString();
+    };
+
+    const renderError = (host, message) => {
+        host.innerHTML = `
+            <div class="window-app-shell cm-shell">
+                <div class="window-app-frame cm-frame">
+                    <main class="window-app-main cm-main">
+                        <div class="window-app-panel cm-panel">
+                            <section class="window-app-card cm-card">
+                                <p class="cm-message is-error">${String(message || 'Cron Tool konnte nicht geladen werden.')}</p>
+                            </section>
+                        </div>
+                    </main>
+                </div>
+            </div>
+        `;
+    };
+
+    const bindInteractions = (host, loadRoute) => {
+        host.querySelectorAll('form[action]').forEach((form) => {
+            if (form.dataset.cmBound === '1') {
+                return;
+            }
+
+            const action = String(form.getAttribute('action') || '');
+            if (!action.startsWith('/admin/cron/')) {
+                return;
+            }
+
+            form.dataset.cmBound = '1';
+            form.addEventListener('submit', async (event) => {
+                event.preventDefault();
+
+                try {
+                    host.classList.add('is-loading');
+                    const response = await fetch(normalizeUrl(action), {
+                        method: 'POST',
+                        credentials: 'same-origin',
+                        body: new FormData(form),
+                    });
+
+                    const html = await response.text();
+                    if (!response.ok) {
+                        throw new Error(`HTTP ${response.status}`);
+                    }
+
+                    host.innerHTML = html;
+                    bindInteractions(host, loadRoute);
+                } catch (error) {
+                    renderError(host, error?.message || 'Cron Tool konnte nicht geladen werden.');
+                } finally {
+                    host.classList.remove('is-loading');
+                }
+            });
+        });
+    };
+
+    window.initCronManagementApp = function initCronManagementApp(host, options = {}) {
+        if (!(host instanceof Element)) {
+            return;
+        }
+
+        if (host.dataset.cmAppBound === '1') {
+            return;
+        }
+
+        host.dataset.cmAppBound = '1';
+
+        const entryRoute = String(options.entryRoute || '/admin/cron/');
+        const loadRoute = async (route) => {
+            try {
+                host.classList.add('is-loading');
+                const response = await fetch(normalizeUrl(route), {
+                    credentials: 'same-origin',
+                    headers: { Accept: 'text/html' },
+                });
+                const html = await response.text();
+                if (!response.ok) {
+                    throw new Error(`HTTP ${response.status}`);
+                }
+
+                host.innerHTML = html;
+                bindInteractions(host, loadRoute);
+            } catch (error) {
+                renderError(host, error?.message || 'Cron Tool konnte nicht geladen werden.');
+            } finally {
+                host.classList.remove('is-loading');
+            }
+        };
+
+        if (options.standalone) {
+            bindInteractions(host, loadRoute);
+            return;
+        }
+
+        loadRoute(entryRoute);
+    };
+})();
--- a/public/assets/apps/user-management/app.css
+++ b/public/assets/apps/user-management/app.css
@@ -192,6 +192,10 @@
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.12);
 }

+#user-management-app .um-user-picker-list[hidden] {
+    display: none !important;
+}
+
 #user-management-app .um-user-picker-option {
    display: grid;
    gap: 2px;
--- a/public/assets/apps/user-management/app.js
+++ b/public/assets/apps/user-management/app.js
@@ -48,6 +48,7 @@
            username: String(user?.username || ''),
            display_name: String(user?.display_name || ''),
            email: String(user?.email || ''),
+            group_dns: Array.isArray(user?.group_dns) ? user.group_dns.map((group) => String(group || '')) : [],
            search: [
                String(user?.username || ''),
                String(user?.display_name || ''),
@@ -74,6 +75,35 @@
            }
            input.dataset.umPickerBound = '1';

+            const syncGroupSelection = (username) => {
+                const normalizedUsername = String(username || '').trim().toLowerCase();
+                host.querySelectorAll('input[name="manual_group_dns[]"]').forEach((checkbox) => {
+                    if (!(checkbox instanceof HTMLInputElement)) {
+                        return;
+                    }
+
+                    checkbox.checked = false;
+                });
+
+                if (normalizedUsername === '') {
+                    return;
+                }
+
+                const user = normalizedUsers.find((entry) => entry.username.toLowerCase() === normalizedUsername);
+                if (!user) {
+                    return;
+                }
+
+                const selectedGroups = new Set(user.group_dns);
+                host.querySelectorAll('input[name="manual_group_dns[]"]').forEach((checkbox) => {
+                    if (!(checkbox instanceof HTMLInputElement)) {
+                        return;
+                    }
+
+                    checkbox.checked = selectedGroups.has(checkbox.value);
+                });
+            };
+
            const renderMatches = () => {
                const needle = input.value.trim().toLowerCase();
                const matches = normalizedUsers
@@ -109,8 +139,17 @@
                input.value = String(option.dataset.userPickerValue || '');
                list.hidden = true;
                list.innerHTML = '';
+                syncGroupSelection(input.value);
                input.dispatchEvent(new Event('change', { bubbles: true }));
            });
+
+            input.addEventListener('change', () => {
+                syncGroupSelection(input.value);
+            });
+
+            if (input.value.trim() !== '') {
+                syncGroupSelection(input.value);
+            }
        });

        if (!host.dataset.umPickerOutsideBound) {
--- a/public/assets/desktop/desktop.css
+++ b/public/assets/desktop/desktop.css
@@ -1228,6 +1228,40 @@ h1 {
    align-content: start;
 }

+.start-menu-group,
+.start-menu-group-list {
+    display: grid;
+    gap: 10px;
+}
+
+.start-menu-group {
+    gap: 12px;
+    padding-top: 6px;
+}
+
+.start-menu-group + .start-menu-group {
+    margin-top: 6px;
+    padding-top: 16px;
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.start-menu-group-header {
+    display: grid;
+    gap: 4px;
+    padding: 0 4px;
+}
+
+.start-menu-group-header strong {
+    font-size: 12px;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    color: rgba(255, 255, 255, 0.88);
+}
+
+.start-menu-group-header small {
+    color: rgba(248, 250, 252, 0.58);
+}
+
 .start-menu-selection-header {
    display: grid;
    gap: 10px;
--- a/public/assets/desktop/desktop.js
+++ b/public/assets/desktop/desktop.js
@@ -1612,6 +1612,92 @@ if (payloadNode) {
        await loadStatus();
    };

+    const renderActionPanelWidget = async (card, widget) => {
+        const statusNode = card.querySelector('[data-widget-status]');
+        const messageNode = card.querySelector('[data-widget-message]');
+        const actionButtons = Array.from(card.querySelectorAll('[data-widget-action]'));
+
+        const loadStatus = async () => {
+            if (!(statusNode instanceof HTMLElement) || !widget.status_api) {
+                return;
+            }
+
+            statusNode.textContent = 'Status wird geladen ...';
+
+            try {
+                const response = await fetch(widget.status_api, {
+                    credentials: 'same-origin',
+                    headers: { Accept: 'application/json' },
+                });
+                const payload = await response.json().catch(() => ({}));
+                if (!response.ok) {
+                    throw new Error(payload?.message || payload?.error || `HTTP ${response.status}`);
+                }
+
+                const data = payload?.data || {};
+                statusNode.textContent = String(data.status_text || data.message || 'Status geladen.');
+            } catch (error) {
+                statusNode.textContent = error instanceof Error ? error.message : 'Status konnte nicht geladen werden.';
+            }
+        };
+
+        const runAction = async (actionConfig) => {
+            if (!(messageNode instanceof HTMLElement) || !actionConfig || typeof actionConfig !== 'object') {
+                return;
+            }
+
+            const method = String(actionConfig.method || 'POST').toUpperCase();
+            const endpoint = String(actionConfig.endpoint || '');
+            if (endpoint === '') {
+                return;
+            }
+
+            messageNode.textContent = 'Aktion wird ausgefuehrt ...';
+
+            try {
+                const response = await fetch(endpoint, {
+                    method,
+                    credentials: 'same-origin',
+                    headers: {
+                        Accept: 'application/json',
+                        'Content-Type': 'application/json',
+                    },
+                    body: method === 'GET'
+                        ? null
+                        : JSON.stringify(actionConfig.payload && typeof actionConfig.payload === 'object' ? actionConfig.payload : {}),
+                });
+                const payload = await response.json().catch(() => ({}));
+                if (!response.ok) {
+                    throw new Error(payload?.message || payload?.error || `HTTP ${response.status}`);
+                }
+
+                messageNode.textContent = String(
+                    payload?.message
+                    || payload?.data?.message
+                    || payload?.data?.status_text
+                    || 'Aktion erfolgreich ausgefuehrt.'
+                );
+                await loadStatus();
+            } catch (error) {
+                messageNode.textContent = error instanceof Error ? error.message : 'Aktion fehlgeschlagen.';
+            }
+        };
+
+        actionButtons.forEach((button) => {
+            button.addEventListener('click', () => {
+                const actionId = button.getAttribute('data-widget-action') || '';
+                const actionConfig = Array.isArray(widget.actions)
+                    ? widget.actions.find((entry) => String(entry?.action_id || '') === actionId)
+                    : null;
+                if (actionConfig) {
+                    runAction(actionConfig);
+                }
+            });
+        });
+
+        await loadStatus();
+    };
+
    const renderWidgets = () => {
        if (!widgetZoneRoot) {
            return;
@@ -1643,6 +1729,21 @@ if (payloadNode) {
                            ${widget.launch_app_id ? `<button class="widget-card-action widget-card-action--secondary" type="button" data-app-id="${escapeHtml(widget.launch_app_id)}">${escapeHtml(widget.action_label || 'Oeffnen')}</button>` : ''}
                        </div>
                    `
+                    : widget.widget_type === 'action-panel'
+                        ? `
+                            <div class="widget-card-status" data-widget-status>${widget.content || 'Status wird geladen ...'}</div>
+                            <p class="widget-card-message" data-widget-message>${widget.summary || ''}</p>
+                            <div class="widget-card-actions">
+                                ${(Array.isArray(widget.actions) ? widget.actions : []).map((action) => `
+                                    <button
+                                        class="widget-card-action${action?.variant === 'secondary' ? ' widget-card-action--secondary' : ''}"
+                                        type="button"
+                                        data-widget-action="${escapeHtml(String(action?.action_id || ''))}"
+                                    >${escapeHtml(String(action?.label || 'Aktion'))}</button>
+                                `).join('')}
+                                ${widget.launch_app_id ? `<button class="widget-card-action widget-card-action--secondary" type="button" data-app-id="${escapeHtml(widget.launch_app_id)}">${escapeHtml(widget.action_label || 'Oeffnen')}</button>` : ''}
+                            </div>
+                        `
                    : `<p>${widget.content || ''}</p>${actionMarkup}`;
                card.innerHTML = `
                    <div class="widget-card-header">
@@ -1668,6 +1769,8 @@ if (payloadNode) {
                widgetZoneRoot.appendChild(card);
                if (widget.widget_type === 'fx-rates-refresh') {
                    renderFxRatesWidget(card, widget);
+                } else if (widget.widget_type === 'action-panel') {
+                    renderActionPanelWidget(card, widget);
                }
            });
    };
@@ -1706,23 +1809,58 @@ if (payloadNode) {
            return;
        }

-        payload.apps.forEach((app) => {
-            const button = document.createElement('button');
-            button.type = 'button';
-            button.className = 'start-menu-entry start-menu-entry--app';
-            button.innerHTML = `
-                <span class="start-menu-entry-badge">${buildAppIconMarkup(app, 'start-menu-app-icon')}</span>
-                <span>
-                    <strong>${app.title}</strong>
-                    <small>${app.summary || ''}</small>
-                </span>
-                <span class="start-menu-entry-toggle">Open</span>
-            `;
-            button.addEventListener('click', () => {
-                openApp(app);
-                closeStartMenu();
+        const groups = [
+            { id: 'core', label: 'Desktop', description: 'Globale Bereiche und Shell-Funktionen' },
+            { id: 'system_tool', label: 'Systemtools', description: 'Verwaltung und Setup' },
+            { id: 'module', label: 'Module', description: 'Installierte Fachanwendungen' },
+        ];
+
+        groups.forEach((group) => {
+            const apps = payload.apps.filter((app) => {
+                if (app.show_in_start_menu === false) {
+                    return false;
+                }
+
+                return String(app.app_scope || 'module') === group.id;
            });
-            startMenuApps.appendChild(button);
+
+            if (apps.length === 0) {
+                return;
+            }
+
+            const section = document.createElement('section');
+            section.className = 'start-menu-group';
+            section.innerHTML = `
+                <header class="start-menu-group-header">
+                    <strong>${group.label}</strong>
+                    <small>${group.description}</small>
+                </header>
+            `;
+
+            const list = document.createElement('div');
+            list.className = 'start-menu-group-list';
+
+            apps.forEach((app) => {
+                const button = document.createElement('button');
+                button.type = 'button';
+                button.className = 'start-menu-entry start-menu-entry--app';
+                button.innerHTML = `
+                    <span class="start-menu-entry-badge">${buildAppIconMarkup(app, 'start-menu-app-icon')}</span>
+                    <span>
+                        <strong>${app.title}</strong>
+                        <small>${app.summary || ''}</small>
+                    </span>
+                    <span class="start-menu-entry-toggle">Open</span>
+                `;
+                button.addEventListener('click', () => {
+                    openApp(app);
+                    closeStartMenu();
+                });
+                list.appendChild(button);
+            });
+
+            section.appendChild(list);
+            startMenuApps.appendChild(section);
        });
    };