feat: Dockerfile und Dashboard-Modul hinzugefügt, .htaccess angepasst und SQL-Initialisierung optimiert

2026-02-07 16:28:05 +01:00
parent aae7237420
commit 4f32bf68ca
9 changed files with 154 additions and 13 deletions
--- a/app/assets/js/dashboard.js
+++ b/app/assets/js/dashboard.js
@@ -0,0 +1,130 @@
+/**
+ * app/assets/js/dashboard.js
+ *
+ * Dashboard-Modul
+ * - Zentrale Übersicht aller Grundfunktionen
+ * - Einstiegspunkt für das Tool
+ * - Kann später Status, Warnungen, Statistiken anzeigen
+ */
+
+window.Dashboard = (function () {
+
+    // =========================
+    // Interne Daten
+    // =========================
+
+    const modules = [
+        {
+            id: 'device_types',
+            label: 'Gerätetypen',
+            description: 'Gerätetypen, Port-Definitionen, Module',
+            url: '/app/device_types/list.php',
+            icon: '🔌'
+        },
+        {
+            id: 'devices',
+            label: 'Geräte',
+            description: 'Physische Geräte in Racks und Räumen',
+            url: '/app/devices/list.php',
+            icon: '🖥️'
+        },
+        {
+            id: 'connections',
+            label: 'Verbindungen',
+            description: 'Kabel, Ports, VLANs, Protokolle',
+            url: '/app/connections/list.php',
+            icon: '🧵'
+        },
+        {
+            id: 'floors',
+            label: 'Standorte & Stockwerke',
+            description: 'Gebäude, Etagen, Räume, Dosen',
+            url: '/app/floors/list.php',
+            icon: '🏢'
+        },
+        {
+            id: 'racks',
+            label: 'Serverschränke',
+            description: 'Racks, Positionierung, Höheneinheiten',
+            url: '/app/racks/list.php',
+            icon: '🗄️'
+        },
+        {
+            id: 'network_view',
+            label: 'Netzwerk-Ansicht',
+            description: 'Grafische Netzwerkdarstellung',
+            url: '/network.php',
+            icon: '🌐'
+        },
+        {
+            id: 'svg_editor',
+            label: 'SVG-Port-Editor',
+            description: 'Ports auf Gerätetypen definieren',
+            url: '/svg-editor.php',
+            icon: '✏️'
+        }
+    ];
+
+    // =========================
+    // Public API
+    // =========================
+
+    function init() {
+        console.log('Dashboard initialized');
+
+        // TODO: Dashboard-Container ermitteln
+        // const container = document.querySelector('#dashboard');
+
+        // TODO: Module rendern
+        // renderModules(container);
+
+        // TODO: Optional: Status-Daten laden (Counts, Warnings)
+    }
+
+    // =========================
+    // Render Functions
+    // =========================
+
+    function renderModules(container) {
+        if (!container) return;
+
+        container.innerHTML = '';
+
+        modules.forEach(module => {
+            const el = document.createElement('div');
+            el.className = 'dashboard-tile';
+
+            el.innerHTML = `
+                <div class="dashboard-icon">${module.icon}</div>
+                <div class="dashboard-content">
+                    <h3>${module.label}</h3>
+                    <p>${module.description}</p>
+                </div>
+            `;
+
+            el.addEventListener('click', () => {
+                window.location.href = module.url;
+            });
+
+            container.appendChild(el);
+        });
+    }
+
+    // =========================
+    // Optional Erweiterungen
+    // =========================
+
+    // TODO: loadStats() → Anzahl Geräte, offene Ports, unverbundene Dosen
+    // TODO: showWarnings() → unverbundene Ports, VLAN-Konflikte
+    // TODO: RecentChanges() → letzte Änderungen
+
+    // =========================
+    // Expose Public Methods
+    // =========================
+
+    return {
+        init,
+        // renderModules // optional öffentlich machen
+    };
+
+})();