feat: Implement API for managing network connections, device types, and uploads

app/modules/connections/list.php

@@ -1,2 +1,86 @@
 <?php
-// Anzeige aller Verbindungen (Filter, Übersicht)
+/**
+ * app/connections/list.php
+ *
+ * Übersicht der Netzwerkverbindungen
+ * - Einstieg in die Netzwerk-Topologie
+ * - Einbindung der SVG-Network-View
+ * - Später: Filter (VLAN, Standort, Gerätetyp)
+ */
+
+// TODO: Auth erzwingen (falls nicht global im bootstrap)
+// requireAuth();
+
+// TODO: Kontext bestimmen (Standort, Rack, gesamtes Netz)
+// z.B. $contextId = get('context_id', 1);
+
+// TODO: Daten ggf. serverseitig vorbereiten
+// - Standorte
+// - VLANs
+// - Verbindungstypen
+
+?>
+
+<h2>Netzwerk-Topologie</h2>
+
+<!-- =========================
+     Toolbar / Steuerung
+     ========================= -->
+
+<div class="toolbar">
+    <!-- TODO: Kontext-Auswahl (Standort / Stockwerk / Rack) -->
+    <!-- TODO: Filter (VLAN, Verbindungstyp, Modus) -->
+    <!-- TODO: Button: Verbindung anlegen -->
+    <!-- TODO: Button: Auto-Layout -->
+</div>
+
+<!-- =========================
+     Netzwerk-Ansicht
+     ========================= -->
+
+<div class="network-view-container">
+    <!--
+        SVG für network-view.js
+        network-view.js erwartet ein SVG mit ID #network-svg
+    -->
+    <svg
+        id="network-svg"
+        viewBox="0 0 2000 1000"
+        width="100%"
+        height="600"
+    >
+        <!-- wird komplett per JS gerendert -->
+    </svg>
+</div>
+
+<!-- =========================
+     Sidebar / Details
+     ========================= -->
+
+<aside class="sidebar">
+    <!-- TODO: Details zum ausgewählten Gerät anzeigen -->
+    <!--
+        - Gerätename
+        - Gerätetyp
+        - Ports
+        - VLANs
+        - Verbindungen
+    -->
+
+    <!-- TODO: Verbindung bearbeiten / löschen -->
+</aside>
+
+<!-- =========================
+     JS-Konfiguration
+     ========================= -->
+
+<script>
+    /**
+     * Konfiguration für network-view.js
+     * Wird bewusst hier gesetzt, nicht im JS selbst
+     */
+
+    // TODO: Kontext-ID aus PHP setzen
+    // window.NETWORK_CONTEXT_ID = <?= (int)$contextId ?>;
+
+</script>