87 lines
1.9 KiB
PHP
87 lines
1.9 KiB
PHP
<?php
|
|
/**
|
|
* 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>
|