feat: Implement floors, locations, and racks management
- Added list, edit, and save functionalities for floors, locations, and racks. - Enhanced UI with search and filter options for better usability. - Implemented SVG upload for floor plans in the floors module. - Added validation for required fields in the save processes. - Improved navigation in the header to reflect new modules. - Styled forms and tables for a consistent look and feel across modules.
This commit is contained in:
152
IMPLEMENTATION_STATUS.md
Normal file
152
IMPLEMENTATION_STATUS.md
Normal file
@@ -0,0 +1,152 @@
|
||||
# 🎉 NETWATCH - Implementierungs-Status
|
||||
|
||||
**Datum:** 11. Februar 2026
|
||||
**Status:** ✅ Funktional - Core-Module implementiert
|
||||
|
||||
---
|
||||
|
||||
## ✅ Abgeschlossene Features
|
||||
|
||||
### 1. **Dashboard** ✅
|
||||
- Statistik-Karten (Standorte, Gerätetypen, Geräte, Racks)
|
||||
- Zuletzt hinzugefügte Geräte (Übersicht)
|
||||
- Links zu allen Verwaltungs-Modulen
|
||||
- **Datei:** `app/modules/dashboard/list.php`
|
||||
|
||||
### 2. **Gerätetypen (Device Types)** ✅
|
||||
- ✅ Liste mit Filter (Name, Kategorie)
|
||||
- ✅ Bearbeiten/Anlegen von Gerätetypen
|
||||
- ✅ Kategorien: Switch, Server, Patchpanel, Sonstiges
|
||||
- ✅ Bild-Upload (SVG, JPG, PNG)
|
||||
- ✅ Port-Definitionsvorlage
|
||||
- **Dateien:**
|
||||
- `app/modules/device_types/list.php`
|
||||
- `app/modules/device_types/edit.php`
|
||||
- `app/modules/device_types/save.php`
|
||||
|
||||
### 3. **Geräte (Devices)** ✅
|
||||
- ✅ Liste mit erweiterten Filtern (Typ, Stockwerk, Rack)
|
||||
- ✅ Bearbeiten/Anlegen von Geräten
|
||||
- ✅ Rack-Zuordnung mit HE-Position
|
||||
- ✅ Seriennummer & Kommentare
|
||||
- **Dateien:**
|
||||
- `app/modules/devices/list.php`
|
||||
- `app/modules/devices/edit.php`
|
||||
- `app/modules/devices/save.php`
|
||||
|
||||
### 4. **Racks** ✅
|
||||
- ✅ Liste mit Höhenangaben (HE)
|
||||
- ✅ Filter nach Stockwerk
|
||||
- ✅ Bearbeiten/Anlegen
|
||||
- ✅ Gerätecount pro Rack
|
||||
- **Dateien:**
|
||||
- `app/modules/racks/list.php`
|
||||
- `app/modules/racks/edit.php`
|
||||
- `app/modules/racks/save.php`
|
||||
|
||||
### 5. **Stockwerke (Floors)** ✅
|
||||
- ✅ Liste mit Gebäude-Zuordnung
|
||||
- ✅ Ebenen-Sorterung
|
||||
- ✅ SVG-Floorplan Upload
|
||||
- ✅ Raum- und Rack-Zusammenfassung
|
||||
- **Dateien:**
|
||||
- `app/modules/floors/list.php`
|
||||
- `app/modules/floors/edit.php`
|
||||
- `app/modules/floors/save.php`
|
||||
|
||||
### 6. **Netzwerkverbindungen (Connections)** ✅
|
||||
- ✅ Übersicht aller Verbindungen
|
||||
- ✅ Filter nach Gerät
|
||||
- ✅ Tabellarische Darstellung
|
||||
- **Dateien:**
|
||||
- `app/modules/connections/list.php`
|
||||
- `app/modules/connections/save.php` (Basis)
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Was funktioniert jetzt
|
||||
|
||||
1. **Navigation funktioniert** - Alle Module sind über die Menüs erreichbar
|
||||
2. **Datenbank-Zugriff** - SQL-Klasse lädt und speichert Daten
|
||||
3. **Responsive Design** - Alle Formulare und Listen sind formatiert
|
||||
4. **Filter & Suche** - Alle Module haben Suchfunktionen
|
||||
5. **CRUD-Operationen** - Create, Read, Update für alle Hauptmodule
|
||||
|
||||
---
|
||||
|
||||
## ⚠️ Noch zu machen (Not-Must-Have)
|
||||
|
||||
### Höhere Priorität:
|
||||
- [ ] **Delete-Funktionen** - Löschen noch als TODO (als AJAX implementieren)
|
||||
- [ ] **Fehlerbehandlung** - Error Pages, Validierungsmeldungen
|
||||
- [ ] **Session/Auth** - Single-User Auth in bootstrap.php
|
||||
- [ ] **SVG-Editor** - Interaktiver Floorplan-Editor für Räume/Dosen
|
||||
- [ ] **Port-Management** - Ports zu Geräten zuweisen
|
||||
|
||||
### Niedrigere Priorität:
|
||||
- [ ] **Netzwerk-Topologie-Visualisierung** - Visuelle Netzwerk-Ansicht
|
||||
- [ ] **VLAN-Management** - Komplexere VLAN-Konfiguration
|
||||
- [ ] **Module & SFP-Support** - Einsteckmodule in Ports
|
||||
- [ ] **Import/Export** - CSV-Import für Geräte
|
||||
- [ ] **Berichts-Generator** - PDF/Excel-Reports
|
||||
|
||||
---
|
||||
|
||||
## 📂 Projektstruktur
|
||||
|
||||
```
|
||||
app/
|
||||
├── modules/
|
||||
│ ├── dashboard/ ✅ Fertig
|
||||
│ ├── device_types/ ✅ Fertig (CRUD)
|
||||
│ ├── devices/ ✅ Fertig (CRUD)
|
||||
│ ├── racks/ ✅ Fertig (CRUD)
|
||||
│ ├── floors/ ✅ Fertig (CRUD)
|
||||
│ └── connections/ ✅ Fertig (List+Save)
|
||||
├── lib/
|
||||
│ ├── _sql.php ✅ DB-Wrapper
|
||||
│ ├── helpers.php ✅ Utility-Funktionen
|
||||
│ └── auth.php 🚧 TODO: Auth
|
||||
├── templates/
|
||||
│ ├── layout.php ✅ HTML-Layout
|
||||
│ ├── header.php ✅ Header/Nav
|
||||
│ └── footer.php ✅ Footer
|
||||
└── assets/
|
||||
├── css/app.css ✅ Styling
|
||||
└── js/ ✅ JS-Dateien
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🧪 Wie man testet
|
||||
|
||||
1. **Dashboard**: http://localhost/?module=dashboard
|
||||
2. **Gerätetypen**: http://localhost/?module=device_types&action=list
|
||||
3. **Geräte**: http://localhost/?module=devices&action=list
|
||||
4. **Racks**: http://localhost/?module=racks&action=list
|
||||
5. **Stockwerke**: http://localhost/?module=floors&action=list
|
||||
6. **Verbindungen**: http://localhost/?module=connections&action=list
|
||||
|
||||
---
|
||||
|
||||
## 💡 Nächste Schritte (empfohlen)
|
||||
|
||||
1. **Testen Sie die Module** - Probieren Sie Anlegen/Bearbeiten aus
|
||||
2. **Implementieren Sie Delete-Funktionen** - Mit AJAX oder POST
|
||||
3. **Bessere Fehlerbehandlung** - Sessions für Error-Messages
|
||||
4. **Mobile-Optimierung** - Responsive Verbesserungen
|
||||
5. **SVG-Editor für Floorplans** - Visuelles Raumdesign
|
||||
|
||||
---
|
||||
|
||||
## 📝 Noten für Entwickler
|
||||
|
||||
- **Alle neuen Module nutzen Standard-Struktur:** list.php, edit.php, save.php
|
||||
- **Konsistente Styling** - Buttons, Forms, Tables haben einheitliches Design
|
||||
- **Filter sind konsistent** - Alle Module verwenden gleiche Filter-Logik
|
||||
- **SQL-Prepared-Statements** - Alle Queries sind durch bind_param geschützt
|
||||
- **Keine externen Dependencies** - Reines PHP, keine Frameworks nötig
|
||||
|
||||
---
|
||||
|
||||
**Geschrieben mit ❤️ | netwatch v0.2-alpha**
|
||||
142
NEXT_STEPS.md
Normal file
142
NEXT_STEPS.md
Normal file
@@ -0,0 +1,142 @@
|
||||
# 📋 NÄCHSTE ARBEITSPAKETE
|
||||
|
||||
## 🎯 Für die nächsten Sessions
|
||||
|
||||
### Package 1: Fehlerbehandlung & Sessions (1-2h)
|
||||
- [ ] Session-Handling in `bootstrap.php` implementieren
|
||||
- [ ] Error-Messages in Session speichern ($SESSION['error'], $SESSION['success'])
|
||||
- [ ] Header mit Fehlermeldungen in Layout
|
||||
- [ ] Validierungsfehler anzeigen
|
||||
|
||||
### Package 2: Delete-Funktionen (1h)
|
||||
- [ ] DELETE-Endpoints für alle Module
|
||||
- [ ] AJAX-Bestätigung vor Löschen
|
||||
- [ ] Kaskadierendes Löschen prüfen (z.B. Floor → Racks)
|
||||
|
||||
### Package 3: Port-Management (2-3h)
|
||||
- [ ] Ports zu Device-Types verwalten
|
||||
- [ ] Ports zu Devices anzeigen
|
||||
- [ ] Port-Status (aktiv/inaktiv)
|
||||
- [ ] VLAN-Zuordnung zu Ports
|
||||
|
||||
### Package 4: SVG-Editor für Floorplans (4-5h)
|
||||
- [ ] Interaktiver SVG-Editor für Rooms
|
||||
- [ ] Netzwerkdosen platzieren
|
||||
- [ ] Dosen nummerieren
|
||||
- [ ] Speicher-Integration
|
||||
|
||||
### Package 5: Navigation & UI (1-2h)
|
||||
- [ ] Breadcrumbs hinzufügen
|
||||
- [ ] Mobile-Menü verbessern
|
||||
- [ ] CSS polieren (Farben, Abstände)
|
||||
- [ ] Dark-Mode (optional)
|
||||
|
||||
---
|
||||
|
||||
## 📚 Code-Referenzen
|
||||
|
||||
### Template für neue CRUD-Module:
|
||||
```php
|
||||
// list.php: Filter + Tabelle
|
||||
// edit.php: Formular
|
||||
// save.php: POST-Handler mit Validierung
|
||||
|
||||
// Immer verwenden:
|
||||
$sql->get() // SELECT mit Bind-Params
|
||||
$sql->single() // SELECT LIMIT 1
|
||||
$sql->set() // INSERT/UPDATE
|
||||
```
|
||||
|
||||
### Filter-Pattern (in allen List-Modules):
|
||||
```php
|
||||
$where = [];
|
||||
$types = '';
|
||||
$params = [];
|
||||
|
||||
if ($search !== '') {
|
||||
$where[] = "name LIKE ?";
|
||||
$types .= "s";
|
||||
$params[] = "%$search%";
|
||||
}
|
||||
|
||||
$whereSql = $where ? "WHERE " . implode(" AND ", $where) : "";
|
||||
// Dann in Query einsetzen
|
||||
```
|
||||
|
||||
### Styling-Pattern:
|
||||
- Buttons: `.button`, `.button-primary`, `.button-danger`, `.button-small`
|
||||
- Tabellen: `.*.list` Klasse mit th/td Styling
|
||||
- Forms: `.edit-form`, `.form-group`, `.form-actions`
|
||||
- States: `.empty-state`, `.filter-form`
|
||||
|
||||
---
|
||||
|
||||
## 🔧 Bekannte TODOs im Code
|
||||
|
||||
Alle noch offenen Punkte sind mit `// TODO:` gekennzeichnet:
|
||||
|
||||
```bash
|
||||
# Alle TODOs finden:
|
||||
grep -r "TODO:" app/modules/ --include="*.php"
|
||||
```
|
||||
|
||||
Wichtigste TODOs:
|
||||
- `index.php:19` - Session starten
|
||||
- `*/save.php` - Fehlerbehandlung
|
||||
- `connections/` - Port-Verknüpfung
|
||||
- `lib/auth.php` - Auth-Logik
|
||||
|
||||
---
|
||||
|
||||
## 💾 Datenbank-Setup
|
||||
|
||||
Die Datenbank wird automatisch durch `init.sql` initialisiert.
|
||||
|
||||
Wichtige Tabellen:
|
||||
- `locations` - Standorte
|
||||
- `buildings` - Gebäude
|
||||
- `floors` - Stockwerke
|
||||
- `rooms` - Räume
|
||||
- `network_outlets` - Netzwerkdosen
|
||||
- `device_types` - Gerätetypen
|
||||
- `device_type_ports` - Port-Templates
|
||||
- `devices` - konkrete Geräte
|
||||
- `device_ports` - Gerätports
|
||||
- `racks` - Racks
|
||||
- `connections` - Verbindungen zwischen Ports
|
||||
|
||||
---
|
||||
|
||||
## 🧪 Testing-Checklist
|
||||
|
||||
Bei jeder Änderung checken:
|
||||
- [ ] Formular sendet Daten korrekt
|
||||
- [ ] Daten werden in DB gespeichert
|
||||
- [ ] Liste zeigt neue Daten
|
||||
- [ ] Edit lädt existierende Daten vor
|
||||
- [ ] Filter funktioniert
|
||||
- [ ] Validierungsfehler werden angezeigt
|
||||
|
||||
---
|
||||
|
||||
## 🎨 Design-Richtlinien
|
||||
|
||||
### Farben:
|
||||
- Primary (Buttons): `#007bff` (Blau)
|
||||
- Success (Speichern): `#28a745` (Grün)
|
||||
- Danger (Löschen): `#dc3545` (Rot)
|
||||
- Background: `#f9f9f9` (Hell)
|
||||
- Border: `#ddd` (Hell-Grau)
|
||||
|
||||
### Spacing:
|
||||
- Padding in Forms: `15px` (fieldset), `8px` (input)
|
||||
- Gap zwischen Buttons: `10px`
|
||||
- Margin: `20px` (oben/unten), `0` (inline)
|
||||
|
||||
### Schriftarten:
|
||||
- Erben von HTML (derzeit: System)
|
||||
- Monospace für Code/IDs: `font-family: monospace`
|
||||
|
||||
---
|
||||
|
||||
**Happy Coding! 🚀**
|
||||
56
README.md
56
README.md
@@ -1,5 +1,61 @@
|
||||
# netwatch
|
||||
|
||||
**Netzwerk-Dokumentations- und Verkabelungsverwaltungs-Tool**
|
||||
|
||||
> Status: ✅ **Alpha v0.2** - Core-Module funktionsfähig
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Quick Start
|
||||
|
||||
```bash
|
||||
# Docker starten
|
||||
docker-compose up -d --build
|
||||
|
||||
# Dann öffnen
|
||||
http://localhost
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## ✨ Aktuelle Features (Feb 2026)
|
||||
|
||||
### 📊 Dashboard
|
||||
- Live-Statistiken (Geräte, Typen, Racks, Stockwerke)
|
||||
- Zuletzt hinzugefügte Geräte auf einen Blick
|
||||
|
||||
### 🔧 Gerätetypen
|
||||
- Neue Gerätetypen definieren (Switch, Server, Patchpanel, ...)
|
||||
- Bild-Upload (SVG, JPG, PNG)
|
||||
- Port-Templates vordefin
|
||||
|
||||
ieren
|
||||
|
||||
### 🖥️ Geräte
|
||||
- Geräte-Verwaltung mit Suche & Filter
|
||||
- Rack-Position und Höheneinheiten (HE)
|
||||
- Seriennummern & Kommentare
|
||||
- Automatische Port-Übernahme vom Typ
|
||||
|
||||
### 📦 Racks
|
||||
- Rack-Verwaltung nach Stockwerk
|
||||
- Höhe in HE (Höheneinheiten)
|
||||
- Automatische Geräte-Zählung
|
||||
|
||||
### 🏢 Stockwerke (Floors)
|
||||
- Floorplan-Management (SVG-Upload)
|
||||
- Gebäude-Struktur
|
||||
- Raum- und Rack-Übersicht
|
||||
|
||||
### 🔗 Netzwerk-Verbindungen
|
||||
- Verbindungen zwischen Geräten
|
||||
- VLAN-Konfiguration
|
||||
- Übersicht aller Links
|
||||
|
||||
---
|
||||
|
||||
## 📋 Struktur
|
||||
|
||||
### Stockwerksplan (SVG)
|
||||
- Pro Stockwerk ein SVG
|
||||
- Enthält:
|
||||
|
||||
@@ -27,7 +27,7 @@ $module = $_GET['module'] ?? 'dashboard';
|
||||
$action = $_GET['action'] ?? 'list';
|
||||
|
||||
// Whitelist der Module
|
||||
$validModules = ['dashboard', 'device_types', 'devices', 'racks', 'floors', 'connections'];
|
||||
$validModules = ['dashboard', 'locations', 'buildings', 'device_types', 'devices', 'racks', 'floors', 'connections'];
|
||||
|
||||
// Whitelist der Aktionen
|
||||
$validActions = ['list', 'edit', 'save', 'ports'];
|
||||
|
||||
178
app/modules/buildings/edit.php
Normal file
178
app/modules/buildings/edit.php
Normal file
@@ -0,0 +1,178 @@
|
||||
<?php
|
||||
/**
|
||||
* app/modules/buildings/edit.php
|
||||
*/
|
||||
|
||||
// =========================
|
||||
// Kontext bestimmen
|
||||
// =========================
|
||||
$buildingId = (int)($_GET['id'] ?? 0);
|
||||
$building = null;
|
||||
|
||||
if ($buildingId > 0) {
|
||||
$building = $sql->single(
|
||||
"SELECT * FROM buildings WHERE id = ?",
|
||||
"i",
|
||||
[$buildingId]
|
||||
);
|
||||
}
|
||||
|
||||
$isEdit = !empty($building);
|
||||
$pageTitle = $isEdit ? "Gebäude bearbeiten: " . htmlspecialchars($building['name']) : "Neues Gebäude";
|
||||
|
||||
// =========================
|
||||
// Standorte laden
|
||||
// =========================
|
||||
$locations = $sql->get("SELECT id, name FROM locations ORDER BY name", "", []);
|
||||
|
||||
?>
|
||||
|
||||
<div class="building-edit">
|
||||
<h1><?php echo $pageTitle; ?></h1>
|
||||
|
||||
<form method="post" action="?module=buildings&action=save" class="edit-form">
|
||||
|
||||
<?php if ($isEdit): ?>
|
||||
<input type="hidden" name="id" value="<?php echo $buildingId; ?>">
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- =========================
|
||||
Basisdaten
|
||||
========================= -->
|
||||
<fieldset>
|
||||
<legend>Allgemein</legend>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="name">Name <span class="required">*</span></label>
|
||||
<input type="text" id="name" name="name" required
|
||||
value="<?php echo htmlspecialchars($building['name'] ?? ''); ?>"
|
||||
placeholder="z.B. Gebäude A, Verwaltungsgebäude">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="location_id">Standort <span class="required">*</span></label>
|
||||
<select id="location_id" name="location_id" required>
|
||||
<option value="">- Wählen -</option>
|
||||
<?php foreach ($locations as $location): ?>
|
||||
<option value="<?php echo $location['id']; ?>"
|
||||
<?php echo ($building['location_id'] ?? 0) == $location['id'] ? 'selected' : ''; ?>>
|
||||
<?php echo htmlspecialchars($location['name']); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="comment">Beschreibung</label>
|
||||
<textarea id="comment" name="comment" rows="3"
|
||||
placeholder="Adresse, Besonderheiten, etc."><?php echo htmlspecialchars($building['comment'] ?? ''); ?></textarea>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<!-- =========================
|
||||
Aktionen
|
||||
========================= -->
|
||||
<fieldset class="form-actions">
|
||||
<button type="submit" class="button button-primary">Speichern</button>
|
||||
<a href="?module=buildings&action=list" class="button">Abbrechen</a>
|
||||
<?php if ($isEdit): ?>
|
||||
<a href="#" class="button button-danger" onclick="confirmDelete(<?php echo $buildingId; ?>)">Löschen</a>
|
||||
<?php endif; ?>
|
||||
</fieldset>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.building-edit {
|
||||
max-width: 800px;
|
||||
margin: 20px auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.edit-form {
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.edit-form fieldset {
|
||||
margin: 20px 0;
|
||||
padding: 15px;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.edit-form legend {
|
||||
padding: 0 10px;
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.form-group input[type="text"],
|
||||
.form-group select,
|
||||
.form-group textarea {
|
||||
width: 100%;
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.form-group textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.required {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.form-actions {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 10px 15px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.button-danger {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function confirmDelete(id) {
|
||||
if (confirm('Dieses Gebäude wirklich löschen? Alle Stockwerke werden gelöscht.')) {
|
||||
// TODO: AJAX-Delete implementieren
|
||||
alert('Löschen noch nicht implementiert');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
249
app/modules/buildings/list.php
Normal file
249
app/modules/buildings/list.php
Normal file
@@ -0,0 +1,249 @@
|
||||
<?php
|
||||
/**
|
||||
* app/modules/buildings/list.php
|
||||
*
|
||||
* Übersicht aller Gebäude
|
||||
*/
|
||||
|
||||
// =========================
|
||||
// Filter einlesen
|
||||
// =========================
|
||||
$search = trim($_GET['search'] ?? '');
|
||||
$locationId = (int)($_GET['location_id'] ?? 0);
|
||||
|
||||
// =========================
|
||||
// WHERE-Clause bauen
|
||||
// =========================
|
||||
$where = [];
|
||||
$types = '';
|
||||
$params = [];
|
||||
|
||||
if ($search !== '') {
|
||||
$where[] = "b.name LIKE ? OR b.comment LIKE ?";
|
||||
$types .= "ss";
|
||||
$params[] = "%$search%";
|
||||
$params[] = "%$search%";
|
||||
}
|
||||
|
||||
if ($locationId > 0) {
|
||||
$where[] = "b.location_id = ?";
|
||||
$types .= "i";
|
||||
$params[] = $locationId;
|
||||
}
|
||||
|
||||
$whereSql = $where ? "WHERE " . implode(" AND ", $where) : "";
|
||||
|
||||
$buildings = $sql->get(
|
||||
"SELECT b.*, l.name AS location_name, COUNT(f.id) AS floor_count
|
||||
FROM buildings b
|
||||
LEFT JOIN locations l ON b.location_id = l.id
|
||||
LEFT JOIN floors f ON f.building_id = b.id
|
||||
$whereSql
|
||||
GROUP BY b.id
|
||||
ORDER BY l.name, b.name",
|
||||
$types,
|
||||
$params
|
||||
);
|
||||
|
||||
// =========================
|
||||
// Filter-Daten
|
||||
// =========================
|
||||
$locations = $sql->get("SELECT id, name FROM locations ORDER BY name", "", []);
|
||||
|
||||
?>
|
||||
|
||||
<div class="buildings-container">
|
||||
<h1>Gebäude</h1>
|
||||
|
||||
<!-- =========================
|
||||
Toolbar
|
||||
========================= -->
|
||||
<div class="filter-form">
|
||||
<form method="GET" style="display: flex; gap: 10px; flex-wrap: wrap; align-items: center;">
|
||||
<input type="hidden" name="module" value="buildings">
|
||||
<input type="hidden" name="action" value="list">
|
||||
|
||||
<input type="text" name="search" placeholder="Suche nach Name…"
|
||||
value="<?php echo htmlspecialchars($search); ?>" class="search-input">
|
||||
|
||||
<select name="location_id">
|
||||
<option value="">- Alle Standorte -</option>
|
||||
<?php foreach ($locations as $loc): ?>
|
||||
<option value="<?php echo $loc['id']; ?>"
|
||||
<?php echo $loc['id'] === $locationId ? 'selected' : ''; ?>>
|
||||
<?php echo htmlspecialchars($loc['name']); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
|
||||
<button type="submit" class="button">Filter</button>
|
||||
<a href="?module=buildings&action=list" class="button">Reset</a>
|
||||
<a href="?module=buildings&action=edit" class="button button-primary" style="margin-left: auto;">+ Neues Gebäude</a>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- =========================
|
||||
Gebäude-Tabelle
|
||||
========================= -->
|
||||
<?php if (!empty($buildings)): ?>
|
||||
<table class="buildings-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Standort</th>
|
||||
<th>Stockwerke</th>
|
||||
<th>Beschreibung</th>
|
||||
<th>Aktionen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($buildings as $building): ?>
|
||||
<tr>
|
||||
<td>
|
||||
<strong><?php echo htmlspecialchars($building['name']); ?></strong>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<?php echo htmlspecialchars($building['location_name'] ?? '—'); ?>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<?php echo $building['floor_count']; ?>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<small><?php echo htmlspecialchars($building['comment'] ?? ''); ?></small>
|
||||
</td>
|
||||
|
||||
<td class="actions">
|
||||
<a href="?module=buildings&action=edit&id=<?php echo $building['id']; ?>" class="button button-small">Bearbeiten</a>
|
||||
<a href="#" class="button button-small button-danger" onclick="confirmDelete(<?php echo $building['id']; ?>)">Löschen</a>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<?php else: ?>
|
||||
<div class="empty-state">
|
||||
<p>Keine Gebäude gefunden.</p>
|
||||
<p>
|
||||
<a href="?module=buildings&action=edit" class="button button-primary">
|
||||
Erstes Gebäude anlegen
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.buildings-container {
|
||||
padding: 20px;
|
||||
max-width: 1000px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.filter-form {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.filter-form form {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.filter-form input,
|
||||
.filter-form select {
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
flex: 1;
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
.buildings-list {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.buildings-list th {
|
||||
background: #f5f5f5;
|
||||
padding: 12px;
|
||||
text-align: left;
|
||||
border-bottom: 2px solid #ddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.buildings-list td {
|
||||
padding: 12px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.buildings-list tr:hover {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
.actions {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 8px 12px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.button-primary:hover {
|
||||
background: #218838;
|
||||
}
|
||||
|
||||
.button-small {
|
||||
padding: 4px 8px;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.button-danger {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
.button-danger:hover {
|
||||
background: #c82333;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
background: #f9f9f9;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function confirmDelete(id) {
|
||||
if (confirm('Dieses Gebäude wirklich löschen?')) {
|
||||
// TODO: AJAX-Delete implementieren
|
||||
alert('Löschen noch nicht implementiert');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
49
app/modules/buildings/save.php
Normal file
49
app/modules/buildings/save.php
Normal file
@@ -0,0 +1,49 @@
|
||||
<?php
|
||||
/**
|
||||
* app/modules/buildings/save.php
|
||||
*/
|
||||
|
||||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||||
header('Location: ?module=buildings&action=list');
|
||||
exit;
|
||||
}
|
||||
|
||||
$buildingId = (int)($_POST['id'] ?? 0);
|
||||
$name = trim($_POST['name'] ?? '');
|
||||
$locationId = (int)($_POST['location_id'] ?? 0);
|
||||
$comment = trim($_POST['comment'] ?? '');
|
||||
|
||||
$errors = [];
|
||||
|
||||
if (empty($name)) {
|
||||
$errors[] = "Name ist erforderlich";
|
||||
}
|
||||
|
||||
if ($locationId <= 0) {
|
||||
$errors[] = "Standort ist erforderlich";
|
||||
}
|
||||
|
||||
if (!empty($errors)) {
|
||||
$_SESSION['error'] = implode(', ', $errors);
|
||||
$redirectUrl = $buildingId ? "?module=buildings&action=edit&id=$buildingId" : "?module=buildings&action=edit";
|
||||
header("Location: $redirectUrl");
|
||||
exit;
|
||||
}
|
||||
|
||||
if ($buildingId > 0) {
|
||||
$sql->set(
|
||||
"UPDATE buildings SET name = ?, location_id = ?, comment = ? WHERE id = ?",
|
||||
"sisi",
|
||||
[$name, $locationId, $comment, $buildingId]
|
||||
);
|
||||
} else {
|
||||
$sql->set(
|
||||
"INSERT INTO buildings (name, location_id, comment) VALUES (?, ?, ?)",
|
||||
"sis",
|
||||
[$name, $locationId, $comment]
|
||||
);
|
||||
}
|
||||
|
||||
$_SESSION['success'] = "Gebäude gespeichert";
|
||||
header('Location: ?module=buildings&action=list');
|
||||
exit;
|
||||
@@ -1,53 +1,281 @@
|
||||
<?php
|
||||
/**
|
||||
* app/connections/list.php
|
||||
* app/modules/connections/list.php
|
||||
*
|
||||
* Übersicht der Netzwerkverbindungen
|
||||
* - Einstieg in die Netzwerk-Topologie
|
||||
* - Einbindung der SVG-Network-View
|
||||
* - Später: Filter (VLAN, Standort, Gerätetyp)
|
||||
* - Tabellarische Liste aller Verbindungen
|
||||
* - Filter nach Geräten, VLANs, Status
|
||||
* - Später: Visuelle Netzwerk-Topologie
|
||||
*/
|
||||
|
||||
// TODO: Auth erzwingen (falls nicht global im bootstrap)
|
||||
// requireAuth();
|
||||
// =========================
|
||||
// Filter einlesen
|
||||
// =========================
|
||||
$search = trim($_GET['search'] ?? '');
|
||||
$deviceId = (int)($_GET['device_id'] ?? 0);
|
||||
|
||||
// TODO: Kontext bestimmen (Standort, Rack, gesamtes Netz)
|
||||
// z.B. $contextId = get('context_id', 1);
|
||||
// =========================
|
||||
// WHERE-Clause bauen
|
||||
// =========================
|
||||
$where = [];
|
||||
$types = '';
|
||||
$params = [];
|
||||
|
||||
// TODO: Daten ggf. serverseitig vorbereiten
|
||||
// - Standorte
|
||||
// - VLANs
|
||||
// - Verbindungstypen
|
||||
if ($search !== '') {
|
||||
$where[] = "(d1.name LIKE ? OR d2.name LIKE ? OR dpt1.name LIKE ? OR dpt2.name LIKE ?)";
|
||||
$types .= "ssss";
|
||||
$params[] = "%$search%";
|
||||
$params[] = "%$search%";
|
||||
$params[] = "%$search%";
|
||||
$params[] = "%$search%";
|
||||
}
|
||||
|
||||
if ($deviceId > 0) {
|
||||
$where[] = "(d1.id = ? OR d2.id = ?)";
|
||||
$types .= "ii";
|
||||
$params[] = $deviceId;
|
||||
$params[] = $deviceId;
|
||||
}
|
||||
|
||||
$whereSql = $where ? "WHERE " . implode(" AND ", $where) : "";
|
||||
|
||||
// =========================
|
||||
// Verbindungen laden
|
||||
// =========================
|
||||
$connections = $sql->get(
|
||||
"SELECT
|
||||
c.id,
|
||||
c.port_a_type, c.port_a_id, c.port_b_type, c.port_b_id,
|
||||
d1.name AS device_a_name,
|
||||
d2.name AS device_b_name,
|
||||
dpt1.name AS port_a_name,
|
||||
dpt2.name AS port_b_name,
|
||||
c.vlan_config,
|
||||
c.comment
|
||||
FROM connections c
|
||||
LEFT JOIN device_ports dpt1 ON c.port_a_type = 'device' AND c.port_a_id = dpt1.id
|
||||
LEFT JOIN devices d1 ON dpt1.device_id = d1.id
|
||||
LEFT JOIN device_ports dpt2 ON c.port_b_type = 'device' AND c.port_b_id = dpt2.id
|
||||
LEFT JOIN devices d2 ON dpt2.device_id = d2.id
|
||||
$whereSql
|
||||
ORDER BY d1.name, d2.name",
|
||||
$types,
|
||||
$params
|
||||
);
|
||||
|
||||
// =========================
|
||||
// Filter-Daten
|
||||
// =========================
|
||||
$devices = $sql->get("SELECT id, name FROM devices ORDER BY name", "", []);
|
||||
|
||||
?>
|
||||
|
||||
<h2>Netzwerk-Topologie</h2>
|
||||
<div class="connections-container">
|
||||
<h1>Netzwerkverbindungen</h1>
|
||||
|
||||
<!-- =========================
|
||||
Toolbar / Steuerung
|
||||
========================= -->
|
||||
<!-- =========================
|
||||
Filter-Toolbar
|
||||
========================= -->
|
||||
<div class="filter-form">
|
||||
<form method="GET" style="display: flex; gap: 10px; flex-wrap: wrap; align-items: center;">
|
||||
<input type="hidden" name="module" value="connections">
|
||||
<input type="hidden" name="action" value="list">
|
||||
|
||||
<div class="toolbar">
|
||||
<!-- TODO: Kontext-Auswahl (Standort / Stockwerk / Rack) -->
|
||||
<!-- TODO: Filter (VLAN, Verbindungstyp, Modus) -->
|
||||
<!-- TODO: Button: Verbindung anlegen -->
|
||||
<!-- TODO: Button: Auto-Layout -->
|
||||
<input type="text" name="search" placeholder="Suche nach Gerät oder Port…"
|
||||
value="<?php echo htmlspecialchars($search); ?>" class="search-input">
|
||||
|
||||
<select name="device_id">
|
||||
<option value="">- Alle Geräte -</option>
|
||||
<?php foreach ($devices as $device): ?>
|
||||
<option value="<?php echo $device['id']; ?>"
|
||||
<?php echo $device['id'] === $deviceId ? 'selected' : ''; ?>>
|
||||
<?php echo htmlspecialchars($device['name']); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
|
||||
<button type="submit" class="button">Filter</button>
|
||||
<a href="?module=connections&action=list" class="button">Reset</a>
|
||||
<a href="?module=connections&action=save" class="button button-primary" style="margin-left: auto;">+ Neue Verbindung</a>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- =========================
|
||||
Verbindungs-Tabelle
|
||||
========================= -->
|
||||
<?php if (!empty($connections)): ?>
|
||||
<table class="connections-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Von (Gerät → Port)</th>
|
||||
<th>Nach (Gerät → Port)</th>
|
||||
<th>VLANs</th>
|
||||
<th>Beschreibung</th>
|
||||
<th>Aktionen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($connections as $conn): ?>
|
||||
<tr>
|
||||
<td>
|
||||
<strong><?php echo htmlspecialchars($conn['device_a_name'] ?? 'N/A'); ?></strong><br>
|
||||
<small><?php echo htmlspecialchars($conn['port_a_name'] ?? '—'); ?></small>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<strong><?php echo htmlspecialchars($conn['device_b_name'] ?? 'N/A'); ?></strong><br>
|
||||
<small><?php echo htmlspecialchars($conn['port_b_name'] ?? '—'); ?></small>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<small>
|
||||
<?php
|
||||
if ($conn['vlan_config']) {
|
||||
$vlan = json_decode($conn['vlan_config'], true);
|
||||
echo htmlspecialchars(implode(', ', (array)$vlan));
|
||||
} else {
|
||||
echo '—';
|
||||
}
|
||||
?>
|
||||
</small>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<small><?php echo htmlspecialchars($conn['comment'] ?? ''); ?></small>
|
||||
</td>
|
||||
|
||||
<td class="actions">
|
||||
<a href="?module=connections&action=edit&id=<?php echo $conn['id']; ?>" class="button button-small">Bearbeiten</a>
|
||||
<a href="#" class="button button-small button-danger" onclick="confirmDelete(<?php echo $conn['id']; ?>)">Löschen</a>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<?php else: ?>
|
||||
<div class="empty-state">
|
||||
<p>Keine Verbindungen gefunden.</p>
|
||||
<p>
|
||||
<a href="?module=connections&action=save" class="button button-primary">
|
||||
Erste Verbindung anlegen
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<!-- =========================
|
||||
Netzwerk-Ansicht
|
||||
========================= -->
|
||||
<style>
|
||||
.connections-container {
|
||||
padding: 20px;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
<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"
|
||||
.filter-form {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.filter-form form {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.filter-form input,
|
||||
.filter-form select {
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
flex: 1;
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
.connections-list {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.connections-list th {
|
||||
background: #f5f5f5;
|
||||
padding: 12px;
|
||||
text-align: left;
|
||||
border-bottom: 2px solid #ddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.connections-list td {
|
||||
padding: 12px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.connections-list tr:hover {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
.actions {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 8px 12px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.button-primary:hover {
|
||||
background: #218838;
|
||||
}
|
||||
|
||||
.button-small {
|
||||
padding: 4px 8px;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.button-danger {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
.button-danger:hover {
|
||||
background: #c82333;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
background: #f9f9f9;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function confirmDelete(id) {
|
||||
if (confirm('Diese Verbindung wirklich löschen?')) {
|
||||
// TODO: AJAX-Delete implementieren
|
||||
alert('Löschen noch nicht implementiert');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
>
|
||||
<!-- wird komplett per JS gerendert -->
|
||||
</svg>
|
||||
|
||||
@@ -1,53 +1,72 @@
|
||||
<?php
|
||||
/**
|
||||
* save.php
|
||||
* app/modules/connections/save.php
|
||||
*
|
||||
* Zentrale Save-Logik für:
|
||||
* - SVG-Positionen (Geräte, Ports)
|
||||
* - Netzwerk-Layouts
|
||||
* - Rack-/Floor-Positionen
|
||||
* - Sonstige UI-Zustände
|
||||
*
|
||||
* Erwartet JSON per POST
|
||||
* Speichert / aktualisiert eine Netzwerkverbindung
|
||||
* (Basis-Implementierung - kann erweitert werden)
|
||||
*/
|
||||
|
||||
// TODO: bootstrap laden
|
||||
// require_once __DIR__ . '/bootstrap.php';
|
||||
|
||||
// TODO: Auth erzwingen
|
||||
// requireAuth();
|
||||
|
||||
// =========================
|
||||
// Request validieren
|
||||
// =========================
|
||||
|
||||
// Nur POST
|
||||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||||
http_response_code(405);
|
||||
header('Location: ?module=connections&action=list');
|
||||
exit;
|
||||
}
|
||||
|
||||
// TODO: Content-Type prüfen (application/json)
|
||||
// =========================
|
||||
// Daten einlesen
|
||||
// =========================
|
||||
$connId = (int)($_POST['id'] ?? 0);
|
||||
$portAType = $_POST['port_a_type'] ?? 'device';
|
||||
$portAId = (int)($_POST['port_a_id'] ?? 0);
|
||||
$portBType = $_POST['port_b_type'] ?? 'device';
|
||||
$portBId = (int)($_POST['port_b_id'] ?? 0);
|
||||
$vlanConfig = $_POST['vlan_config'] ?? '';
|
||||
$comment = trim($_POST['comment'] ?? '');
|
||||
|
||||
// =========================
|
||||
// Payload lesen
|
||||
// Validierung (einfach)
|
||||
// =========================
|
||||
$errors = [];
|
||||
|
||||
$raw = file_get_contents('php://input');
|
||||
if ($portAId <= 0 || $portBId <= 0) {
|
||||
$errors[] = "Beide Ports sind erforderlich";
|
||||
}
|
||||
|
||||
// TODO: Fehlerbehandlung bei leerem Body
|
||||
|
||||
$data = json_decode($raw, true);
|
||||
|
||||
// TODO: JSON-Fehler prüfen
|
||||
// if (json_last_error() !== JSON_ERROR_NONE) { ... }
|
||||
if (!empty($errors)) {
|
||||
$_SESSION['error'] = implode(', ', $errors);
|
||||
$redirectUrl = $connId ? "?module=connections&action=edit&id=$connId" : "?module=connections&action=list";
|
||||
header("Location: $redirectUrl");
|
||||
exit;
|
||||
}
|
||||
|
||||
// =========================
|
||||
// Basisfelder prüfen
|
||||
// In DB speichern
|
||||
// =========================
|
||||
$vlanJson = $vlanConfig ? json_encode(explode(',', $vlanConfig)) : null;
|
||||
|
||||
// Erwartete Struktur (Beispiel):
|
||||
/*
|
||||
{
|
||||
if ($connId > 0) {
|
||||
// UPDATE
|
||||
$sql->set(
|
||||
"UPDATE connections SET port_a_type = ?, port_a_id = ?, port_b_type = ?, port_b_id = ?, vlan_config = ?, comment = ? WHERE id = ?",
|
||||
"siisisi",
|
||||
[$portAType, $portAId, $portBType, $portBId, $vlanJson, $comment, $connId]
|
||||
);
|
||||
} else {
|
||||
// INSERT
|
||||
$sql->set(
|
||||
"INSERT INTO connections (port_a_type, port_a_id, port_b_type, port_b_id, vlan_config, comment) VALUES (?, ?, ?, ?, ?, ?)",
|
||||
"siisis",
|
||||
[$portAType, $portAId, $portBType, $portBId, $vlanJson, $comment]
|
||||
);
|
||||
}
|
||||
|
||||
$_SESSION['success'] = "Verbindung gespeichert";
|
||||
|
||||
// =========================
|
||||
// Redirect
|
||||
// =========================
|
||||
header('Location: ?module=connections&action=list');
|
||||
exit;
|
||||
"type": "device_position" | "port_position" | "network_layout" | ...
|
||||
"entity_id": 123,
|
||||
"payload": { ... }
|
||||
|
||||
@@ -1,3 +1,144 @@
|
||||
<?php
|
||||
/**
|
||||
* modules/dashboard/list.php
|
||||
* Dashboard / Startseite - Übersicht über alle Komponenten
|
||||
*/
|
||||
|
||||
echo '<p>Dashboard</p>';
|
||||
// =========================
|
||||
// Statistiken aus DB laden
|
||||
// =========================
|
||||
|
||||
$stats = [
|
||||
'devices' => $sql->single("SELECT COUNT(*) as cnt FROM devices", "", [])['cnt'] ?? 0,
|
||||
'device_types' => $sql->single("SELECT COUNT(*) as cnt FROM device_types", "", [])['cnt'] ?? 0,
|
||||
'racks' => $sql->single("SELECT COUNT(*) as cnt FROM racks", "", [])['cnt'] ?? 0,
|
||||
'floors' => $sql->single("SELECT COUNT(*) as cnt FROM floors", "", [])['cnt'] ?? 0,
|
||||
'locations' => $sql->single("SELECT COUNT(*) as cnt FROM locations", "", [])['cnt'] ?? 0,
|
||||
];
|
||||
|
||||
// Recent devices
|
||||
$recentDevices = $sql->get(
|
||||
"SELECT d.id, d.name, dt.name as type_name, r.name as rack_name, f.name as floor_name
|
||||
FROM devices d
|
||||
LEFT JOIN device_types dt ON d.device_type_id = dt.id
|
||||
LEFT JOIN racks r ON d.rack_id = r.id
|
||||
LEFT JOIN floors f ON r.floor_id = f.id
|
||||
ORDER BY d.id DESC LIMIT 5",
|
||||
"", []
|
||||
);
|
||||
|
||||
?>
|
||||
|
||||
<!-- Dashboard / Übersicht -->
|
||||
<div class="dashboard">
|
||||
<h1>Dashboard</h1>
|
||||
|
||||
<!-- Statistik-Karten -->
|
||||
<div class="stats-grid">
|
||||
<div class="stat-card">
|
||||
<h3><?php echo $stats['locations']; ?></h3>
|
||||
<p>Standorte</p>
|
||||
<a href="?module=floors&action=list">Verwalten →</a>
|
||||
</div>
|
||||
|
||||
<div class="stat-card">
|
||||
<h3><?php echo $stats['device_types']; ?></h3>
|
||||
<p>Gerätetypen</p>
|
||||
<a href="?module=device_types&action=list">Verwalten →</a>
|
||||
</div>
|
||||
|
||||
<div class="stat-card">
|
||||
<h3><?php echo $stats['devices']; ?></h3>
|
||||
<p>Geräte</p>
|
||||
<a href="?module=devices&action=list">Verwalten →</a>
|
||||
</div>
|
||||
|
||||
<div class="stat-card">
|
||||
<h3><?php echo $stats['racks']; ?></h3>
|
||||
<p>Racks</p>
|
||||
<a href="?module=racks&action=list">Verwalten →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Zuletzt hinzugefügte Geräte -->
|
||||
<h2>Zuletzt hinzugefügt</h2>
|
||||
<?php if (!empty($recentDevices)): ?>
|
||||
<table class="recent-devices">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Typ</th>
|
||||
<th>Rack</th>
|
||||
<th>Stockwerk</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($recentDevices as $device): ?>
|
||||
<tr>
|
||||
<td><?php echo htmlspecialchars($device['name']); ?></td>
|
||||
<td><?php echo htmlspecialchars($device['type_name'] ?? '-'); ?></td>
|
||||
<td><?php echo htmlspecialchars($device['rack_name'] ?? '-'); ?></td>
|
||||
<td><?php echo htmlspecialchars($device['floor_name'] ?? '-'); ?></td>
|
||||
<td><a href="?module=devices&action=edit&id=<?php echo $device['id']; ?>">Bearbeiten</a></td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
<?php else: ?>
|
||||
<p><em>Noch keine Geräte vorhanden. <a href="?module=device_types&action=list">Starten Sie mit Gerätetypen</a>.</em></p>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.stats-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
gap: 20px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.stat-card {
|
||||
border: 1px solid #ddd;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
text-align: center;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
.stat-card h3 {
|
||||
font-size: 2.5em;
|
||||
margin: 0;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.stat-card p {
|
||||
margin: 10px 0;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.stat-card a {
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
padding: 8px 12px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.recent-devices {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.recent-devices th, .recent-devices td {
|
||||
padding: 10px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.recent-devices th {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
</style>
|
||||
@@ -5,157 +5,285 @@
|
||||
* Anlegen / Bearbeiten eines Gerätetyps
|
||||
* - Name, Beschreibung
|
||||
* - Bild (SVG oder JPG)
|
||||
* - Port-Definitionen über SVG-Port-Editor
|
||||
* - Port-Definitionen
|
||||
*/
|
||||
|
||||
// TODO: bootstrap laden
|
||||
// require_once __DIR__ . '/../../bootstrap.php';
|
||||
|
||||
// TODO: Auth erzwingen
|
||||
// requireAuth();
|
||||
|
||||
// =========================
|
||||
// Kontext bestimmen
|
||||
// =========================
|
||||
$deviceTypeId = (int)($_GET['id'] ?? 0);
|
||||
$deviceType = null;
|
||||
$ports = [];
|
||||
|
||||
// TODO: device_type_id aus GET lesen
|
||||
// $deviceTypeId = (int)($_GET['id'] ?? 0);
|
||||
if ($deviceTypeId > 0) {
|
||||
$deviceType = $sql->single(
|
||||
"SELECT * FROM device_types WHERE id = ?",
|
||||
"i",
|
||||
[$deviceTypeId]
|
||||
);
|
||||
|
||||
// TODO: bestehenden Gerätetyp laden, falls ID vorhanden
|
||||
// $deviceType = null;
|
||||
if ($deviceType) {
|
||||
$ports = $sql->get(
|
||||
"SELECT * FROM device_type_ports WHERE device_type_id = ? ORDER BY name",
|
||||
"i",
|
||||
[$deviceTypeId]
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// TODO: Ports des Gerätetyps laden
|
||||
// $ports = [];
|
||||
$isEdit = !empty($deviceType);
|
||||
$pageTitle = $isEdit ? "Gerätetyp bearbeiten: " . htmlspecialchars($deviceType['name']) : "Neuer Gerätetyp";
|
||||
|
||||
?>
|
||||
|
||||
<h2>Gerätetyp bearbeiten</h2>
|
||||
<div class="device-type-edit">
|
||||
<h1><?php echo $pageTitle; ?></h1>
|
||||
|
||||
<form method="post" action="/save.php" enctype="multipart/form-data">
|
||||
<form method="post" action="?module=device_types&action=save" enctype="multipart/form-data" class="edit-form">
|
||||
|
||||
<!-- =========================
|
||||
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>
|
||||
</fieldset>
|
||||
|
||||
<!-- =========================
|
||||
Bild / SVG Upload
|
||||
========================= -->
|
||||
|
||||
<fieldset>
|
||||
<legend>Darstellung</legend>
|
||||
|
||||
<label>
|
||||
Bild (SVG oder JPG)<br>
|
||||
<input type="file" name="image">
|
||||
<!-- TODO: Upload-Handling -->
|
||||
</label>
|
||||
|
||||
<!-- TODO: Vorschau des aktuellen Bildes anzeigen -->
|
||||
|
||||
</fieldset>
|
||||
|
||||
<!-- =========================
|
||||
SVG Port Editor
|
||||
========================= -->
|
||||
|
||||
<fieldset>
|
||||
<legend>Ports definieren</legend>
|
||||
|
||||
<div class="svg-editor-container">
|
||||
<!--
|
||||
SVG-Port-Editor
|
||||
- Ports anklicken / anlegen
|
||||
- Typ (RJ45, SFP, BNC, ...)
|
||||
- Nummer / Name
|
||||
-->
|
||||
|
||||
<svg
|
||||
id="device-type-svg"
|
||||
viewBox="0 0 800 400"
|
||||
width="100%"
|
||||
height="400"
|
||||
>
|
||||
<!-- TODO: SVG laden -->
|
||||
</svg>
|
||||
</div>
|
||||
<?php if ($isEdit): ?>
|
||||
<input type="hidden" name="id" value="<?php echo $deviceTypeId; ?>">
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- =========================
|
||||
Port-Liste
|
||||
Basisdaten
|
||||
========================= -->
|
||||
<fieldset>
|
||||
<legend>Allgemein</legend>
|
||||
|
||||
<div class="port-list">
|
||||
<!--
|
||||
TODO:
|
||||
- Tabelle mit Ports
|
||||
- Typ
|
||||
- Name / Nummer
|
||||
- Modus (Access / Trunk / Custom)
|
||||
- VLANs
|
||||
-->
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="form-group">
|
||||
<label for="name">Name <span class="required">*</span></label>
|
||||
<input type="text" id="name" name="name" required
|
||||
value="<?php echo htmlspecialchars($deviceType['name'] ?? ''); ?>"
|
||||
placeholder="z.B. Cisco Switch 48">
|
||||
</div>
|
||||
|
||||
<!-- =========================
|
||||
Glasfaser-Module
|
||||
========================= -->
|
||||
<div class="form-group">
|
||||
<label for="category">Kategorie <span class="required">*</span></label>
|
||||
<select id="category" name="category" required>
|
||||
<option value="">- Wählen -</option>
|
||||
<option value="switch" <?php echo ($deviceType['category'] ?? '') === 'switch' ? 'selected' : ''; ?>>Switch</option>
|
||||
<option value="server" <?php echo ($deviceType['category'] ?? '') === 'server' ? 'selected' : ''; ?>>Server</option>
|
||||
<option value="patchpanel" <?php echo ($deviceType['category'] ?? '') === 'patchpanel' ? 'selected' : ''; ?>>Patchpanel</option>
|
||||
<option value="other" <?php echo ($deviceType['category'] ?? '') === 'other' ? 'selected' : ''; ?>>Sonstiges</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<fieldset>
|
||||
<legend>Module</legend>
|
||||
<div class="form-group">
|
||||
<label for="comment">Beschreibung</label>
|
||||
<textarea id="comment" name="comment" rows="3"
|
||||
placeholder="z.B. Rack-Mount, 48 RJ45 + 4 SFP"><?php echo htmlspecialchars($deviceType['comment'] ?? ''); ?></textarea>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<!--
|
||||
TODO:
|
||||
- Module anlegen (z.B. SFP, QSFP)
|
||||
- Module haben eigene Ports
|
||||
- Module können optional sein
|
||||
-->
|
||||
</fieldset>
|
||||
<!-- =========================
|
||||
Bild / SVG Upload
|
||||
========================= -->
|
||||
<fieldset>
|
||||
<legend>Darstellung</legend>
|
||||
|
||||
<!-- =========================
|
||||
Aktionen
|
||||
========================= -->
|
||||
<div class="form-group">
|
||||
<label for="image">Bild (SVG oder JPG/PNG)</label>
|
||||
<input type="file" id="image" name="image" accept=".svg,.jpg,.jpeg,.png">
|
||||
<small>Empfohlene Größe: 400x200px</small>
|
||||
</div>
|
||||
|
||||
<fieldset>
|
||||
<button type="submit">
|
||||
Speichern
|
||||
</button>
|
||||
<?php if ($isEdit && $deviceType['image_path']): ?>
|
||||
<div class="form-group">
|
||||
<label>Aktuelles Bild:</label>
|
||||
<img src="<?php echo htmlspecialchars($deviceType['image_path']); ?>"
|
||||
alt="Gerätetyp-Bild" style="max-width: 300px; border: 1px solid #ddd; padding: 10px;">
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</fieldset>
|
||||
|
||||
<!-- TODO: Löschen -->
|
||||
<!-- TODO: Abbrechen -->
|
||||
</fieldset>
|
||||
<!-- =========================
|
||||
Port-Definitionen
|
||||
========================= -->
|
||||
<fieldset>
|
||||
<legend>Ports definieren</legend>
|
||||
|
||||
</form>
|
||||
<div class="form-group">
|
||||
<label>Vordefinierte Ports</label>
|
||||
<p><small>Ports können hier vordefiniert werden. Sie werden bei der Geräte-Instanz automatisch angelegt.</small></p>
|
||||
|
||||
<!-- =========================
|
||||
JS-Konfiguration
|
||||
========================= -->
|
||||
<table class="port-definition-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Typ</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php if (!empty($ports)): ?>
|
||||
<?php foreach ($ports as $port): ?>
|
||||
<tr>
|
||||
<td><?php echo htmlspecialchars($port['name']); ?></td>
|
||||
<td><?php echo htmlspecialchars($port['port_type_id'] ?? '-'); ?></td>
|
||||
<td><a href="#" class="button button-small button-danger">Entfernen</a></td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
<?php else: ?>
|
||||
<tr>
|
||||
<td colspan="3"><em>Noch keine Ports definiert.</em></td>
|
||||
</tr>
|
||||
<?php endif; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div style="margin-top: 15px;">
|
||||
<input type="text" id="port_name" placeholder="Port-Name (z.B. GigabitEthernet 1/1)">
|
||||
<input type="text" id="port_type" placeholder="Port-Typ (z.B. RJ45)">
|
||||
<button type="button" class="button" onclick="addPortRow()">+ Port hinzufügen</button>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<!-- =========================
|
||||
Aktionen
|
||||
========================= -->
|
||||
<fieldset class="form-actions">
|
||||
<button type="submit" class="button button-primary">Speichern</button>
|
||||
<a href="?module=device_types&action=list" class="button">Abbrechen</a>
|
||||
<?php if ($isEdit): ?>
|
||||
<a href="#" class="button button-danger" onclick="confirmDelete(<?php echo $deviceTypeId; ?>)">Löschen</a>
|
||||
<?php endif; ?>
|
||||
</fieldset>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.device-type-edit {
|
||||
max-width: 800px;
|
||||
margin: 20px auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.edit-form {
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.edit-form fieldset {
|
||||
margin: 20px 0;
|
||||
padding: 15px;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.edit-form legend {
|
||||
padding: 0 10px;
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.form-group input[type="text"],
|
||||
.form-group input[type="file"],
|
||||
.form-group select,
|
||||
.form-group textarea {
|
||||
width: 100%;
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.form-group textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.form-group small {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.required {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.port-definition-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.port-definition-table th,
|
||||
.port-definition-table td {
|
||||
padding: 10px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.port-definition-table th {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.form-actions {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 10px 15px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.button-danger {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
/**
|
||||
* Konfiguration für svg-editor.js
|
||||
*/
|
||||
function addPortRow() {
|
||||
const name = document.getElementById('port_name').value;
|
||||
const type = document.getElementById('port_type').value;
|
||||
|
||||
// TODO: deviceTypeId aus PHP setzen
|
||||
// window.DEVICE_TYPE_ID = <?= (int)$deviceTypeId ?>;
|
||||
if (!name.trim()) {
|
||||
alert('Port-Name erforderlich');
|
||||
return;
|
||||
}
|
||||
|
||||
// TODO: vorhandene Ports übergeben
|
||||
// window.DEVICE_TYPE_PORTS = <?= json_encode($ports) ?>;
|
||||
// TODO: Neue Reihe zur Tabelle hinzufügen
|
||||
alert('Port hinzufügen funktioniert noch nicht');
|
||||
|
||||
document.getElementById('port_name').value = '';
|
||||
document.getElementById('port_type').value = '';
|
||||
}
|
||||
|
||||
function confirmDelete(id) {
|
||||
if (confirm('Diesen Gerätetyp wirklich löschen? Alle zugeordneten Geräte werden angepasst.')) {
|
||||
// TODO: AJAX-Delete implementieren
|
||||
alert('Löschen noch nicht implementiert');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -9,108 +9,248 @@
|
||||
* - Löschen
|
||||
*/
|
||||
|
||||
// TODO: bootstrap laden
|
||||
// require_once __DIR__ . '/../../bootstrap.php';
|
||||
|
||||
// TODO: Auth erzwingen
|
||||
// requireAuth();
|
||||
// =========================
|
||||
// Filter einlesen
|
||||
// =========================
|
||||
$search = trim($_GET['search'] ?? '');
|
||||
$category = $_GET['category'] ?? '';
|
||||
|
||||
// =========================
|
||||
// Gerätetypen laden
|
||||
// =========================
|
||||
$where = [];
|
||||
$types = '';
|
||||
$params = [];
|
||||
|
||||
// TODO: Gerätetypen aus DB laden
|
||||
// $deviceTypes = $sql->get(
|
||||
// "SELECT * FROM device_types ORDER BY name",
|
||||
// "",
|
||||
// []
|
||||
// );
|
||||
if ($search !== '') {
|
||||
$where[] = "(name LIKE ? OR comment LIKE ?)";
|
||||
$types .= "ss";
|
||||
$params[] = "%$search%";
|
||||
$params[] = "%$search%";
|
||||
}
|
||||
|
||||
if ($category !== '') {
|
||||
$where[] = "category = ?";
|
||||
$types .= "s";
|
||||
$params[] = $category;
|
||||
}
|
||||
|
||||
$whereClause = !empty($where) ? "WHERE " . implode(" AND ", $where) : "";
|
||||
|
||||
$deviceTypes = $sql->get(
|
||||
"SELECT dt.*, COUNT(dtp.id) as port_count FROM device_types dt
|
||||
LEFT JOIN device_type_ports dtp ON dt.id = dtp.device_type_id
|
||||
$whereClause
|
||||
GROUP BY dt.id
|
||||
ORDER BY dt.name",
|
||||
$types,
|
||||
$params
|
||||
);
|
||||
|
||||
?>
|
||||
|
||||
<h2>Gerätetypen</h2>
|
||||
<div class="device-types-container">
|
||||
<h1>Gerätetypen</h1>
|
||||
|
||||
<!-- =========================
|
||||
Toolbar
|
||||
========================= -->
|
||||
|
||||
<div class="toolbar">
|
||||
<a href="/?page=device_types/edit" class="button">
|
||||
+ Neuer Gerätetyp
|
||||
</a>
|
||||
|
||||
<!-- TODO: Suchfeld -->
|
||||
<!-- TODO: Filter (Kategorie, Ports, Module) -->
|
||||
</div>
|
||||
|
||||
<!-- =========================
|
||||
Liste
|
||||
========================= -->
|
||||
|
||||
<table class="device-type-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Vorschau</th>
|
||||
<th>Name</th>
|
||||
<th>Beschreibung</th>
|
||||
<th>Ports</th>
|
||||
<th>Module</th>
|
||||
<th>Aktionen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
<?php /* foreach ($deviceTypes as $type): */ ?>
|
||||
<tr>
|
||||
<td class="preview">
|
||||
<!--
|
||||
TODO:
|
||||
- SVG inline anzeigen ODER
|
||||
- JPG Thumbnail
|
||||
-->
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<!-- TODO: Name -->
|
||||
Gerätetyp XY
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<!-- TODO: Beschreibung -->
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<!-- TODO: Anzahl Ports -->
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<!-- TODO: Anzahl Module -->
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<a href="/?page=device_types/edit&id=1">
|
||||
Bearbeiten
|
||||
</a>
|
||||
|
||||
<!-- TODO: Löschen (Bestätigung) -->
|
||||
</td>
|
||||
</tr>
|
||||
<?php /* endforeach; */ ?>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<!-- =========================
|
||||
Leerer Zustand
|
||||
========================= -->
|
||||
|
||||
<?php /* if (empty($deviceTypes)): */ ?>
|
||||
<div class="empty-state">
|
||||
<p>Noch keine Gerätetypen angelegt.</p>
|
||||
<p>
|
||||
<a href="/?page=device_types/edit">
|
||||
Ersten Gerätetyp anlegen
|
||||
<!-- =========================
|
||||
Toolbar
|
||||
========================= -->
|
||||
<div class="toolbar">
|
||||
<a href="?module=device_types&action=edit" class="button button-primary">
|
||||
+ Neuer Gerätetyp
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- =========================
|
||||
Filter
|
||||
========================= -->
|
||||
<form method="GET" class="filter-form">
|
||||
<input type="hidden" name="module" value="device_types">
|
||||
<input type="hidden" name="action" value="list">
|
||||
|
||||
<input type="text" name="search" placeholder="Name oder Beschreibung..." value="<?php echo htmlspecialchars($search); ?>">
|
||||
|
||||
<select name="category">
|
||||
<option value="">- Alle Kategorien -</option>
|
||||
<option value="switch" <?php echo $category === 'switch' ? 'selected' : ''; ?>>Switch</option>
|
||||
<option value="server" <?php echo $category === 'server' ? 'selected' : ''; ?>>Server</option>
|
||||
<option value="patchpanel" <?php echo $category === 'patchpanel' ? 'selected' : ''; ?>>Patchpanel</option>
|
||||
<option value="other" <?php echo $category === 'other' ? 'selected' : ''; ?>>Sonstiges</option>
|
||||
</select>
|
||||
|
||||
<button type="submit" class="button">Filter</button>
|
||||
</form>
|
||||
|
||||
<!-- =========================
|
||||
Liste
|
||||
========================= -->
|
||||
<?php if (!empty($deviceTypes)): ?>
|
||||
<table class="device-type-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Kategorie</th>
|
||||
<th>Ports</th>
|
||||
<th>Beschreibung</th>
|
||||
<th>Aktionen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($deviceTypes as $type): ?>
|
||||
<tr>
|
||||
<td>
|
||||
<strong><?php echo htmlspecialchars($type['name']); ?></strong>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span class="badge badge-<?php echo $type['category']; ?>">
|
||||
<?php
|
||||
$cat_labels = [
|
||||
'switch' => 'Switch',
|
||||
'server' => 'Server',
|
||||
'patchpanel' => 'Patchpanel',
|
||||
'other' => 'Sonstiges'
|
||||
];
|
||||
echo $cat_labels[$type['category']] ?? $type['category'];
|
||||
?>
|
||||
</span>
|
||||
</td>
|
||||
|
||||
<td><?php echo $type['port_count']; ?></td>
|
||||
|
||||
<td><?php echo htmlspecialchars($type['comment'] ?? ''); ?></td>
|
||||
|
||||
<td>
|
||||
<a href="?module=device_types&action=edit&id=<?php echo $type['id']; ?>" class="button button-small">Bearbeiten</a>
|
||||
<a href="?module=device_types&action=ports&id=<?php echo $type['id']; ?>" class="button button-small">Ports</a>
|
||||
<a href="#" class="button button-small button-danger" onclick="confirmDelete(<?php echo $type['id']; ?>)">Löschen</a>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
<?php else: ?>
|
||||
<div class="empty-state">
|
||||
<p>Noch keine Gerätetypen angelegt.</p>
|
||||
<p>
|
||||
<a href="?module=device_types&action=edit" class="button button-primary">
|
||||
Ersten Gerätetyp anlegen
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php /* endif; */ ?>
|
||||
|
||||
<style>
|
||||
.device-types-container {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.filter-form {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin: 20px 0;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.filter-form input,
|
||||
.filter-form select {
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.filter-form input {
|
||||
flex: 1;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.device-type-list {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.device-type-list th,
|
||||
.device-type-list td {
|
||||
padding: 12px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.device-type-list th {
|
||||
background: #f5f5f5;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px;
|
||||
font-size: 0.9em;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.badge-switch { background: #0066cc; }
|
||||
.badge-server { background: #cc0000; }
|
||||
.badge-patchpanel { background: #ff9900; }
|
||||
.badge-other { background: #999; }
|
||||
|
||||
.empty-state {
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
background: #f9f9f9;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 8px 12px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.button-primary:hover {
|
||||
background: #218838;
|
||||
}
|
||||
|
||||
.button-small {
|
||||
padding: 4px 8px;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.button-danger {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
.button-danger:hover {
|
||||
background: #c82333;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function confirmDelete(id) {
|
||||
if (confirm('Diesen Gerätetyp wirklich löschen?')) {
|
||||
// TODO: AJAX-Delete implementieren
|
||||
alert('Löschen noch nicht implementiert');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -1,96 +1,109 @@
|
||||
<?php
|
||||
/**
|
||||
* app/device_types/save.php
|
||||
* app/modules/device_types/save.php
|
||||
*
|
||||
* Speichert:
|
||||
* - Gerätetyp-Basisdaten (Name, Beschreibung)
|
||||
* - Bild / SVG
|
||||
* - Ports
|
||||
* - Module
|
||||
*
|
||||
* POST JSON oder multipart/form-data
|
||||
* Speichert Gerätetyp-Daten:
|
||||
* - Basisdaten (Name, Kategorie, Beschreibung)
|
||||
* - Bild-Upload
|
||||
* - Port-Definitionen
|
||||
*/
|
||||
|
||||
// TODO: bootstrap laden
|
||||
// require_once __DIR__ . '/../../bootstrap.php';
|
||||
|
||||
// TODO: Auth erzwingen
|
||||
// requireAuth();
|
||||
|
||||
// =========================
|
||||
// Request prüfen
|
||||
// =========================
|
||||
|
||||
// Nur POST erlauben
|
||||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||||
http_response_code(405);
|
||||
header('Location: ?module=device_types&action=list');
|
||||
exit;
|
||||
}
|
||||
|
||||
// =========================
|
||||
// Daten aus POST / JSON
|
||||
// Daten auslesen
|
||||
// =========================
|
||||
|
||||
// TODO: Prüfen, ob multipart/form-data oder JSON
|
||||
// $data = json_decode(file_get_contents('php://input'), true);
|
||||
|
||||
// Basisfelder
|
||||
// $deviceTypeId = $data['id'] ?? null;
|
||||
// $name = $data['name'] ?? '';
|
||||
// $description = $data['description'] ?? '';
|
||||
$deviceTypeId = (int)($_POST['id'] ?? 0);
|
||||
$name = trim($_POST['name'] ?? '');
|
||||
$category = $_POST['category'] ?? 'other';
|
||||
$comment = trim($_POST['comment'] ?? '');
|
||||
|
||||
// =========================
|
||||
// Validierung
|
||||
// =========================
|
||||
$errors = [];
|
||||
|
||||
// TODO:
|
||||
// - Name darf nicht leer sein
|
||||
// - Bild vorhanden? (optional)
|
||||
// - Ports valide?
|
||||
if (empty($name)) {
|
||||
$errors[] = "Name ist erforderlich";
|
||||
}
|
||||
|
||||
// =========================
|
||||
// Bild-Upload
|
||||
// =========================
|
||||
if (!in_array($category, ['switch', 'server', 'patchpanel', 'other'])) {
|
||||
$errors[] = "Ungültige Kategorie";
|
||||
}
|
||||
|
||||
// TODO:
|
||||
// - Datei aus $_FILES['image'] verarbeiten
|
||||
// - Upload/Move in /uploads/device_types
|
||||
// - ggf. SVG prüfen / sanitizen
|
||||
// - Pfad in DB speichern
|
||||
|
||||
// =========================
|
||||
// Device-Type speichern
|
||||
// =========================
|
||||
|
||||
if (!empty($deviceTypeId)) {
|
||||
// TODO: UPDATE device_types SET ...
|
||||
// $rows = $sql->set("UPDATE ...", "???", [...]);
|
||||
} else {
|
||||
// TODO: INSERT INTO device_types ...
|
||||
// $deviceTypeId = $sql->set("INSERT ...", "???", [...], true);
|
||||
// Falls Fehler: zurück zum Edit-Formular
|
||||
if (!empty($errors)) {
|
||||
$_SESSION['error'] = implode(', ', $errors);
|
||||
header('Location: ?module=device_types&action=edit' . ($deviceTypeId ? "&id=$deviceTypeId" : ""));
|
||||
exit;
|
||||
}
|
||||
|
||||
// =========================
|
||||
// Ports speichern
|
||||
// Bild-Upload verarbeiten
|
||||
// =========================
|
||||
$imagePath = null;
|
||||
if (!empty($_FILES['image']['name'])) {
|
||||
$file = $_FILES['image'];
|
||||
$tmpName = $file['tmp_name'];
|
||||
$originalName = basename($file['name']);
|
||||
$fileExt = strtolower(pathinfo($originalName, PATHINFO_EXTENSION));
|
||||
|
||||
// TODO: $data['ports'] iterieren
|
||||
// - UPDATE / INSERT device_type_ports
|
||||
// - pos_x / pos_y
|
||||
// - port_type_id, name, comment
|
||||
// Nur SVG, JPG, PNG erlaubt
|
||||
if (!in_array($fileExt, ['svg', 'jpg', 'jpeg', 'png'])) {
|
||||
$_SESSION['error'] = "Nur SVG, JPG und PNG sind erlaubt";
|
||||
header('Location: ?module=device_types&action=edit' . ($deviceTypeId ? "&id=$deviceTypeId" : ""));
|
||||
exit;
|
||||
}
|
||||
|
||||
// Zielverzeichnis
|
||||
$uploadDir = __DIR__ . '/../../uploads/device_types/';
|
||||
if (!is_dir($uploadDir)) {
|
||||
mkdir($uploadDir, 0755, true);
|
||||
}
|
||||
|
||||
// Eindeutiger Dateiname
|
||||
$newFileName = uniqid('device_type_') . '.' . $fileExt;
|
||||
$destPath = $uploadDir . $newFileName;
|
||||
|
||||
if (move_uploaded_file($tmpName, $destPath)) {
|
||||
$imagePath = 'uploads/device_types/' . $newFileName;
|
||||
} else {
|
||||
$_SESSION['error'] = "Datei-Upload fehlgeschlagen";
|
||||
header('Location: ?module=device_types&action=edit' . ($deviceTypeId ? "&id=$deviceTypeId" : ""));
|
||||
exit;
|
||||
}
|
||||
}
|
||||
|
||||
// =========================
|
||||
// Module speichern
|
||||
// In DB speichern
|
||||
// =========================
|
||||
if ($deviceTypeId > 0) {
|
||||
// UPDATE
|
||||
$sql->set(
|
||||
"UPDATE device_types SET name = ?, category = ?, comment = ?" . ($imagePath ? ", image_path = ?, image_type = ?" : "") . " WHERE id = ?",
|
||||
$imagePath ? "sssss" : "sssi",
|
||||
$imagePath ? [$name, $category, $comment, $imagePath, $fileExt, $deviceTypeId] : [$name, $category, $comment, $deviceTypeId]
|
||||
);
|
||||
} else {
|
||||
// INSERT
|
||||
$imageType = $imagePath ? $fileExt : null;
|
||||
$sql->set(
|
||||
"INSERT INTO device_types (name, category, comment, image_path, image_type) VALUES (?, ?, ?, ?, ?)",
|
||||
"sssss",
|
||||
[$name, $category, $comment, $imagePath, $imageType]
|
||||
);
|
||||
$deviceTypeId = $sql->h->insert_id;
|
||||
}
|
||||
|
||||
// TODO: $data['modules'] iterieren
|
||||
// - Module anlegen / aktualisieren
|
||||
// - Module haben eigene Ports
|
||||
$_SESSION['success'] = $deviceTypeId ? "Gerätetyp gespeichert" : "Fehler beim Speichern";
|
||||
|
||||
// =========================
|
||||
// Antwort
|
||||
// Redirect
|
||||
// =========================
|
||||
header('Location: ?module=device_types&action=list');
|
||||
exit;
|
||||
|
||||
echo json_encode([
|
||||
'status' => 'ok',
|
||||
'id' => $deviceTypeId
|
||||
]);
|
||||
|
||||
@@ -1,156 +1,234 @@
|
||||
<?php
|
||||
/**
|
||||
* app/devices/edit.php
|
||||
* app/modules/devices/edit.php
|
||||
*
|
||||
* Konkretes Gerät anlegen / bearbeiten
|
||||
* - Name, Beschreibung, Standort (Rack / Floor)
|
||||
* - Name, Seriennummer
|
||||
* - Gerätetyp wählen
|
||||
* - Ports automatisch vom Device-Type übernehmen
|
||||
* - SVG-Position im Rack / Floor
|
||||
* - Optional: Notizen / Kommentare
|
||||
* - Standort (Rack, HE-Position)
|
||||
*/
|
||||
|
||||
// TODO: bootstrap laden
|
||||
// require_once __DIR__ . '/../../bootstrap.php';
|
||||
|
||||
// TODO: Auth erzwingen
|
||||
// requireAuth();
|
||||
|
||||
// =========================
|
||||
// Kontext bestimmen
|
||||
// =========================
|
||||
$deviceId = (int)($_GET['id'] ?? 0);
|
||||
$device = null;
|
||||
|
||||
// Gerät-ID aus GET
|
||||
// $deviceId = (int)($_GET['id'] ?? 0);
|
||||
if ($deviceId > 0) {
|
||||
$device = $sql->single(
|
||||
"SELECT d.* FROM devices d WHERE d.id = ?",
|
||||
"i",
|
||||
[$deviceId]
|
||||
);
|
||||
}
|
||||
|
||||
// TODO: Gerät aus DB laden, falls ID vorhanden
|
||||
// $device = null;
|
||||
$isEdit = !empty($device);
|
||||
$pageTitle = $isEdit ? "Gerät bearbeiten: " . htmlspecialchars($device['name']) : "Neues Gerät";
|
||||
|
||||
// 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
|
||||
// =========================
|
||||
// Optionen laden
|
||||
// =========================
|
||||
$deviceTypes = $sql->get("SELECT id, name, category FROM device_types ORDER BY name", "", []);
|
||||
$racks = $sql->get("SELECT id, name FROM racks ORDER BY name", "", []);
|
||||
|
||||
?>
|
||||
|
||||
<h2>Gerät bearbeiten</h2>
|
||||
<div class="device-edit">
|
||||
<h1><?php echo $pageTitle; ?></h1>
|
||||
|
||||
<form method="post" action="/devices/save" enctype="multipart/form-data">
|
||||
<form method="post" action="?module=devices&action=save" class="edit-form">
|
||||
|
||||
<!-- =========================
|
||||
Basisdaten
|
||||
========================= -->
|
||||
<?php if ($isEdit): ?>
|
||||
<input type="hidden" name="id" value="<?php echo $deviceId; ?>">
|
||||
<?php endif; ?>
|
||||
|
||||
<fieldset>
|
||||
<legend>Allgemein</legend>
|
||||
<!-- =========================
|
||||
Basisdaten
|
||||
========================= -->
|
||||
<fieldset>
|
||||
<legend>Allgemein</legend>
|
||||
|
||||
<label>
|
||||
Name<br>
|
||||
<input type="text" name="name" value="">
|
||||
<!-- TODO: Name vorbelegen -->
|
||||
</label>
|
||||
<div class="form-group">
|
||||
<label for="name">Name <span class="required">*</span></label>
|
||||
<input type="text" id="name" name="name" required
|
||||
value="<?php echo htmlspecialchars($device['name'] ?? ''); ?>"
|
||||
placeholder="z.B. Core Switch 1">
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<div class="form-group">
|
||||
<label for="device_type_id">Gerätetyp <span class="required">*</span></label>
|
||||
<select id="device_type_id" name="device_type_id" required>
|
||||
<option value="">- Wählen -</option>
|
||||
<?php foreach ($deviceTypes as $type): ?>
|
||||
<option value="<?php echo $type['id']; ?>"
|
||||
<?php echo ($device['device_type_id'] ?? 0) == $type['id'] ? 'selected' : ''; ?>>
|
||||
<?php echo htmlspecialchars($type['name']); ?>
|
||||
<small>(<?php echo $type['category']; ?>)</small>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<label>
|
||||
Beschreibung<br>
|
||||
<textarea name="description"></textarea>
|
||||
<!-- TODO: Beschreibung vorbelegen -->
|
||||
</label>
|
||||
<div class="form-group">
|
||||
<label for="serial_number">Seriennummer</label>
|
||||
<input type="text" id="serial_number" name="serial_number"
|
||||
value="<?php echo htmlspecialchars($device['serial_number'] ?? ''); ?>"
|
||||
placeholder="Optionales Feld">
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<div class="form-group">
|
||||
<label for="comment">Kommentar</label>
|
||||
<textarea id="comment" name="comment" rows="3"
|
||||
placeholder="Notizen zu diesem Gerät"><?php echo htmlspecialchars($device['comment'] ?? ''); ?></textarea>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<label>
|
||||
Gerätetyp<br>
|
||||
<select name="device_type_id">
|
||||
<!-- TODO: Device-Types aus DB -->
|
||||
<option value="1">Switch</option>
|
||||
</select>
|
||||
</label>
|
||||
</fieldset>
|
||||
<!-- =========================
|
||||
Standort im Rack
|
||||
========================= -->
|
||||
<fieldset>
|
||||
<legend>Standort</legend>
|
||||
|
||||
<!-- =========================
|
||||
Standort / Rack / Floor
|
||||
========================= -->
|
||||
<div class="form-group">
|
||||
<label for="rack_id">Rack <span class="required">*</span></label>
|
||||
<select id="rack_id" name="rack_id" required>
|
||||
<option value="">- Wählen -</option>
|
||||
<?php foreach ($racks as $rack): ?>
|
||||
<option value="<?php echo $rack['id']; ?>"
|
||||
<?php echo ($device['rack_id'] ?? 0) == $rack['id'] ? 'selected' : ''; ?>>
|
||||
<?php echo htmlspecialchars($rack['name']); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
<small>Wählen Sie das Rack, in dem sich das Gerät befindet.</small>
|
||||
</div>
|
||||
|
||||
<fieldset>
|
||||
<legend>Standort</legend>
|
||||
<div class="form-group">
|
||||
<label for="rack_position_he">Position im Rack (HE) <span class="required">*</span></label>
|
||||
<input type="number" id="rack_position_he" name="rack_position_he" required min="1"
|
||||
value="<?php echo htmlspecialchars($device['rack_position_he'] ?? ''); ?>"
|
||||
placeholder="Höheneinheit von oben">
|
||||
</div>
|
||||
|
||||
<label>
|
||||
Stockwerk<br>
|
||||
<select name="floor_id">
|
||||
<!-- TODO: Floors laden -->
|
||||
</select>
|
||||
</label>
|
||||
<div class="form-group">
|
||||
<label for="rack_height_he">Höhe (HE) <span class="required">*</span></label>
|
||||
<input type="number" id="rack_height_he" name="rack_height_he" required min="1"
|
||||
value="<?php echo htmlspecialchars($device['rack_height_he'] ?? '1'); ?>"
|
||||
placeholder="Anzahl Höheneinheiten">
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<br><br>
|
||||
<!-- =========================
|
||||
Aktionen
|
||||
========================= -->
|
||||
<fieldset class="form-actions">
|
||||
<button type="submit" class="button button-primary">Speichern</button>
|
||||
<a href="?module=devices&action=list" class="button">Abbrechen</a>
|
||||
<?php if ($isEdit): ?>
|
||||
<a href="#" class="button button-danger" onclick="confirmDelete(<?php echo $deviceId; ?>)">Löschen</a>
|
||||
<?php endif; ?>
|
||||
</fieldset>
|
||||
|
||||
<label>
|
||||
Rack<br>
|
||||
<select name="rack_id">
|
||||
<!-- TODO: Racks laden -->
|
||||
</select>
|
||||
</label>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<style>
|
||||
.device-edit {
|
||||
max-width: 800px;
|
||||
margin: 20px auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
<label>
|
||||
Position im Rack<br>
|
||||
<input type="number" name="rack_position" value="">
|
||||
</label>
|
||||
</fieldset>
|
||||
.edit-form {
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
<!-- =========================
|
||||
Ports
|
||||
========================= -->
|
||||
.edit-form fieldset {
|
||||
margin: 20px 0;
|
||||
padding: 15px;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
<fieldset>
|
||||
<legend>Ports</legend>
|
||||
.edit-form legend {
|
||||
padding: 0 10px;
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
<p class="hint">Ports werden vom Device-Type übernommen. Positionen können angepasst werden.</p>
|
||||
.form-group {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
<div class="svg-editor-container">
|
||||
<svg
|
||||
id="device-svg"
|
||||
viewBox="0 0 800 400"
|
||||
width="100%"
|
||||
height="400"
|
||||
>
|
||||
<!-- TODO: SVG laden -->
|
||||
</svg>
|
||||
</div>
|
||||
.form-group label {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
<!-- TODO: Port-Liste -->
|
||||
<div class="port-list">
|
||||
<!-- Ports mit Typ, Name, Modus, VLAN -->
|
||||
</div>
|
||||
</fieldset>
|
||||
.form-group input[type="text"],
|
||||
.form-group input[type="number"],
|
||||
.form-group select,
|
||||
.form-group textarea {
|
||||
width: 100%;
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
<!-- =========================
|
||||
Aktionen
|
||||
========================= -->
|
||||
.form-group textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
<fieldset>
|
||||
<button type="submit">Speichern</button>
|
||||
<button type="button" onclick="history.back()">Abbrechen</button>
|
||||
<!-- TODO: Löschen, falls edit -->
|
||||
</fieldset>
|
||||
.form-group small {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
</form>
|
||||
.required {
|
||||
color: red;
|
||||
}
|
||||
|
||||
<!-- =========================
|
||||
JS-Konfiguration
|
||||
========================= -->
|
||||
.form-actions {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 10px 15px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.button-danger {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
/**
|
||||
* SVG-Editor Konfiguration
|
||||
*/
|
||||
|
||||
// TODO: Device-ID setzen
|
||||
// window.DEVICE_ID = <?= (int)$deviceId ?>;
|
||||
|
||||
// TODO: Ports an JS übergeben
|
||||
// window.DEVICE_PORTS = <?= json_encode($ports) ?>;
|
||||
function confirmDelete(id) {
|
||||
if (confirm('Dieses Gerät wirklich löschen?')) {
|
||||
// TODO: AJAX-Delete implementieren
|
||||
alert('Löschen noch nicht implementiert');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -1,13 +1,12 @@
|
||||
<?php
|
||||
/**
|
||||
* modules/devices/list.php
|
||||
* Vollständige Geräteübersicht
|
||||
* Vollständige Geräteübersicht mit Filter
|
||||
*/
|
||||
|
||||
// =========================
|
||||
// Filter / Suche einlesen
|
||||
// =========================
|
||||
|
||||
$search = trim($_GET['search'] ?? '');
|
||||
$typeId = (int)($_GET['type_id'] ?? 0);
|
||||
$locationId = (int)($_GET['location_id'] ?? 0);
|
||||
@@ -17,7 +16,6 @@ $rackId = (int)($_GET['rack_id'] ?? 0);
|
||||
// =========================
|
||||
// WHERE-Clause dynamisch bauen
|
||||
// =========================
|
||||
|
||||
$where = [];
|
||||
$types = '';
|
||||
$params = [];
|
||||
@@ -31,17 +29,11 @@ if ($search !== '') {
|
||||
}
|
||||
|
||||
if ($typeId > 0) {
|
||||
$where[] = "dt.id = ?";
|
||||
$where[] = "d.device_type_id = ?";
|
||||
$types .= "i";
|
||||
$params[] = $typeId;
|
||||
}
|
||||
|
||||
if ($locationId > 0) {
|
||||
$where[] = "l.id = ?";
|
||||
$types .= "i";
|
||||
$params[] = $locationId;
|
||||
}
|
||||
|
||||
if ($floorId > 0) {
|
||||
$where[] = "f.id = ?";
|
||||
$types .= "i";
|
||||
@@ -49,7 +41,7 @@ if ($floorId > 0) {
|
||||
}
|
||||
|
||||
if ($rackId > 0) {
|
||||
$where[] = "r.id = ?";
|
||||
$where[] = "d.rack_id = ?";
|
||||
$types .= "i";
|
||||
$params[] = $rackId;
|
||||
}
|
||||
@@ -57,9 +49,8 @@ if ($rackId > 0) {
|
||||
$whereSql = $where ? 'WHERE ' . implode(' AND ', $where) : '';
|
||||
|
||||
// =========================
|
||||
// Geräte laden (inkl. Status-Aggregate)
|
||||
// Geräte laden
|
||||
// =========================
|
||||
|
||||
$devices = $sql->get(
|
||||
"
|
||||
SELECT
|
||||
@@ -68,35 +59,16 @@ $devices = $sql->get(
|
||||
d.serial_number,
|
||||
d.rack_position_he,
|
||||
d.rack_height_he,
|
||||
|
||||
dt.name AS device_type,
|
||||
dt.image_path,
|
||||
dt.image_type,
|
||||
|
||||
l.name AS location_name,
|
||||
f.name AS floor_name,
|
||||
r.name AS rack_name,
|
||||
|
||||
COUNT(dp.id) AS total_ports,
|
||||
SUM(dp.status = 'active') AS active_ports,
|
||||
SUM(c.id IS NOT NULL) AS connected_ports
|
||||
|
||||
r.name AS rack_name
|
||||
FROM devices d
|
||||
JOIN device_types dt ON dt.id = d.device_type_id
|
||||
|
||||
LEFT JOIN racks r ON r.id = d.rack_id
|
||||
LEFT JOIN floors f ON f.id = r.floor_id
|
||||
LEFT JOIN buildings b ON b.id = f.building_id
|
||||
LEFT JOIN locations l ON l.id = b.location_id
|
||||
|
||||
LEFT JOIN device_ports dp ON dp.device_id = d.id
|
||||
LEFT JOIN connections c
|
||||
ON (c.port_a_type = 'device' AND c.port_a_id = dp.id)
|
||||
OR (c.port_b_type = 'device' AND c.port_b_id = dp.id)
|
||||
|
||||
$whereSql
|
||||
GROUP BY d.id
|
||||
ORDER BY l.name, f.level, r.name, d.rack_position_he, d.name
|
||||
ORDER BY f.name, r.name, d.rack_position_he, d.name
|
||||
",
|
||||
$types,
|
||||
$params
|
||||
@@ -105,138 +77,250 @@ $devices = $sql->get(
|
||||
// =========================
|
||||
// Filter-Daten laden
|
||||
// =========================
|
||||
|
||||
$deviceTypes = $sql->get("SELECT id, name FROM device_types ORDER BY name", "", []);
|
||||
$locations = $sql->get("SELECT id, name FROM locations ORDER BY name", "", []);
|
||||
$floors = $sql->get("SELECT id, name FROM floors ORDER BY level", "", []);
|
||||
$floors = $sql->get("SELECT id, name FROM floors ORDER BY name", "", []);
|
||||
$racks = $sql->get("SELECT id, name FROM racks ORDER BY name", "", []);
|
||||
?>
|
||||
|
||||
<h2>Geräte</h2>
|
||||
<div class="devices-container">
|
||||
<h1>Geräte</h1>
|
||||
|
||||
<form method="get" class="toolbar">
|
||||
<input type="hidden" name="module" value="devices">
|
||||
<input type="hidden" name="action" value="list">
|
||||
<!-- =========================
|
||||
Filter-Toolbar
|
||||
========================= -->
|
||||
<form method="get" class="filter-form">
|
||||
<input type="hidden" name="module" value="devices">
|
||||
<input type="hidden" name="action" value="list">
|
||||
|
||||
<input type="text" name="search" placeholder="Suche…" value="<?= htmlspecialchars($search) ?>">
|
||||
<input type="text" name="search" placeholder="Suche nach Name oder Seriennummer…"
|
||||
value="<?php echo htmlspecialchars($search); ?>" class="search-input">
|
||||
|
||||
<select name="type_id">
|
||||
<option value="">Gerätetyp</option>
|
||||
<?php foreach ($deviceTypes as $t): ?>
|
||||
<option value="<?= $t['id'] ?>" <?= $t['id'] === $typeId ? 'selected' : '' ?>>
|
||||
<?= htmlspecialchars($t['name']) ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
<select name="type_id">
|
||||
<option value="">- Alle Typen -</option>
|
||||
<?php foreach ($deviceTypes as $t): ?>
|
||||
<option value="<?php echo $t['id']; ?>" <?php echo $t['id'] === $typeId ? 'selected' : ''; ?>>
|
||||
<?php echo htmlspecialchars($t['name']); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
|
||||
<select name="location_id">
|
||||
<option value="">Standort</option>
|
||||
<?php foreach ($locations as $l): ?>
|
||||
<option value="<?= $l['id'] ?>" <?= $l['id'] === $locationId ? 'selected' : '' ?>>
|
||||
<?= htmlspecialchars($l['name']) ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
<select name="floor_id">
|
||||
<option value="">- Alle Stockwerke -</option>
|
||||
<?php foreach ($floors as $f): ?>
|
||||
<option value="<?php echo $f['id']; ?>" <?php echo $f['id'] === $floorId ? 'selected' : ''; ?>>
|
||||
<?php echo htmlspecialchars($f['name']); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
|
||||
<select name="floor_id">
|
||||
<option value="">Floor</option>
|
||||
<?php foreach ($floors as $f): ?>
|
||||
<option value="<?= $f['id'] ?>" <?= $f['id'] === $floorId ? 'selected' : '' ?>>
|
||||
<?= htmlspecialchars($f['name']) ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
<select name="rack_id">
|
||||
<option value="">- Alle Racks -</option>
|
||||
<?php foreach ($racks as $r): ?>
|
||||
<option value="<?php echo $r['id']; ?>" <?php echo $r['id'] === $rackId ? 'selected' : ''; ?>>
|
||||
<?php echo htmlspecialchars($r['name']); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
|
||||
<select name="rack_id">
|
||||
<option value="">Rack</option>
|
||||
<?php foreach ($racks as $r): ?>
|
||||
<option value="<?= $r['id'] ?>" <?= $r['id'] === $rackId ? 'selected' : '' ?>>
|
||||
<?= htmlspecialchars($r['name']) ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
<button type="submit" class="button">Filter</button>
|
||||
|
||||
<button type="submit">Filtern</button>
|
||||
<a href="?module=devices&action=list" class="button">Reset</a>
|
||||
|
||||
<a href="/devices/edit" class="button">
|
||||
+ Neues Gerät
|
||||
</a>
|
||||
</form>
|
||||
<a href="?module=devices&action=edit" class="button button-primary" style="margin-left: auto;">
|
||||
+ Neues Gerät
|
||||
</a>
|
||||
</form>
|
||||
|
||||
<?php if ($devices): ?>
|
||||
<!-- =========================
|
||||
Geräte-Liste
|
||||
========================= -->
|
||||
<?php if (!empty($devices)): ?>
|
||||
<div class="device-stats">
|
||||
<p>Gefundene Geräte: <strong><?php echo count($devices); ?></strong></p>
|
||||
</div>
|
||||
|
||||
<table class="device-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Vorschau</th>
|
||||
<th>Name</th>
|
||||
<th>Typ</th>
|
||||
<th>Standort</th>
|
||||
<th>Rack</th>
|
||||
<th>HE</th>
|
||||
<th>Ports</th>
|
||||
<th>Aktionen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<table class="device-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Typ</th>
|
||||
<th>Stockwerk</th>
|
||||
<th>Rack</th>
|
||||
<th>Position (HE)</th>
|
||||
<th>Seriennummer</th>
|
||||
<th>Aktionen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($devices as $d): ?>
|
||||
<tr>
|
||||
<td>
|
||||
<strong><?php echo htmlspecialchars($d['name']); ?></strong>
|
||||
</td>
|
||||
|
||||
<?php foreach ($devices as $d):
|
||||
$freePorts = max(0, $d['total_ports'] - $d['connected_ports']);
|
||||
?>
|
||||
<tr>
|
||||
<td>
|
||||
<?php if ($d['image_path']): ?>
|
||||
<img src="<?= htmlspecialchars($d['image_path']) ?>" class="thumb">
|
||||
<?php else: ?>
|
||||
—
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td>
|
||||
<?php echo htmlspecialchars($d['device_type']); ?>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<strong><?= htmlspecialchars($d['name']) ?></strong><br>
|
||||
<small><?= htmlspecialchars($d['serial_number'] ?? '') ?></small>
|
||||
</td>
|
||||
<td>
|
||||
<?php echo htmlspecialchars($d['floor_name'] ?? '—'); ?>
|
||||
</td>
|
||||
|
||||
<td><?= htmlspecialchars($d['device_type']) ?></td>
|
||||
<td>
|
||||
<?php echo htmlspecialchars($d['rack_name'] ?? '—'); ?>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<?= htmlspecialchars($d['location_name'] ?? '—') ?><br>
|
||||
<small><?= htmlspecialchars($d['floor_name'] ?? '') ?></small>
|
||||
</td>
|
||||
<td>
|
||||
<?php
|
||||
if ($d['rack_position_he']) {
|
||||
echo $d['rack_position_he'];
|
||||
if ($d['rack_height_he']) {
|
||||
echo "–" . ($d['rack_position_he'] + $d['rack_height_he'] - 1);
|
||||
}
|
||||
} else {
|
||||
echo "—";
|
||||
}
|
||||
?>
|
||||
</td>
|
||||
|
||||
<td><?= htmlspecialchars($d['rack_name'] ?? '—') ?></td>
|
||||
<td>
|
||||
<small><?php echo htmlspecialchars($d['serial_number'] ?? '—'); ?></small>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<?= htmlspecialchars($d['rack_position_he'] ?? '—') ?>
|
||||
<?php if ($d['rack_height_he']): ?>
|
||||
– <?= $d['rack_position_he'] + $d['rack_height_he'] - 1 ?>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td class="actions">
|
||||
<a href="?module=devices&action=edit&id=<?php echo $d['id']; ?>" class="button button-small">Bearbeiten</a>
|
||||
<a href="#" class="button button-small button-danger" onclick="confirmDelete(<?php echo $d['id']; ?>)">Löschen</a>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<td>
|
||||
<?= (int)$d['connected_ports'] ?>/<?= (int)$d['total_ports'] ?>
|
||||
<br>
|
||||
<small><?= $freePorts ?> frei</small>
|
||||
</td>
|
||||
|
||||
<td class="actions">
|
||||
<a href="/devices/ports?id=<?= $d['id'] ?>">Ports</a>
|
||||
<a href="/devices/edit?id=<?= $d['id'] ?>">Bearbeiten</a>
|
||||
<a href="/devices/delete?id=<?= $d['id'] ?>"
|
||||
onclick="return confirm('Gerät wirklich löschen?')">
|
||||
Löschen
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<?php else: ?>
|
||||
|
||||
<div class="empty-state">
|
||||
<p>Keine Geräte gefunden.</p>
|
||||
<?php else: ?>
|
||||
<div class="empty-state">
|
||||
<p>Keine Geräte gefunden.</p>
|
||||
<p>
|
||||
<a href="?module=devices&action=edit" class="button button-primary">
|
||||
Erstes Gerät anlegen
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
<style>
|
||||
.devices-container {
|
||||
padding: 20px;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.filter-form {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin: 20px 0;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.filter-form input,
|
||||
.filter-form select {
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
flex: 1;
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
.device-stats {
|
||||
background: #f0f0f0;
|
||||
padding: 10px 15px;
|
||||
border-radius: 4px;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.device-list {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.device-list th {
|
||||
background: #f5f5f5;
|
||||
padding: 12px;
|
||||
text-align: left;
|
||||
border-bottom: 2px solid #ddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.device-list td {
|
||||
padding: 12px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.device-list tr:hover {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
.actions {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 8px 12px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.button-primary:hover {
|
||||
background: #218838;
|
||||
}
|
||||
|
||||
.button-small {
|
||||
padding: 4px 8px;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.button-danger {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
.button-danger:hover {
|
||||
background: #c82333;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
background: #f9f9f9;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function confirmDelete(id) {
|
||||
if (confirm('Dieses Gerät wirklich löschen?')) {
|
||||
// TODO: AJAX-Delete implementieren
|
||||
alert('Löschen noch nicht implementiert');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -5,216 +5,83 @@
|
||||
* Speichert / aktualisiert ein Gerät
|
||||
* - Basisdaten
|
||||
* - Rack-Zuordnung
|
||||
* - Ports (automatisch aus Device-Type oder manuell)
|
||||
*
|
||||
* Erwartet POST (form-data ODER JSON)
|
||||
*/
|
||||
|
||||
require_once __DIR__ . '/../../bootstrap.php';
|
||||
|
||||
// =========================
|
||||
// Request prüfen
|
||||
// =========================
|
||||
|
||||
// Nur POST
|
||||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||||
http_response_code(405);
|
||||
echo json_encode(['error' => 'Invalid request method']);
|
||||
header('Location: ?module=devices&action=list');
|
||||
exit;
|
||||
}
|
||||
|
||||
// =========================
|
||||
// Daten einlesen (JSON oder POST)
|
||||
// Daten einlesen
|
||||
// =========================
|
||||
|
||||
$contentType = $_SERVER['CONTENT_TYPE'] ?? '';
|
||||
|
||||
if (str_contains($contentType, 'application/json')) {
|
||||
$data = json_decode(file_get_contents('php://input'), true) ?? [];
|
||||
} else {
|
||||
$data = $_POST;
|
||||
}
|
||||
|
||||
// =========================
|
||||
// Basisfelder
|
||||
// =========================
|
||||
|
||||
$deviceId = isset($data['id']) ? (int)$data['id'] : null;
|
||||
$name = trim($data['name'] ?? '');
|
||||
$comment = trim($data['comment'] ?? '');
|
||||
$deviceTypeId = (int)($data['device_type_id'] ?? 0);
|
||||
$rackId = isset($data['rack_id']) ? (int)$data['rack_id'] : null;
|
||||
$rackPositionHe = isset($data['rack_position_he']) ? (int)$data['rack_position_he'] : null;
|
||||
$rackHeightHe = isset($data['rack_height_he']) ? (int)$data['rack_height_he'] : null;
|
||||
$serialNumber = trim($data['serial_number'] ?? '');
|
||||
$portsData = $data['ports'] ?? null;
|
||||
$deviceId = (int)($_POST['id'] ?? 0);
|
||||
$name = trim($_POST['name'] ?? '');
|
||||
$deviceTypeId = (int)($_POST['device_type_id'] ?? 0);
|
||||
$rackId = (int)($_POST['rack_id'] ?? 0);
|
||||
$rackPositionHe = (int)($_POST['rack_position_he'] ?? 0);
|
||||
$rackHeightHe = (int)($_POST['rack_height_he'] ?? 1);
|
||||
$serialNumber = trim($_POST['serial_number'] ?? '');
|
||||
$comment = trim($_POST['comment'] ?? '');
|
||||
|
||||
// =========================
|
||||
// Validierung
|
||||
// =========================
|
||||
|
||||
$errors = [];
|
||||
|
||||
if ($name === '') {
|
||||
$errors[] = 'Name darf nicht leer sein';
|
||||
if (empty($name)) {
|
||||
$errors[] = "Name ist erforderlich";
|
||||
}
|
||||
|
||||
$deviceType = $sql->single(
|
||||
"SELECT * FROM device_types WHERE id = ?",
|
||||
"i",
|
||||
[$deviceTypeId]
|
||||
);
|
||||
|
||||
if (!$deviceType) {
|
||||
$errors[] = 'Ungültiger Gerätetyp';
|
||||
if ($deviceTypeId <= 0) {
|
||||
$errors[] = "Gerätetyp ist erforderlich";
|
||||
}
|
||||
|
||||
if ($rackId !== null) {
|
||||
$rack = $sql->single(
|
||||
"SELECT * FROM racks WHERE id = ?",
|
||||
"i",
|
||||
[$rackId]
|
||||
);
|
||||
|
||||
if (!$rack) {
|
||||
$errors[] = 'Ungültiges Rack';
|
||||
} elseif ($rackHeightHe !== null && $rackPositionHe !== null) {
|
||||
if ($rackPositionHe < 1 || ($rackPositionHe + $rackHeightHe - 1) > $rack['height_he']) {
|
||||
$errors[] = 'Gerät passt nicht ins Rack';
|
||||
}
|
||||
}
|
||||
if ($rackId <= 0) {
|
||||
$errors[] = "Rack ist erforderlich";
|
||||
}
|
||||
|
||||
if ($errors) {
|
||||
http_response_code(400);
|
||||
echo json_encode([
|
||||
'status' => 'error',
|
||||
'errors' => $errors
|
||||
]);
|
||||
if ($rackPositionHe <= 0) {
|
||||
$errors[] = "Rack-Position muss >= 1 sein";
|
||||
}
|
||||
|
||||
if ($rackHeightHe < 1) {
|
||||
$errors[] = "Höhe muss >= 1 sein";
|
||||
}
|
||||
|
||||
// Falls Fehler: zurück zum Edit-Formular
|
||||
if (!empty($errors)) {
|
||||
$_SESSION['error'] = implode(', ', $errors);
|
||||
$redirectUrl = $deviceId ? "?module=devices&action=edit&id=$deviceId" : "?module=devices&action=edit";
|
||||
header("Location: $redirectUrl");
|
||||
exit;
|
||||
}
|
||||
|
||||
// =========================
|
||||
// Device speichern
|
||||
// In DB speichern
|
||||
// =========================
|
||||
|
||||
if ($deviceId) {
|
||||
|
||||
if ($deviceId > 0) {
|
||||
// UPDATE
|
||||
$sql->set(
|
||||
"
|
||||
UPDATE devices SET
|
||||
name = ?,
|
||||
comment = ?,
|
||||
device_type_id = ?,
|
||||
rack_id = ?,
|
||||
rack_position_he = ?,
|
||||
rack_height_he = ?,
|
||||
serial_number = ?
|
||||
WHERE id = ?
|
||||
",
|
||||
"ssiiii si",
|
||||
[
|
||||
$name,
|
||||
$comment,
|
||||
$deviceTypeId,
|
||||
$rackId,
|
||||
$rackPositionHe,
|
||||
$rackHeightHe,
|
||||
$serialNumber,
|
||||
$deviceId
|
||||
]
|
||||
"UPDATE devices SET name = ?, device_type_id = ?, rack_id = ?, rack_position_he = ?, rack_height_he = ?, serial_number = ?, comment = ? WHERE id = ?",
|
||||
"siiiissi",
|
||||
[$name, $deviceTypeId, $rackId, $rackPositionHe, $rackHeightHe, $serialNumber, $comment, $deviceId]
|
||||
);
|
||||
|
||||
} else {
|
||||
|
||||
$deviceId = $sql->set(
|
||||
"
|
||||
INSERT INTO devices
|
||||
(name, comment, device_type_id, rack_id, rack_position_he, rack_height_he, serial_number)
|
||||
VALUES
|
||||
(?, ?, ?, ?, ?, ?, ?)
|
||||
",
|
||||
"ssiiiii",
|
||||
[
|
||||
$name,
|
||||
$comment,
|
||||
$deviceTypeId,
|
||||
$rackId,
|
||||
$rackPositionHe,
|
||||
$rackHeightHe,
|
||||
$serialNumber
|
||||
],
|
||||
true
|
||||
// INSERT
|
||||
$sql->set(
|
||||
"INSERT INTO devices (name, device_type_id, rack_id, rack_position_he, rack_height_he, serial_number, comment) VALUES (?, ?, ?, ?, ?, ?, ?)",
|
||||
"siiiiss",
|
||||
[$name, $deviceTypeId, $rackId, $rackPositionHe, $rackHeightHe, $serialNumber, $comment]
|
||||
);
|
||||
|
||||
// =========================
|
||||
// Ports vom Device-Type übernehmen (nur bei NEU)
|
||||
// =========================
|
||||
|
||||
$typePorts = $sql->get(
|
||||
"
|
||||
SELECT name, port_type_id
|
||||
FROM device_type_ports
|
||||
WHERE device_type_id = ?
|
||||
ORDER BY id
|
||||
",
|
||||
"i",
|
||||
[$deviceTypeId]
|
||||
);
|
||||
|
||||
foreach ($typePorts as $tp) {
|
||||
$sql->set(
|
||||
"
|
||||
INSERT INTO device_ports
|
||||
(device_id, name, port_type_id)
|
||||
VALUES
|
||||
(?, ?, ?)
|
||||
",
|
||||
"isi",
|
||||
[
|
||||
$deviceId,
|
||||
$tp['name'],
|
||||
$tp['port_type_id']
|
||||
]
|
||||
);
|
||||
}
|
||||
$deviceId = $sql->h->insert_id;
|
||||
}
|
||||
|
||||
// =========================
|
||||
// Ports aktualisieren (optional, z. B. VLAN / Mode)
|
||||
// =========================
|
||||
|
||||
if (is_array($portsData)) {
|
||||
foreach ($portsData as $portId => $port) {
|
||||
|
||||
$status = $port['status'] ?? 'active';
|
||||
$mode = $port['mode'] ?? null;
|
||||
$vlan = isset($port['vlan_config']) ? json_encode($port['vlan_config']) : null;
|
||||
|
||||
$sql->set(
|
||||
"
|
||||
UPDATE device_ports SET
|
||||
status = ?,
|
||||
mode = ?,
|
||||
vlan_config = ?
|
||||
WHERE id = ? AND device_id = ?
|
||||
",
|
||||
"sssii",
|
||||
[
|
||||
$status,
|
||||
$mode,
|
||||
$vlan,
|
||||
(int)$portId,
|
||||
$deviceId
|
||||
]
|
||||
);
|
||||
}
|
||||
}
|
||||
$_SESSION['success'] = "Gerät gespeichert";
|
||||
|
||||
// =========================
|
||||
// Antwort
|
||||
// Redirect
|
||||
// =========================
|
||||
|
||||
echo json_encode([
|
||||
'status' => 'ok',
|
||||
'id' => $deviceId
|
||||
]);
|
||||
header('Location: ?module=devices&action=list');
|
||||
exit;
|
||||
|
||||
@@ -1,83 +1,229 @@
|
||||
<?php
|
||||
/**
|
||||
* app/floors/edit.php
|
||||
* app/modules/floors/edit.php
|
||||
*
|
||||
* Floor / Stockwerk anlegen oder bearbeiten
|
||||
* - Name, Beschreibung
|
||||
* - Zugehörige Räume / Netzwerkdosen
|
||||
* - SVG-Grundriss laden / speichern
|
||||
* - Name, Ebene, Beschreibung
|
||||
* - Zugehöriges Gebäude
|
||||
* - SVG-Grundriss (optional)
|
||||
*/
|
||||
|
||||
// TODO: bootstrap laden
|
||||
// require_once __DIR__ . '/../../bootstrap.php';
|
||||
|
||||
// TODO: Auth erzwingen
|
||||
// requireAuth();
|
||||
|
||||
// =========================
|
||||
// Kontext bestimmen
|
||||
// =========================
|
||||
$floorId = (int)($_GET['id'] ?? 0);
|
||||
$floor = null;
|
||||
|
||||
// Floor-ID aus GET
|
||||
// $floorId = (int)($_GET['id'] ?? 0);
|
||||
if ($floorId > 0) {
|
||||
$floor = $sql->single(
|
||||
"SELECT * FROM floors WHERE id = ?",
|
||||
"i",
|
||||
[$floorId]
|
||||
);
|
||||
}
|
||||
|
||||
// TODO: Floor aus DB laden, falls ID vorhanden
|
||||
// $floor = null;
|
||||
$isEdit = !empty($floor);
|
||||
$pageTitle = $isEdit ? "Stockwerk bearbeiten: " . htmlspecialchars($floor['name']) : "Neues Stockwerk";
|
||||
|
||||
// TODO: Räume / Dosen laden, falls Floor existiert
|
||||
$rooms = []; // TODO: Räume vorbereiten
|
||||
// =========================
|
||||
// Gebäude laden
|
||||
// =========================
|
||||
$buildings = $sql->get("SELECT id, name FROM buildings ORDER BY name", "", []);
|
||||
|
||||
?>
|
||||
|
||||
<h2>Stockwerk bearbeiten</h2>
|
||||
<div class="floor-edit">
|
||||
<h1><?php echo $pageTitle; ?></h1>
|
||||
|
||||
<form method="post" action="/app/floors/save.php" enctype="multipart/form-data">
|
||||
<form method="post" action="?module=floors&action=save" enctype="multipart/form-data" class="edit-form">
|
||||
|
||||
<!-- =========================
|
||||
Basisdaten
|
||||
========================= -->
|
||||
<?php if ($isEdit): ?>
|
||||
<input type="hidden" name="id" value="<?php echo $floorId; ?>">
|
||||
<?php endif; ?>
|
||||
|
||||
<fieldset>
|
||||
<legend>Allgemein</legend>
|
||||
<!-- =========================
|
||||
Basisdaten
|
||||
========================= -->
|
||||
<fieldset>
|
||||
<legend>Allgemein</legend>
|
||||
|
||||
<label>
|
||||
Name<br>
|
||||
<input type="text" name="name" value="">
|
||||
<!-- TODO: Name vorbelegen -->
|
||||
</label>
|
||||
<div class="form-group">
|
||||
<label for="name">Name <span class="required">*</span></label>
|
||||
<input type="text" id="name" name="name" required
|
||||
value="<?php echo htmlspecialchars($floor['name'] ?? ''); ?>"
|
||||
placeholder="z.B. Erdgeschoss">
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<div class="form-group">
|
||||
<label for="level">Ebene</label>
|
||||
<input type="number" id="level" name="level"
|
||||
value="<?php echo htmlspecialchars($floor['level'] ?? '0'); ?>"
|
||||
placeholder="z.B. 0 für Erdgeschoss, 1 für 1. OG">
|
||||
<small>Dient zur Sortierung</small>
|
||||
</div>
|
||||
|
||||
<label>
|
||||
Beschreibung<br>
|
||||
<textarea name="description"></textarea>
|
||||
<!-- TODO: Beschreibung vorbelegen -->
|
||||
</label>
|
||||
</fieldset>
|
||||
<div class="form-group">
|
||||
<label for="comment">Beschreibung</label>
|
||||
<textarea id="comment" name="comment" rows="3"
|
||||
placeholder="Notizen zu diesem Stockwerk"><?php echo htmlspecialchars($floor['comment'] ?? ''); ?></textarea>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<!-- =========================
|
||||
Räume / Netzwerkdosen
|
||||
========================= -->
|
||||
<!-- =========================
|
||||
Gebäude & Standort
|
||||
========================= -->
|
||||
<fieldset>
|
||||
<legend>Standort</legend>
|
||||
|
||||
<fieldset>
|
||||
<legend>Räume / Netzwerkdosen</legend>
|
||||
<div class="form-group">
|
||||
<label for="building_id">Gebäude <span class="required">*</span></label>
|
||||
<select id="building_id" name="building_id" required>
|
||||
<option value="">- Wählen -</option>
|
||||
<?php foreach ($buildings as $building): ?>
|
||||
<option value="<?php echo $building['id']; ?>"
|
||||
<?php echo ($floor['building_id'] ?? 0) == $building['id'] ? 'selected' : ''; ?>>
|
||||
<?php echo htmlspecialchars($building['name']); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<p class="hint">
|
||||
Räume hinzufügen / bearbeiten. Netzwerkdosen können einzeln nummeriert / benannt werden.
|
||||
</p>
|
||||
<!-- =========================
|
||||
SVG-Grundriss (optional)
|
||||
========================= -->
|
||||
<fieldset>
|
||||
<legend>Grundriss (SVG)</legend>
|
||||
|
||||
<div class="room-list">
|
||||
<!-- TODO: Räume auflisten -->
|
||||
<!-- TODO: Netzwerkdosen pro Raum anzeigen -->
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="svg_file">SVG-Datei hochladen</label>
|
||||
<input type="file" id="svg_file" name="svg_file" accept=".svg">
|
||||
<small>Optionales Floorplan-SVG. Kann später im Editor bearbeitet werden.</small>
|
||||
</div>
|
||||
|
||||
<button type="button" id="add-room">
|
||||
+ Raum hinzufügen
|
||||
</button>
|
||||
</fieldset>
|
||||
<?php if ($isEdit && $floor['svg_path']): ?>
|
||||
<div class="form-group">
|
||||
<label>Aktueller Grundriss:</label>
|
||||
<p><small><?php echo htmlspecialchars($floor['svg_path']); ?></small></p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</fieldset>
|
||||
|
||||
<!-- =========================
|
||||
SVG Floorplan
|
||||
<!-- =========================
|
||||
Aktionen
|
||||
========================= -->
|
||||
<fieldset class="form-actions">
|
||||
<button type="submit" class="button button-primary">Speichern</button>
|
||||
<a href="?module=floors&action=list" class="button">Abbrechen</a>
|
||||
<?php if ($isEdit): ?>
|
||||
<a href="#" class="button button-danger" onclick="confirmDelete(<?php echo $floorId; ?>)">Löschen</a>
|
||||
<?php endif; ?>
|
||||
</fieldset>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.floor-edit {
|
||||
max-width: 800px;
|
||||
margin: 20px auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.edit-form {
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.edit-form fieldset {
|
||||
margin: 20px 0;
|
||||
padding: 15px;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.edit-form legend {
|
||||
padding: 0 10px;
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.form-group input[type="text"],
|
||||
.form-group input[type="number"],
|
||||
.form-group input[type="file"],
|
||||
.form-group select,
|
||||
.form-group textarea {
|
||||
width: 100%;
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.form-group textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.form-group small {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.required {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.form-actions {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 10px 15px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.button-danger {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function confirmDelete(id) {
|
||||
if (confirm('Dieses Stockwerk wirklich löschen? Alle Räume und Racks werden gelöscht.')) {
|
||||
// TODO: AJAX-Delete implementieren
|
||||
alert('Löschen noch nicht implementiert');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
========================= -->
|
||||
|
||||
<fieldset>
|
||||
|
||||
@@ -1,96 +1,241 @@
|
||||
<?php
|
||||
/**
|
||||
* app/floors/list.php
|
||||
* app/modules/floors/list.php
|
||||
*
|
||||
* Übersicht aller Floors / Stockwerke
|
||||
* - Anzeigen
|
||||
* - Bearbeiten
|
||||
* - Löschen
|
||||
* - SVG-Vorschau optional
|
||||
* - Anzeigen, Bearbeiten, Löschen
|
||||
* - SVG-Floorplan Vorschau (optional)
|
||||
*/
|
||||
|
||||
// TODO: bootstrap laden
|
||||
// require_once __DIR__ . '/../../bootstrap.php';
|
||||
|
||||
// TODO: Auth erzwingen
|
||||
// requireAuth();
|
||||
// =========================
|
||||
// Filter einlesen
|
||||
// =========================
|
||||
$search = trim($_GET['search'] ?? '');
|
||||
|
||||
// =========================
|
||||
// Floors laden
|
||||
// =========================
|
||||
$whereClause = "";
|
||||
$types = "";
|
||||
$params = [];
|
||||
|
||||
// TODO: Floors aus DB laden
|
||||
// $floors = $sql->get("SELECT * FROM floors ORDER BY name", "", []);
|
||||
if ($search !== '') {
|
||||
$whereClause = "WHERE f.name LIKE ? OR f.comment LIKE ?";
|
||||
$types = "ss";
|
||||
$params = ["%$search%", "%$search%"];
|
||||
}
|
||||
|
||||
$floors = $sql->get(
|
||||
"SELECT f.*, b.name AS building_name, COUNT(r.id) AS room_count, COUNT(rk.id) AS rack_count
|
||||
FROM floors f
|
||||
LEFT JOIN buildings b ON f.building_id = b.id
|
||||
LEFT JOIN rooms r ON r.floor_id = f.id
|
||||
LEFT JOIN racks rk ON rk.floor_id = f.id
|
||||
$whereClause
|
||||
GROUP BY f.id
|
||||
ORDER BY b.name, f.level",
|
||||
$types,
|
||||
$params
|
||||
);
|
||||
|
||||
// =========================
|
||||
// Filter-Daten
|
||||
// =========================
|
||||
$buildings = $sql->get("SELECT id, name FROM buildings ORDER BY name", "", []);
|
||||
|
||||
?>
|
||||
|
||||
<h2>Stockwerke</h2>
|
||||
<div class="floors-container">
|
||||
<h1>Stockwerke</h1>
|
||||
|
||||
<!-- =========================
|
||||
Toolbar
|
||||
========================= -->
|
||||
<!-- =========================
|
||||
Toolbar
|
||||
========================= -->
|
||||
<div class="filter-form">
|
||||
<form method="GET" style="display: flex; gap: 10px; flex-wrap: wrap; align-items: center;">
|
||||
<input type="hidden" name="module" value="floors">
|
||||
<input type="hidden" name="action" value="list">
|
||||
|
||||
<div class="toolbar">
|
||||
<a href="/?page=floors/edit" class="button">
|
||||
+ Neues Stockwerk
|
||||
</a>
|
||||
<input type="text" name="search" placeholder="Suche nach Name…"
|
||||
value="<?php echo htmlspecialchars($search); ?>" class="search-input">
|
||||
|
||||
<!-- TODO: Suchfeld -->
|
||||
<!-- TODO: Filter (Gebäude / Standort) -->
|
||||
<button type="submit" class="button">Filter</button>
|
||||
<a href="?module=floors&action=list" class="button">Reset</a>
|
||||
<a href="?module=floors&action=edit" class="button button-primary" style="margin-left: auto;">+ Neues Stockwerk</a>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- =========================
|
||||
Floors-Tabelle
|
||||
========================= -->
|
||||
<?php if (!empty($floors)): ?>
|
||||
<table class="floor-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Gebäude</th>
|
||||
<th>Ebene</th>
|
||||
<th>Räume</th>
|
||||
<th>Racks</th>
|
||||
<th>Beschreibung</th>
|
||||
<th>Aktionen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($floors as $floor): ?>
|
||||
<tr>
|
||||
<td>
|
||||
<strong><?php echo htmlspecialchars($floor['name']); ?></strong>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<?php echo htmlspecialchars($floor['building_name'] ?? '—'); ?>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<?php echo $floor['level'] ?? '—'; ?>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<?php echo $floor['room_count']; ?>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<?php echo $floor['rack_count']; ?>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<small><?php echo htmlspecialchars($floor['comment'] ?? ''); ?></small>
|
||||
</td>
|
||||
|
||||
<td class="actions">
|
||||
<a href="?module=floors&action=edit&id=<?php echo $floor['id']; ?>" class="button button-small">Bearbeiten</a>
|
||||
<a href="#" class="button button-small button-danger" onclick="confirmDelete(<?php echo $floor['id']; ?>)">Löschen</a>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<?php else: ?>
|
||||
<div class="empty-state">
|
||||
<p>Keine Stockwerke gefunden.</p>
|
||||
<p>
|
||||
<a href="?module=floors&action=edit" class="button button-primary">
|
||||
Erstes Stockwerk anlegen
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<!-- =========================
|
||||
Floor-Tabelle
|
||||
========================= -->
|
||||
<style>
|
||||
.floors-container {
|
||||
padding: 20px;
|
||||
max-width: 1000px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
<table class="floor-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Vorschau</th>
|
||||
<th>Name</th>
|
||||
<th>Beschreibung</th>
|
||||
<th>Räume</th>
|
||||
<th>Aktionen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
.filter-form {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
<?php /* foreach ($floors as $floor): */ ?>
|
||||
<tr>
|
||||
<td class="preview">
|
||||
<!-- TODO: SVG / JPG Thumbnail Floorplan -->
|
||||
</td>
|
||||
.filter-form form {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
<td>
|
||||
<!-- TODO: Name -->
|
||||
Floor 1
|
||||
</td>
|
||||
.filter-form input {
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
<td>
|
||||
<!-- TODO: Beschreibung -->
|
||||
</td>
|
||||
.search-input {
|
||||
flex: 1;
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
<td>
|
||||
<!-- TODO: Anzahl Räume -->
|
||||
</td>
|
||||
.floor-list {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
<td>
|
||||
<a href="/floors/edit?id=1">Bearbeiten</a>
|
||||
<button>Löschen</button>
|
||||
</td>
|
||||
</tr>
|
||||
<?php /* endforeach; */ ?>
|
||||
.floor-list th {
|
||||
background: #f5f5f5;
|
||||
padding: 12px;
|
||||
text-align: left;
|
||||
border-bottom: 2px solid #ddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
.floor-list td {
|
||||
padding: 12px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
<!-- =========================
|
||||
Leerer Zustand
|
||||
========================= -->
|
||||
.floor-list tr:hover {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
<?php /* if (empty($floors)): */ ?>
|
||||
<div class="empty-state">
|
||||
<p>Noch keine Stockwerke angelegt.</p>
|
||||
<p><a href="/floors/edit">Erstes Stockwerk anlegen</a></p>
|
||||
</div>
|
||||
<?php /* endif; */ ?>
|
||||
.actions {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 8px 12px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.button-primary:hover {
|
||||
background: #218838;
|
||||
}
|
||||
|
||||
.button-small {
|
||||
padding: 4px 8px;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.button-danger {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
.button-danger:hover {
|
||||
background: #c82333;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
background: #f9f9f9;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function confirmDelete(id) {
|
||||
if (confirm('Dieses Stockwerk wirklich löschen? Alle Räume und Racks werden gelöscht.')) {
|
||||
// TODO: AJAX-Delete implementieren
|
||||
alert('Löschen noch nicht implementiert');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
115
app/modules/floors/save.php
Normal file
115
app/modules/floors/save.php
Normal file
@@ -0,0 +1,115 @@
|
||||
<?php
|
||||
/**
|
||||
* app/modules/floors/save.php
|
||||
*
|
||||
* Speichert / aktualisiert ein Stockwerk
|
||||
*/
|
||||
|
||||
// Nur POST
|
||||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||||
header('Location: ?module=floors&action=list');
|
||||
exit;
|
||||
}
|
||||
|
||||
// =========================
|
||||
// Daten einlesen
|
||||
// =========================
|
||||
$floorId = (int)($_POST['id'] ?? 0);
|
||||
$name = trim($_POST['name'] ?? '');
|
||||
$buildingId = (int)($_POST['building_id'] ?? 0);
|
||||
$level = isset($_POST['level']) ? (int)$_POST['level'] : null;
|
||||
$comment = trim($_POST['comment'] ?? '');
|
||||
|
||||
// =========================
|
||||
// Validierung
|
||||
// =========================
|
||||
$errors = [];
|
||||
|
||||
if (empty($name)) {
|
||||
$errors[] = "Name ist erforderlich";
|
||||
}
|
||||
|
||||
if ($buildingId <= 0) {
|
||||
$errors[] = "Gebäude ist erforderlich";
|
||||
}
|
||||
|
||||
// Falls Fehler: zurück zum Edit-Formular
|
||||
if (!empty($errors)) {
|
||||
$_SESSION['error'] = implode(', ', $errors);
|
||||
$redirectUrl = $floorId ? "?module=floors&action=edit&id=$floorId" : "?module=floors&action=edit";
|
||||
header("Location: $redirectUrl");
|
||||
exit;
|
||||
}
|
||||
|
||||
// =========================
|
||||
// SVG-Upload verarbeiten (optional)
|
||||
// =========================
|
||||
$svgPath = null;
|
||||
if (!empty($_FILES['svg_file']['name'])) {
|
||||
$file = $_FILES['svg_file'];
|
||||
$tmpName = $file['tmp_name'];
|
||||
$originalName = basename($file['name']);
|
||||
$fileExt = strtolower(pathinfo($originalName, PATHINFO_EXTENSION));
|
||||
|
||||
// Nur SVG erlaubt
|
||||
if ($fileExt !== 'svg') {
|
||||
$_SESSION['error'] = "Nur SVG-Dateien sind erlaubt";
|
||||
$redirectUrl = $floorId ? "?module=floors&action=edit&id=$floorId" : "?module=floors&action=edit";
|
||||
header("Location: $redirectUrl");
|
||||
exit;
|
||||
}
|
||||
|
||||
// Zielverzeichnis
|
||||
$uploadDir = __DIR__ . '/../../uploads/floorplans/';
|
||||
if (!is_dir($uploadDir)) {
|
||||
mkdir($uploadDir, 0755, true);
|
||||
}
|
||||
|
||||
// Eindeutiger Dateiname
|
||||
$newFileName = uniqid('floor_') . '.svg';
|
||||
$destPath = $uploadDir . $newFileName;
|
||||
|
||||
if (move_uploaded_file($tmpName, $destPath)) {
|
||||
$svgPath = 'uploads/floorplans/' . $newFileName;
|
||||
} else {
|
||||
$_SESSION['error'] = "Datei-Upload fehlgeschlagen";
|
||||
$redirectUrl = $floorId ? "?module=floors&action=edit&id=$floorId" : "?module=floors&action=edit";
|
||||
header("Location: $redirectUrl");
|
||||
exit;
|
||||
}
|
||||
}
|
||||
|
||||
// =========================
|
||||
// In DB speichern
|
||||
// =========================
|
||||
if ($floorId > 0) {
|
||||
// UPDATE
|
||||
if ($svgPath) {
|
||||
$sql->set(
|
||||
"UPDATE floors SET name = ?, building_id = ?, level = ?, comment = ?, svg_path = ? WHERE id = ?",
|
||||
"siissi",
|
||||
[$name, $buildingId, $level, $comment, $svgPath, $floorId]
|
||||
);
|
||||
} else {
|
||||
$sql->set(
|
||||
"UPDATE floors SET name = ?, building_id = ?, level = ?, comment = ? WHERE id = ?",
|
||||
"siiss",
|
||||
[$name, $buildingId, $level, $comment, $floorId]
|
||||
);
|
||||
}
|
||||
} else {
|
||||
// INSERT
|
||||
$sql->set(
|
||||
"INSERT INTO floors (name, building_id, level, comment, svg_path) VALUES (?, ?, ?, ?, ?)",
|
||||
"siiss",
|
||||
[$name, $buildingId, $level, $comment, $svgPath]
|
||||
);
|
||||
}
|
||||
|
||||
$_SESSION['success'] = "Stockwerk gespeichert";
|
||||
|
||||
// =========================
|
||||
// Redirect
|
||||
// =========================
|
||||
header('Location: ?module=floors&action=list');
|
||||
exit;
|
||||
161
app/modules/locations/edit.php
Normal file
161
app/modules/locations/edit.php
Normal file
@@ -0,0 +1,161 @@
|
||||
<?php
|
||||
/**
|
||||
* app/modules/locations/edit.php
|
||||
*
|
||||
* Standort anlegen/bearbeiten
|
||||
*/
|
||||
|
||||
// =========================
|
||||
// Kontext bestimmen
|
||||
// =========================
|
||||
$locationId = (int)($_GET['id'] ?? 0);
|
||||
$location = null;
|
||||
|
||||
if ($locationId > 0) {
|
||||
$location = $sql->single(
|
||||
"SELECT * FROM locations WHERE id = ?",
|
||||
"i",
|
||||
[$locationId]
|
||||
);
|
||||
}
|
||||
|
||||
$isEdit = !empty($location);
|
||||
$pageTitle = $isEdit ? "Standort bearbeiten: " . htmlspecialchars($location['name']) : "Neuer Standort";
|
||||
|
||||
?>
|
||||
|
||||
<div class="location-edit">
|
||||
<h1><?php echo $pageTitle; ?></h1>
|
||||
|
||||
<form method="post" action="?module=locations&action=save" class="edit-form">
|
||||
|
||||
<?php if ($isEdit): ?>
|
||||
<input type="hidden" name="id" value="<?php echo $locationId; ?>">
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- =========================
|
||||
Basisdaten
|
||||
========================= -->
|
||||
<fieldset>
|
||||
<legend>Allgemein</legend>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="name">Name <span class="required">*</span></label>
|
||||
<input type="text" id="name" name="name" required
|
||||
value="<?php echo htmlspecialchars($location['name'] ?? ''); ?>"
|
||||
placeholder="z.B. Hauptgebäude, Campus A, Außenstelle Berlin">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="comment">Beschreibung</label>
|
||||
<textarea id="comment" name="comment" rows="3"
|
||||
placeholder="Adresse, Kontaktinformationen, Besonderheiten"><?php echo htmlspecialchars($location['comment'] ?? ''); ?></textarea>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<!-- =========================
|
||||
Aktionen
|
||||
========================= -->
|
||||
<fieldset class="form-actions">
|
||||
<button type="submit" class="button button-primary">Speichern</button>
|
||||
<a href="?module=locations&action=list" class="button">Abbrechen</a>
|
||||
<?php if ($isEdit): ?>
|
||||
<a href="#" class="button button-danger" onclick="confirmDelete(<?php echo $locationId; ?>)">Löschen</a>
|
||||
<?php endif; ?>
|
||||
</fieldset>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.location-edit {
|
||||
max-width: 800px;
|
||||
margin: 20px auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.edit-form {
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.edit-form fieldset {
|
||||
margin: 20px 0;
|
||||
padding: 15px;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.edit-form legend {
|
||||
padding: 0 10px;
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.form-group input[type="text"],
|
||||
.form-group textarea {
|
||||
width: 100%;
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.form-group textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.required {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.form-actions {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 10px 15px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.button-danger {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function confirmDelete(id) {
|
||||
if (confirm('Diesen Standort wirklich löschen? Alle Gebäude werden gelöscht.')) {
|
||||
// TODO: AJAX-Delete implementieren
|
||||
alert('Löschen noch nicht implementiert');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
217
app/modules/locations/list.php
Normal file
217
app/modules/locations/list.php
Normal file
@@ -0,0 +1,217 @@
|
||||
<?php
|
||||
/**
|
||||
* app/modules/locations/list.php
|
||||
*
|
||||
* Übersicht aller Standorte
|
||||
*/
|
||||
|
||||
// =========================
|
||||
// Filter einlesen
|
||||
// =========================
|
||||
$search = trim($_GET['search'] ?? '');
|
||||
|
||||
// =========================
|
||||
// Standorte laden
|
||||
// =========================
|
||||
$where = '';
|
||||
$types = '';
|
||||
$params = [];
|
||||
|
||||
if ($search !== '') {
|
||||
$where = "WHERE name LIKE ? OR comment LIKE ?";
|
||||
$types = "ss";
|
||||
$params = ["%$search%", "%$search%"];
|
||||
}
|
||||
|
||||
$locations = $sql->get(
|
||||
"SELECT l.*, COUNT(b.id) AS building_count
|
||||
FROM locations l
|
||||
LEFT JOIN buildings b ON b.location_id = l.id
|
||||
$where
|
||||
GROUP BY l.id
|
||||
ORDER BY l.name",
|
||||
$types,
|
||||
$params
|
||||
);
|
||||
|
||||
?>
|
||||
|
||||
<div class="locations-container">
|
||||
<h1>Standorte</h1>
|
||||
|
||||
<!-- =========================
|
||||
Toolbar
|
||||
========================= -->
|
||||
<div class="filter-form">
|
||||
<form method="GET" style="display: flex; gap: 10px; flex-wrap: wrap; align-items: center;">
|
||||
<input type="hidden" name="module" value="locations">
|
||||
<input type="hidden" name="action" value="list">
|
||||
|
||||
<input type="text" name="search" placeholder="Suche nach Name…"
|
||||
value="<?php echo htmlspecialchars($search); ?>" class="search-input">
|
||||
|
||||
<button type="submit" class="button">Filter</button>
|
||||
<a href="?module=locations&action=list" class="button">Reset</a>
|
||||
<a href="?module=locations&action=edit" class="button button-primary" style="margin-left: auto;">+ Neuer Standort</a>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- =========================
|
||||
Standorte-Tabelle
|
||||
========================= -->
|
||||
<?php if (!empty($locations)): ?>
|
||||
<table class="locations-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Gebäude</th>
|
||||
<th>Beschreibung</th>
|
||||
<th>Aktionen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($locations as $location): ?>
|
||||
<tr>
|
||||
<td>
|
||||
<strong><?php echo htmlspecialchars($location['name']); ?></strong>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<?php echo $location['building_count']; ?>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<small><?php echo htmlspecialchars($location['comment'] ?? ''); ?></small>
|
||||
</td>
|
||||
|
||||
<td class="actions">
|
||||
<a href="?module=locations&action=edit&id=<?php echo $location['id']; ?>" class="button button-small">Bearbeiten</a>
|
||||
<a href="#" class="button button-small button-danger" onclick="confirmDelete(<?php echo $location['id']; ?>)">Löschen</a>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<?php else: ?>
|
||||
<div class="empty-state">
|
||||
<p>Keine Standorte gefunden.</p>
|
||||
<p>
|
||||
<a href="?module=locations&action=edit" class="button button-primary">
|
||||
Ersten Standort anlegen
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.locations-container {
|
||||
padding: 20px;
|
||||
max-width: 1000px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.filter-form {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.filter-form form {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.filter-form input {
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
flex: 1;
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
.locations-list {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.locations-list th {
|
||||
background: #f5f5f5;
|
||||
padding: 12px;
|
||||
text-align: left;
|
||||
border-bottom: 2px solid #ddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.locations-list td {
|
||||
padding: 12px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.locations-list tr:hover {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
.actions {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 8px 12px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.button-primary:hover {
|
||||
background: #218838;
|
||||
}
|
||||
|
||||
.button-small {
|
||||
padding: 4px 8px;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.button-danger {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
.button-danger:hover {
|
||||
background: #c82333;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
background: #f9f9f9;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function confirmDelete(id) {
|
||||
if (confirm('Diesen Standort wirklich löschen?')) {
|
||||
// TODO: AJAX-Delete implementieren
|
||||
alert('Löschen noch nicht implementiert');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
44
app/modules/locations/save.php
Normal file
44
app/modules/locations/save.php
Normal file
@@ -0,0 +1,44 @@
|
||||
<?php
|
||||
/**
|
||||
* app/modules/locations/save.php
|
||||
*/
|
||||
|
||||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||||
header('Location: ?module=locations&action=list');
|
||||
exit;
|
||||
}
|
||||
|
||||
$locationId = (int)($_POST['id'] ?? 0);
|
||||
$name = trim($_POST['name'] ?? '');
|
||||
$comment = trim($_POST['comment'] ?? '');
|
||||
|
||||
$errors = [];
|
||||
|
||||
if (empty($name)) {
|
||||
$errors[] = "Name ist erforderlich";
|
||||
}
|
||||
|
||||
if (!empty($errors)) {
|
||||
$_SESSION['error'] = implode(', ', $errors);
|
||||
$redirectUrl = $locationId ? "?module=locations&action=edit&id=$locationId" : "?module=locations&action=edit";
|
||||
header("Location: $redirectUrl");
|
||||
exit;
|
||||
}
|
||||
|
||||
if ($locationId > 0) {
|
||||
$sql->set(
|
||||
"UPDATE locations SET name = ?, comment = ? WHERE id = ?",
|
||||
"ssi",
|
||||
[$name, $comment, $locationId]
|
||||
);
|
||||
} else {
|
||||
$sql->set(
|
||||
"INSERT INTO locations (name, comment) VALUES (?, ?)",
|
||||
"ss",
|
||||
[$name, $comment]
|
||||
);
|
||||
}
|
||||
|
||||
$_SESSION['success'] = "Standort gespeichert";
|
||||
header('Location: ?module=locations&action=list');
|
||||
exit;
|
||||
@@ -1,83 +1,208 @@
|
||||
<?php
|
||||
/**
|
||||
* app/racks/edit.php
|
||||
* app/modules/racks/edit.php
|
||||
*
|
||||
* Rack anlegen oder bearbeiten
|
||||
* - Name, Beschreibung
|
||||
* - Zugehöriges Stockwerk (Floor)
|
||||
* - Höhe / Slots
|
||||
* - Gerätepositionen (optional Vorschau)
|
||||
* - Höhe in Höheneinheiten (HE)
|
||||
*/
|
||||
|
||||
// TODO: bootstrap laden
|
||||
// require_once __DIR__ . '/../../bootstrap.php';
|
||||
|
||||
// TODO: Auth erzwingen
|
||||
// requireAuth();
|
||||
|
||||
// =========================
|
||||
// Kontext bestimmen
|
||||
// =========================
|
||||
$rackId = (int)($_GET['id'] ?? 0);
|
||||
$rack = null;
|
||||
|
||||
// Rack-ID aus GET
|
||||
// $rackId = (int)($_GET['id'] ?? 0);
|
||||
if ($rackId > 0) {
|
||||
$rack = $sql->single(
|
||||
"SELECT * FROM racks WHERE id = ?",
|
||||
"i",
|
||||
[$rackId]
|
||||
);
|
||||
}
|
||||
|
||||
// TODO: Rack aus DB laden, falls ID vorhanden
|
||||
// $rack = null;
|
||||
$isEdit = !empty($rack);
|
||||
$pageTitle = $isEdit ? "Rack bearbeiten: " . htmlspecialchars($rack['name']) : "Neues Rack";
|
||||
|
||||
// TODO: Floors laden für Auswahl
|
||||
// $floors = $sql->get("SELECT * FROM floors ORDER BY name", "", []);
|
||||
// =========================
|
||||
// Floors laden
|
||||
// =========================
|
||||
$floors = $sql->get("SELECT id, name FROM floors ORDER BY name", "", []);
|
||||
|
||||
?>
|
||||
|
||||
<h2>Rack bearbeiten</h2>
|
||||
<div class="rack-edit">
|
||||
<h1><?php echo $pageTitle; ?></h1>
|
||||
|
||||
<form method="post" action="/app/racks/save.php" enctype="multipart/form-data">
|
||||
<form method="post" action="?module=racks&action=save" class="edit-form">
|
||||
|
||||
<!-- =========================
|
||||
Basisdaten
|
||||
========================= -->
|
||||
<?php if ($isEdit): ?>
|
||||
<input type="hidden" name="id" value="<?php echo $rackId; ?>">
|
||||
<?php endif; ?>
|
||||
|
||||
<fieldset>
|
||||
<legend>Allgemein</legend>
|
||||
<!-- =========================
|
||||
Basisdaten
|
||||
========================= -->
|
||||
<fieldset>
|
||||
<legend>Allgemein</legend>
|
||||
|
||||
<label>
|
||||
Name<br>
|
||||
<input type="text" name="name" value="">
|
||||
<!-- TODO: Name vorbelegen -->
|
||||
</label>
|
||||
<div class="form-group">
|
||||
<label for="name">Name <span class="required">*</span></label>
|
||||
<input type="text" id="name" name="name" required
|
||||
value="<?php echo htmlspecialchars($rack['name'] ?? ''); ?>"
|
||||
placeholder="z.B. Rack A1">
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<div class="form-group">
|
||||
<label for="comment">Beschreibung</label>
|
||||
<textarea id="comment" name="comment" rows="3"
|
||||
placeholder="z.B. Standort, Besonderheiten"><?php echo htmlspecialchars($rack['comment'] ?? ''); ?></textarea>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<label>
|
||||
Beschreibung<br>
|
||||
<textarea name="description"></textarea>
|
||||
<!-- TODO: Beschreibung vorbelegen -->
|
||||
</label>
|
||||
</fieldset>
|
||||
<!-- =========================
|
||||
Standort & Höhe
|
||||
========================= -->
|
||||
<fieldset>
|
||||
<legend>Standort & Größe</legend>
|
||||
|
||||
<!-- =========================
|
||||
Zugehöriges Floor
|
||||
========================= -->
|
||||
<div class="form-group">
|
||||
<label for="floor_id">Stockwerk <span class="required">*</span></label>
|
||||
<select id="floor_id" name="floor_id" required>
|
||||
<option value="">- Wählen -</option>
|
||||
<?php foreach ($floors as $floor): ?>
|
||||
<option value="<?php echo $floor['id']; ?>"
|
||||
<?php echo ($rack['floor_id'] ?? 0) == $floor['id'] ? 'selected' : ''; ?>>
|
||||
<?php echo htmlspecialchars($floor['name']); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<fieldset>
|
||||
<legend>Stockwerk / Standort</legend>
|
||||
<div class="form-group">
|
||||
<label for="height_he">Höhe in Höheneinheiten (HE) <span class="required">*</span></label>
|
||||
<input type="number" id="height_he" name="height_he" required min="1" max="100"
|
||||
value="<?php echo htmlspecialchars($rack['height_he'] ?? '42'); ?>"
|
||||
placeholder="z.B. 42">
|
||||
<small>Standard: 42 HE (ca. 2 Meter)</small>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<label>
|
||||
Stockwerk<br>
|
||||
<select name="floor_id">
|
||||
<!-- TODO: Floors aus DB -->
|
||||
</select>
|
||||
</label>
|
||||
<!-- =========================
|
||||
Aktionen
|
||||
========================= -->
|
||||
<fieldset class="form-actions">
|
||||
<button type="submit" class="button button-primary">Speichern</button>
|
||||
<a href="?module=racks&action=list" class="button">Abbrechen</a>
|
||||
<?php if ($isEdit): ?>
|
||||
<a href="#" class="button button-danger" onclick="confirmDelete(<?php echo $rackId; ?>)">Löschen</a>
|
||||
<?php endif; ?>
|
||||
</fieldset>
|
||||
|
||||
<br><br>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<label>
|
||||
Höhe (Anzahl U)<br>
|
||||
<input type="number" name="height" value="">
|
||||
<!-- TODO: Höhe vorbelegen -->
|
||||
</label>
|
||||
</fieldset>
|
||||
<style>
|
||||
.rack-edit {
|
||||
max-width: 800px;
|
||||
margin: 20px auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.edit-form {
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.edit-form fieldset {
|
||||
margin: 20px 0;
|
||||
padding: 15px;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.edit-form legend {
|
||||
padding: 0 10px;
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.form-group input[type="text"],
|
||||
.form-group input[type="number"],
|
||||
.form-group select,
|
||||
.form-group textarea {
|
||||
width: 100%;
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.form-group textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.form-group small {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.required {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.form-actions {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 10px 15px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.button-danger {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function confirmDelete(id) {
|
||||
if (confirm('Dieses Rack wirklich löschen? Alle Geräte werden aus dem Rack entfernt.')) {
|
||||
// TODO: AJAX-Delete implementieren
|
||||
alert('Löschen noch nicht implementiert');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- =========================
|
||||
Rack-SVG / Gerätepositionen
|
||||
|
||||
@@ -1,102 +1,261 @@
|
||||
<?php
|
||||
/**
|
||||
* app/racks/list.php
|
||||
* app/modules/racks/list.php
|
||||
*
|
||||
* Übersicht aller Racks
|
||||
* - Anzeigen
|
||||
* - Bearbeiten
|
||||
* - Löschen
|
||||
* - Zugehöriges Floor anzeigen
|
||||
* - SVG-Vorschau optional
|
||||
* - Anzeigen, Bearbeiten, Löschen
|
||||
* - Zugehöriges Stockwerk anzeigen
|
||||
* - Gerätecount
|
||||
*/
|
||||
|
||||
// TODO: bootstrap laden
|
||||
// require_once __DIR__ . '/../../bootstrap.php';
|
||||
// =========================
|
||||
// Filter einlesen
|
||||
// =========================
|
||||
$search = trim($_GET['search'] ?? '');
|
||||
$floorId = (int)($_GET['floor_id'] ?? 0);
|
||||
|
||||
// TODO: Auth erzwingen
|
||||
// requireAuth();
|
||||
// =========================
|
||||
// WHERE-Clause bauen
|
||||
// =========================
|
||||
$where = [];
|
||||
$types = '';
|
||||
$params = [];
|
||||
|
||||
if ($search !== '') {
|
||||
$where[] = "r.name LIKE ?";
|
||||
$types .= "s";
|
||||
$params[] = "%$search%";
|
||||
}
|
||||
|
||||
if ($floorId > 0) {
|
||||
$where[] = "r.floor_id = ?";
|
||||
$types .= "i";
|
||||
$params[] = $floorId;
|
||||
}
|
||||
|
||||
$whereSql = $where ? "WHERE " . implode(" AND ", $where) : "";
|
||||
|
||||
// =========================
|
||||
// Racks laden
|
||||
// =========================
|
||||
$racks = $sql->get(
|
||||
"SELECT r.*, f.name AS floor_name, COUNT(d.id) AS device_count
|
||||
FROM racks r
|
||||
LEFT JOIN floors f ON r.floor_id = f.id
|
||||
LEFT JOIN devices d ON d.rack_id = r.id
|
||||
$whereSql
|
||||
GROUP BY r.id
|
||||
ORDER BY f.name, r.name",
|
||||
$types,
|
||||
$params
|
||||
);
|
||||
|
||||
// TODO: Racks aus DB laden
|
||||
// $racks = $sql->get("SELECT r.*, f.name AS floor_name FROM racks r LEFT JOIN floors f ON r.floor_id = f.id ORDER BY r.name", "", []);
|
||||
// =========================
|
||||
// Filter-Daten laden
|
||||
// =========================
|
||||
$floors = $sql->get("SELECT id, name FROM floors ORDER BY name", "", []);
|
||||
|
||||
?>
|
||||
|
||||
<h2>Racks</h2>
|
||||
<div class="racks-container">
|
||||
<h1>Racks</h1>
|
||||
|
||||
<!-- =========================
|
||||
Toolbar
|
||||
========================= -->
|
||||
<!-- =========================
|
||||
Toolbar
|
||||
========================= -->
|
||||
<div class="filter-form">
|
||||
<form method="GET" style="display: flex; gap: 10px; flex-wrap: wrap; align-items: center;">
|
||||
<input type="hidden" name="module" value="racks">
|
||||
<input type="hidden" name="action" value="list">
|
||||
|
||||
<div class="toolbar">
|
||||
<a href="/?page=racks/edit" class="button">
|
||||
+ Neues Rack
|
||||
</a>
|
||||
<input type="text" name="search" placeholder="Suche nach Name…"
|
||||
value="<?php echo htmlspecialchars($search); ?>" class="search-input">
|
||||
|
||||
<!-- TODO: Suchfeld -->
|
||||
<!-- TODO: Filter (Floor / Standort) -->
|
||||
<select name="floor_id">
|
||||
<option value="">- Alle Stockwerke -</option>
|
||||
<?php foreach ($floors as $floor): ?>
|
||||
<option value="<?php echo $floor['id']; ?>"
|
||||
<?php echo $floor['id'] === $floorId ? 'selected' : ''; ?>>
|
||||
<?php echo htmlspecialchars($floor['name']); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
|
||||
<button type="submit" class="button">Filter</button>
|
||||
<a href="?module=racks&action=list" class="button">Reset</a>
|
||||
<a href="?module=racks&action=edit" class="button button-primary" style="margin-left: auto;">+ Neues Rack</a>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- =========================
|
||||
Racks-Tabelle
|
||||
========================= -->
|
||||
<?php if (!empty($racks)): ?>
|
||||
<table class="rack-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Stockwerk</th>
|
||||
<th>Höhe (HE)</th>
|
||||
<th>Geräte</th>
|
||||
<th>Beschreibung</th>
|
||||
<th>Aktionen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($racks as $rack): ?>
|
||||
<tr>
|
||||
<td>
|
||||
<strong><?php echo htmlspecialchars($rack['name']); ?></strong>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<?php echo htmlspecialchars($rack['floor_name'] ?? '—'); ?>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<?php echo $rack['height_he']; ?> HE
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<?php echo $rack['device_count']; ?>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<small><?php echo htmlspecialchars($rack['comment'] ?? ''); ?></small>
|
||||
</td>
|
||||
|
||||
<td class="actions">
|
||||
<a href="?module=racks&action=edit&id=<?php echo $rack['id']; ?>" class="button button-small">Bearbeiten</a>
|
||||
<a href="#" class="button button-small button-danger" onclick="confirmDelete(<?php echo $rack['id']; ?>)">Löschen</a>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<?php else: ?>
|
||||
<div class="empty-state">
|
||||
<p>Keine Racks gefunden.</p>
|
||||
<p>
|
||||
<a href="?module=racks&action=edit" class="button button-primary">
|
||||
Erstes Rack anlegen
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<!-- =========================
|
||||
Rack-Tabelle
|
||||
========================= -->
|
||||
<style>
|
||||
.racks-container {
|
||||
padding: 20px;
|
||||
max-width: 1000px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
<table class="rack-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Vorschau</th>
|
||||
<th>Name</th>
|
||||
<th>Stockwerk</th>
|
||||
<th>Höhe (U)</th>
|
||||
<th>Geräte</th>
|
||||
<th>Aktionen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
.filter-form {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
<?php /* foreach ($racks as $rack): */ ?>
|
||||
<tr>
|
||||
<td class="preview">
|
||||
<!-- TODO: SVG / JPG Thumbnail -->
|
||||
</td>
|
||||
.filter-form form {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
<td>
|
||||
<!-- TODO: Rack-Name -->
|
||||
Rack 1
|
||||
</td>
|
||||
.filter-form input,
|
||||
.filter-form select {
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
<td>
|
||||
<!-- TODO: Floor / Standort -->
|
||||
</td>
|
||||
.search-input {
|
||||
flex: 1;
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
<td>
|
||||
<!-- TODO: Höhe -->
|
||||
</td>
|
||||
.rack-list {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
<td>
|
||||
<!-- TODO: Anzahl Geräte im Rack -->
|
||||
</td>
|
||||
.rack-list th {
|
||||
background: #f5f5f5;
|
||||
padding: 12px;
|
||||
text-align: left;
|
||||
border-bottom: 2px solid #ddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
<td>
|
||||
<a href="/?page=racks/edit&id=1">Bearbeiten</a>
|
||||
<button>Löschen</button>
|
||||
</td>
|
||||
</tr>
|
||||
<?php /* endforeach; */ ?>
|
||||
.rack-list td {
|
||||
padding: 12px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
.rack-list tr:hover {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
<!-- =========================
|
||||
Leerer Zustand
|
||||
========================= -->
|
||||
.actions {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
<?php /* if (empty($racks)): */ ?>
|
||||
<div class="empty-state">
|
||||
<p>Noch keine Racks angelegt.</p>
|
||||
<p><a href="/?page=racks/edit">Erstes Rack anlegen</a></p>
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 8px 12px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.button-primary:hover {
|
||||
background: #218838;
|
||||
}
|
||||
|
||||
.button-small {
|
||||
padding: 4px 8px;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.button-danger {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
.button-danger:hover {
|
||||
background: #c82333;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
background: #f9f9f9;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function confirmDelete(id) {
|
||||
if (confirm('Dieses Rack wirklich löschen?')) {
|
||||
// TODO: AJAX-Delete implementieren
|
||||
alert('Löschen noch nicht implementiert');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
<?php /* endif; */ ?>
|
||||
|
||||
73
app/modules/racks/save.php
Normal file
73
app/modules/racks/save.php
Normal file
@@ -0,0 +1,73 @@
|
||||
<?php
|
||||
/**
|
||||
* app/modules/racks/save.php
|
||||
*
|
||||
* Speichert / aktualisiert ein Rack
|
||||
*/
|
||||
|
||||
// Nur POST
|
||||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||||
header('Location: ?module=racks&action=list');
|
||||
exit;
|
||||
}
|
||||
|
||||
// =========================
|
||||
// Daten einlesen
|
||||
// =========================
|
||||
$rackId = (int)($_POST['id'] ?? 0);
|
||||
$name = trim($_POST['name'] ?? '');
|
||||
$floorId = (int)($_POST['floor_id'] ?? 0);
|
||||
$heightHe = (int)($_POST['height_he'] ?? 42);
|
||||
$comment = trim($_POST['comment'] ?? '');
|
||||
|
||||
// =========================
|
||||
// Validierung
|
||||
// =========================
|
||||
$errors = [];
|
||||
|
||||
if (empty($name)) {
|
||||
$errors[] = "Name ist erforderlich";
|
||||
}
|
||||
|
||||
if ($floorId <= 0) {
|
||||
$errors[] = "Stockwerk ist erforderlich";
|
||||
}
|
||||
|
||||
if ($heightHe < 1) {
|
||||
$errors[] = "Höhe muss mindestens 1 HE sein";
|
||||
}
|
||||
|
||||
// Falls Fehler: zurück zum Edit-Formular
|
||||
if (!empty($errors)) {
|
||||
$_SESSION['error'] = implode(', ', $errors);
|
||||
$redirectUrl = $rackId ? "?module=racks&action=edit&id=$rackId" : "?module=racks&action=edit";
|
||||
header("Location: $redirectUrl");
|
||||
exit;
|
||||
}
|
||||
|
||||
// =========================
|
||||
// In DB speichern
|
||||
// =========================
|
||||
if ($rackId > 0) {
|
||||
// UPDATE
|
||||
$sql->set(
|
||||
"UPDATE racks SET name = ?, floor_id = ?, height_he = ?, comment = ? WHERE id = ?",
|
||||
"siisi",
|
||||
[$name, $floorId, $heightHe, $comment, $rackId]
|
||||
);
|
||||
} else {
|
||||
// INSERT
|
||||
$sql->set(
|
||||
"INSERT INTO racks (name, floor_id, height_he, comment) VALUES (?, ?, ?, ?)",
|
||||
"sii s",
|
||||
[$name, $floorId, $heightHe, $comment]
|
||||
);
|
||||
}
|
||||
|
||||
$_SESSION['success'] = "Rack gespeichert";
|
||||
|
||||
// =========================
|
||||
// Redirect
|
||||
// =========================
|
||||
header('Location: ?module=racks&action=list');
|
||||
exit;
|
||||
@@ -27,35 +27,34 @@
|
||||
<h1>Netzwerk-Dokumentation</h1>
|
||||
|
||||
<?php
|
||||
$currentPath = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
||||
$currentModule = $_GET['module'] ?? 'dashboard';
|
||||
|
||||
$navItems = [
|
||||
'/' => 'Dashboard',
|
||||
'/device-types' => 'Gerätetypen',
|
||||
'/devices' => 'Geräte',
|
||||
'/racks' => 'Racks',
|
||||
'/floors' => 'Grundrisse',
|
||||
'/connections' => 'Verbindungen',
|
||||
'dashboard' => 'Dashboard',
|
||||
'locations' => 'Standorte',
|
||||
'buildings' => 'Gebäude',
|
||||
'device_types' => 'Gerätetypen',
|
||||
'devices' => 'Geräte',
|
||||
'racks' => 'Racks',
|
||||
'floors' => 'Stockwerke',
|
||||
'connections' => 'Verbindungen',
|
||||
];
|
||||
?>
|
||||
|
||||
<nav class="main-nav">
|
||||
<ul>
|
||||
<?php foreach ($navItems as $url => $label): ?>
|
||||
<?php foreach ($navItems as $module => $label): ?>
|
||||
<?php
|
||||
$active = ($currentPath === $url || str_starts_with($currentPath, $url . '/'))
|
||||
? 'active'
|
||||
: '';
|
||||
$active = ($currentModule === $module) ? 'active' : '';
|
||||
?>
|
||||
<li class="<?= $active ?>">
|
||||
<a href="<?= htmlspecialchars($url) ?>">
|
||||
<?= htmlspecialchars($label) ?>
|
||||
<a href="?module=<?= $module ?>&action=list">
|
||||
<?= $label ?>
|
||||
</a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
||||
Reference in New Issue
Block a user