feat: Erweiterung der Module für Geräte, Stockwerke und Racks mit grundlegenden Funktionen und Strukturen
This commit is contained in:
Troy Grunt
@@ -1,2 +1,156 @@
|
||||
<?php
|
||||
// Gerät anlegen oder bearbeiten
|
||||
/**
|
||||
* app/devices/edit.php
|
||||
*
|
||||
* Konkretes Gerät anlegen / bearbeiten
|
||||
* - Name, Beschreibung, Standort (Rack / Floor)
|
||||
* - Gerätetyp wählen
|
||||
* - Ports automatisch vom Device-Type übernehmen
|
||||
* - SVG-Position im Rack / Floor
|
||||
* - Optional: Notizen / Kommentare
|
||||
*/
|
||||
|
||||
// TODO: bootstrap laden
|
||||
// require_once __DIR__ . '/../../bootstrap.php';
|
||||
|
||||
// TODO: Auth erzwingen
|
||||
// requireAuth();
|
||||
|
||||
// =========================
|
||||
// Kontext bestimmen
|
||||
// =========================
|
||||
|
||||
// Gerät-ID aus GET
|
||||
// $deviceId = (int)($_GET['id'] ?? 0);
|
||||
|
||||
// TODO: Gerät aus DB laden, falls ID vorhanden
|
||||
// $device = null;
|
||||
|
||||
// TODO: Alle Device-Types laden
|
||||
// $deviceTypes = $sql->get("SELECT * FROM device_types ORDER BY name", "", []);
|
||||
|
||||
// TODO: Wenn Gerät vorhanden, Ports laden (vom Device-Type)
|
||||
$ports = []; // TODO: Ports vorbereiten
|
||||
|
||||
?>
|
||||
|
||||
<h2>Gerät bearbeiten</h2>
|
||||
|
||||
<form method="post" action="/app/devices/save.php" enctype="multipart/form-data">
|
||||
|
||||
<!-- =========================
|
||||
Basisdaten
|
||||
========================= -->
|
||||
|
||||
<fieldset>
|
||||
<legend>Allgemein</legend>
|
||||
|
||||
<label>
|
||||
Name<br>
|
||||
<input type="text" name="name" value="">
|
||||
<!-- TODO: Name vorbelegen -->
|
||||
</label>
|
||||
|
||||
<br><br>
|
||||
|
||||
<label>
|
||||
Beschreibung<br>
|
||||
<textarea name="description"></textarea>
|
||||
<!-- TODO: Beschreibung vorbelegen -->
|
||||
</label>
|
||||
|
||||
<br><br>
|
||||
|
||||
<label>
|
||||
Gerätetyp<br>
|
||||
<select name="device_type_id">
|
||||
<!-- TODO: Device-Types aus DB -->
|
||||
<option value="1">Switch</option>
|
||||
</select>
|
||||
</label>
|
||||
</fieldset>
|
||||
|
||||
<!-- =========================
|
||||
Standort / Rack / Floor
|
||||
========================= -->
|
||||
|
||||
<fieldset>
|
||||
<legend>Standort</legend>
|
||||
|
||||
<label>
|
||||
Stockwerk<br>
|
||||
<select name="floor_id">
|
||||
<!-- TODO: Floors laden -->
|
||||
</select>
|
||||
</label>
|
||||
|
||||
<br><br>
|
||||
|
||||
<label>
|
||||
Rack<br>
|
||||
<select name="rack_id">
|
||||
<!-- TODO: Racks laden -->
|
||||
</select>
|
||||
</label>
|
||||
|
||||
<br><br>
|
||||
|
||||
<label>
|
||||
Position im Rack<br>
|
||||
<input type="number" name="rack_position" value="">
|
||||
</label>
|
||||
</fieldset>
|
||||
|
||||
<!-- =========================
|
||||
Ports
|
||||
========================= -->
|
||||
|
||||
<fieldset>
|
||||
<legend>Ports</legend>
|
||||
|
||||
<p class="hint">Ports werden vom Device-Type übernommen. Positionen können angepasst werden.</p>
|
||||
|
||||
<div class="svg-editor-container">
|
||||
<svg
|
||||
id="device-svg"
|
||||
viewBox="0 0 800 400"
|
||||
width="100%"
|
||||
height="400"
|
||||
>
|
||||
<!-- TODO: SVG laden -->
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<!-- TODO: Port-Liste -->
|
||||
<div class="port-list">
|
||||
<!-- Ports mit Typ, Name, Modus, VLAN -->
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<!-- =========================
|
||||
Aktionen
|
||||
========================= -->
|
||||
|
||||
<fieldset>
|
||||
<button type="submit">Speichern</button>
|
||||
<button type="button" onclick="history.back()">Abbrechen</button>
|
||||
<!-- TODO: Löschen, falls edit -->
|
||||
</fieldset>
|
||||
|
||||
</form>
|
||||
|
||||
<!-- =========================
|
||||
JS-Konfiguration
|
||||
========================= -->
|
||||
|
||||
<script>
|
||||
/**
|
||||
* SVG-Editor Konfiguration
|
||||
*/
|
||||
|
||||
// TODO: Device-ID setzen
|
||||
// window.DEVICE_ID = <?= (int)$deviceId ?>;
|
||||
|
||||
// TODO: Ports an JS übergeben
|
||||
// window.DEVICE_PORTS = <?= json_encode($ports) ?>;
|
||||
</script>
|
||||
|
||||
@@ -1,2 +1,111 @@
|
||||
<?php
|
||||
// Liste aller Geräte anzeigen
|
||||
/**
|
||||
* app/devices/list.php
|
||||
*
|
||||
* Übersicht aller Geräte
|
||||
* - Anzeigen
|
||||
* - Bearbeiten
|
||||
* - Löschen
|
||||
* - SVG / JPG Vorschau
|
||||
*/
|
||||
|
||||
// TODO: bootstrap laden
|
||||
// require_once __DIR__ . '/../../bootstrap.php';
|
||||
|
||||
// TODO: Auth erzwingen
|
||||
// requireAuth();
|
||||
|
||||
// =========================
|
||||
// Geräte laden
|
||||
// =========================
|
||||
|
||||
// TODO: Geräte aus DB laden
|
||||
// $devices = $sql->get("SELECT * FROM devices ORDER BY name", "", []);
|
||||
|
||||
?>
|
||||
|
||||
<h2>Geräte</h2>
|
||||
|
||||
<!-- =========================
|
||||
Toolbar
|
||||
========================= -->
|
||||
|
||||
<div class="toolbar">
|
||||
<a href="/?page=devices/edit" class="button">
|
||||
+ Neues Gerät
|
||||
</a>
|
||||
|
||||
<!-- TODO: Suchfeld -->
|
||||
<!-- TODO: Filter (Device-Type, Standort, Floor, Rack) -->
|
||||
</div>
|
||||
|
||||
<!-- =========================
|
||||
Geräte-Tabelle
|
||||
========================= -->
|
||||
|
||||
<table class="device-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Vorschau</th>
|
||||
<th>Name</th>
|
||||
<th>Gerätetyp</th>
|
||||
<th>Standort</th>
|
||||
<th>Rack</th>
|
||||
<th>Rack-Pos</th>
|
||||
<th>Ports</th>
|
||||
<th>Aktionen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
<?php /* foreach ($devices as $device): */ ?>
|
||||
<tr>
|
||||
<td class="preview">
|
||||
<!-- TODO: SVG / JPG Thumbnail -->
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<!-- TODO: Name -->
|
||||
Gerät XY
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<!-- TODO: Gerätetyp -->
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<!-- TODO: Standort / Floor -->
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<!-- TODO: Rack -->
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<!-- TODO: Rack-Position -->
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<!-- TODO: Anzahl Ports -->
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="/?page=devices/edit&id=1">Bearbeiten</a>
|
||||
<button> Löschen </button>
|
||||
</td>
|
||||
</tr>
|
||||
<?php /* endforeach; */ ?>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<!-- =========================
|
||||
Leerer Zustand
|
||||
========================= -->
|
||||
|
||||
<?php /* if (empty($devices)): */ ?>
|
||||
<div class="empty-state">
|
||||
<p>Noch keine Geräte angelegt.</p>
|
||||
<p><a href="/?page=devices/edit">Erstes Gerät anlegen</a></p>
|
||||
</div>
|
||||
<?php /* endif; */ ?>
|
||||
|
||||
@@ -1,2 +1,104 @@
|
||||
<?php
|
||||
// Gerät speichern (Rack-Position, Typ, Name)
|
||||
/**
|
||||
* app/devices/save.php
|
||||
*
|
||||
* Speichert:
|
||||
* - Basisdaten (Name, Beschreibung)
|
||||
* - Gerätetyp-Zuordnung
|
||||
* - Standort (Floor, Rack, Rack-Position)
|
||||
* - Ports (vom Device-Type übernommen)
|
||||
* - SVG-Positionen
|
||||
*
|
||||
* POST JSON oder multipart/form-data
|
||||
*/
|
||||
|
||||
// TODO: bootstrap laden
|
||||
// require_once __DIR__ . '/../../bootstrap.php';
|
||||
|
||||
// TODO: Auth erzwingen
|
||||
// requireAuth();
|
||||
|
||||
// =========================
|
||||
// Request prüfen
|
||||
// =========================
|
||||
|
||||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||||
http_response_code(405);
|
||||
exit;
|
||||
}
|
||||
|
||||
// =========================
|
||||
// Daten aus POST / JSON
|
||||
// =========================
|
||||
|
||||
// TODO: Prüfen, ob multipart/form-data oder JSON
|
||||
// $data = json_decode(file_get_contents('php://input'), true);
|
||||
|
||||
// Basisfelder
|
||||
// $deviceId = $data['id'] ?? null;
|
||||
// $name = $data['name'] ?? '';
|
||||
// $description = $data['description'] ?? '';
|
||||
// $deviceTypeId = $data['device_type_id'] ?? null;
|
||||
// $floorId = $data['floor_id'] ?? null;
|
||||
// $rackId = $data['rack_id'] ?? null;
|
||||
// $rackPosition = $data['rack_position'] ?? null;
|
||||
// $svgPositions = $data['svg_positions'] ?? [];
|
||||
// $portsData = $data['ports'] ?? [];
|
||||
|
||||
// =========================
|
||||
// Validierung
|
||||
// =========================
|
||||
|
||||
// TODO:
|
||||
// - Name nicht leer
|
||||
// - Device-Type existiert
|
||||
// - Floor / Rack gültig
|
||||
// - Ports valide
|
||||
|
||||
// =========================
|
||||
// Bild / SVG Upload (optional)
|
||||
// =========================
|
||||
|
||||
// TODO: $_FILES['image'] prüfen
|
||||
// - Upload in /uploads/devices
|
||||
// - SVG prüfen / sanitizen
|
||||
// - Pfad speichern
|
||||
|
||||
// =========================
|
||||
// Device speichern
|
||||
// =========================
|
||||
|
||||
if (!empty($deviceId)) {
|
||||
// TODO: UPDATE devices SET ...
|
||||
// $rows = $sql->set("UPDATE ...", "???", [...]);
|
||||
} else {
|
||||
// TODO: INSERT INTO devices ...
|
||||
// $deviceId = $sql->set("INSERT ...", "???", [...], true);
|
||||
}
|
||||
|
||||
// =========================
|
||||
// Ports speichern / übernehmen vom Device-Type
|
||||
// =========================
|
||||
|
||||
// TODO:
|
||||
// - $portsData iterieren
|
||||
// - Positionen aus SVG übernehmen
|
||||
// - port_type_id, name, VLAN, Modus speichern
|
||||
|
||||
// =========================
|
||||
// SVG-Positionen speichern
|
||||
// =========================
|
||||
|
||||
// TODO:
|
||||
// - device_positions Tabelle?
|
||||
// - x/y Koordinaten
|
||||
// - Rotation / Zoom (optional)
|
||||
|
||||
// =========================
|
||||
// Antwort
|
||||
// =========================
|
||||
|
||||
echo json_encode([
|
||||
'status' => 'ok',
|
||||
'id' => $deviceId
|
||||
]);
|
||||
|
||||
Reference in New Issue
Block a user