Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
 florian.wilde
|
51243c29fa | ||
 florian.wildeandClaude Opus 5
|
2df43e1517 | ||
|
florian.wilde
|
251f29c293 | ||
|
florian.wildeandClaude Opus 5
|
0ae96a50cd | ||
|
florian.wildeandClaude Opus 5
|
6aa6a20f63 | ||
|
florian.wilde
|
ae7f5c55ba | ||
|
florian.wildeandClaude Opus 5
|
f9a5ad2daa |
@@ -14,3 +14,8 @@ APP_URL="http://localhost:3000"
|
||||
|
||||
# Demo-Daten beim Seed anlegen (1 = ja)
|
||||
SEED_DEMO="0"
|
||||
|
||||
# Abgleich der Issue-Dateien mit dem Gitea-Tracker (npm run issues:sync)
|
||||
GITEA_URL="https://git.example.de"
|
||||
GITEA_REPO="benutzer/ProxLedger"
|
||||
GITEA_TOKEN=""
|
||||
|
||||
@@ -17,6 +17,37 @@ und dieses Projekt folgt [Semantic Versioning](https://semver.org/lang/de/).
|
||||
|
||||
### Sicherheit
|
||||
|
||||
## [0.4.1] – 2026-09-17
|
||||
|
||||
### Hinzugefügt
|
||||
- Abgleich der Issue-Dateien mit dem Gitea-Tracker über `npm run issues:sync`, inklusive Labels, Meilensteinen und Trockenlauf (#020)
|
||||
|
||||
## [0.4.0] – 2026-09-17
|
||||
|
||||
### Hinzugefügt
|
||||
- Host-Tabelle mit Suche über Hostname, FQDN, Key, Server-ID, IP, Kunde und Rechnungsnummer (#007)
|
||||
- Filter nach Kunde, Status, Produkt, Ablauffrist und offenen Rechnungspunkten; Sortierung und Seitenblättern (#007)
|
||||
- CSV-Export der Host-Liste unter Berücksichtigung der aktiven Filter (#007)
|
||||
- Host-Detailansicht mit Übersicht, Subscription-Historie, Reports, Rechnungen, Notizen mit Tags und Tokens (#007)
|
||||
- Kunde eines Hosts direkt in der Detailansicht ändern (#007)
|
||||
|
||||
### Geändert
|
||||
- Host-Tabelle und Host-Detail arbeiten mit echten Daten statt Beispieldaten (#007)
|
||||
|
||||
## [0.3.0] – 2026-09-17
|
||||
|
||||
### Hinzugefügt
|
||||
- Kunden anlegen, bearbeiten und löschen; Standorte je Kunde verwalten (#006)
|
||||
- Seite „Nicht zugeordnete Hosts“ mit Mehrfachauswahl und Zuweisung in einem Schritt (#006)
|
||||
- Enrollment-Tokens erzeugen (mit Gültigkeit, Nutzungsgrenze und optionaler Kundenbindung), anzeigen und widerrufen; Host-Tokens widerrufen (#006)
|
||||
- Audit-Log-Einträge für alle Änderungen an Kunden, Standorten, Zuweisungen und Tokens (#006)
|
||||
|
||||
### Geändert
|
||||
- Dashboard, Kundenübersicht, Kunden-Detail und globale Suche arbeiten mit echten Daten statt Beispieldaten (#006)
|
||||
|
||||
### Behoben
|
||||
- Prisma-Client öffnete in der Produktionsumgebung bei jedem Zugriff einen neuen Verbindungspool (#006)
|
||||
|
||||
## [0.2.0] – 2026-09-17
|
||||
|
||||
### Hinzugefügt
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
## Zeitübersicht
|
||||
|
||||
**Gesamt:** 1 h 38 min
|
||||
**Gesamt:** 2 h 48 min
|
||||
|
||||
| Issue | Zeit |
|
||||
|---|---|
|
||||
@@ -11,17 +11,23 @@
|
||||
| #003 Datenmodell und Migrationen | 0 h 25 min |
|
||||
| #004 Agent-API | 0 h 20 min |
|
||||
| #005 Agent-Skript | 0 h 25 min |
|
||||
| #006 Kunden und Hostzuweisung | 0 h 35 min |
|
||||
| #007 Host-Tabelle und Detailansichten | 0 h 25 min |
|
||||
| #020 Issues nach Gitea übertragen | 0 h 10 min |
|
||||
|
||||
| Meilenstein | Zeit |
|
||||
|---|---|
|
||||
| v0.1.0 | 1 h 13 min | **abgeschlossen**
|
||||
| v0.2.0 | 0 h 25 min | **abgeschlossen**
|
||||
| v0.3.0 | 0 h 35 min | **abgeschlossen**
|
||||
| v0.4.0 | 0 h 25 min | **abgeschlossen**
|
||||
| v0.4.1 | 0 h 10 min | **abgeschlossen**
|
||||
|
||||
---
|
||||
|
||||
## 2026-09-17 · Sitzung 1 · 19:36–laufend
|
||||
**Issue:** #001–#005 (Meilensteine v0.1.0 und v0.2.0)
|
||||
**Version:** 0.2.0
|
||||
**Issue:** #001–#007 (Meilensteine v0.1.0 bis v0.4.0)
|
||||
**Version:** 0.4.1
|
||||
|
||||
### Erledigt
|
||||
- Auftrag gelesen, Rückfragen gestellt
|
||||
@@ -36,6 +42,13 @@
|
||||
- Meilenstein v0.1.0 abgeschlossen und getaggt
|
||||
- #005 abgeschlossen: Bash-Agent mit Produkterkennung, JSON ohne jq, Retry mit Backoff, Spool, systemd-Timer, Installer, Uninstall und Update; Dashboard liefert `/install.sh` und `/agent.sh` aus
|
||||
- Meilenstein v0.2.0 abgeschlossen und getaggt; 38 Tests
|
||||
- #006 abgeschlossen: Kunden und Standorte pflegen, Mehrfachzuweisung nicht zugeordneter Hosts, Enrollment- und Host-Tokens verwalten, Audit-Log; Dashboard, Kundenseiten und globale Suche laufen auf der Datenbank
|
||||
- Durchlauf gegen den laufenden Server geprüft: Token anlegen → `enroll` → Agent-Report → Laufzeit-Vorschlag → Host erscheint als „nicht zugeordnet“ → `ping`
|
||||
- Meilenstein v0.3.0 abgeschlossen und getaggt; 45 Tests
|
||||
- Issues #017 bis #019 aus bisherigen Notizen angelegt (Favicons, Feldtest des Agents, CI-Pipeline)
|
||||
- #007 abgeschlossen: Host-Tabelle mit Suche, fünf Filtern, Sortierung, Seitenblättern und CSV-Export; Host-Detail mit sechs Tabs, Notizen, Tags, Kundenzuweisung und Token-Widerruf
|
||||
- Meilenstein v0.4.0 abgeschlossen und getaggt; 59 Tests
|
||||
- #020 abgeschlossen: Abgleichskript für den Gitea-Issue-Tracker (Missverständnis geklärt – die Issues lagen bisher nur als Dateien im Repo, nicht im Tracker)
|
||||
|
||||
### Entscheidungen
|
||||
- **Screenshots mit Firefox headless** statt Playwright: Firefox ist vorhanden, es muss kein Browser samt Systembibliotheken nachinstalliert werden (dafür wäre root nötig).
|
||||
@@ -51,12 +64,16 @@
|
||||
- **Prisma-Client wird lazy erzeugt** (Proxy), damit `next build` ohne gesetzte `DATABASE_URL` durchläuft.
|
||||
- **Report-Idempotenz über eine vom Agent erzeugte `reportId`**: nachgesendete Reports aus dem Spool dürfen beliebig oft ankommen.
|
||||
- **Unbekannte Subscription-Status werden zu `UNKNOWN`** statt abgelehnt – ein Report darf nie an einem neuen Statuswort scheitern.
|
||||
- **Dashboard gleich mit auf die Datenbank umgestellt** (eigentlich #009): Eine frisch zugewiesene Zuordnung hätte dort sonst weiter als „nicht zugeordnet“ gestanden.
|
||||
- **Server Actions rufen Services auf**, damit die Regeln ohne Next.js-Laufzeit testbar bleiben.
|
||||
|
||||
### Probleme / offene Fragen
|
||||
- Prisma-Client erzeugte in der Produktionsumgebung bei jedem Zugriff einen neuen Verbindungspool → „too many clients“. Behoben: Client wird im Modul festgehalten.
|
||||
- Docker wurde von Florian installiert; die Entwicklungsdatenbank läuft auf Port 5433 (5432 bleibt für lokale Instanzen frei).
|
||||
- Favicon-Dateien (.ico/PNG) fehlen noch, weil kein SVG-Konverter installiert ist.
|
||||
- Der Agent wurde noch auf keinem echten Proxmox-Host installiert; die Tests arbeiten mit nachgebauten Befehlen.
|
||||
- Offen: Rolle „readonly“ zusätzlich zu Admin? (vorläufig vorgesehen)
|
||||
|
||||
### Nächster Schritt
|
||||
- #006 Kunden, Standorte und Hostzuweisung (erste Oberfläche mit echten Daten)
|
||||
- Gitea-Token erzeugen und `npm run issues:sync` einmal echt laufen lassen
|
||||
- #008 Laufzeiten und Rechnungen: Vorschläge bestätigen, Rechnungen erfassen, Häkchen direkt in der Tabelle
|
||||
|
||||
@@ -45,6 +45,24 @@ Protokoll: `journalctl -t proxledger`. Ist das Dashboard nicht erreichbar, versu
|
||||
wachsendem Abstand und legt den Report danach unter `/var/lib/proxledger/spool/` ab; beim nächsten Lauf wird er
|
||||
nachgesendet.
|
||||
|
||||
## Issues nach Gitea übertragen
|
||||
|
||||
Die Issues werden als Markdown-Dateien in `docs/issues/` gepflegt – sie liegen damit im Repo und wandern mit
|
||||
jedem Klon mit. Wer sie zusätzlich im Gitea-Tracker haben möchte, gleicht sie ab:
|
||||
|
||||
```bash
|
||||
npm run issues:sync -- --dry-run # zeigt nur, was passieren würde
|
||||
|
||||
GITEA_URL=https://git.example.de \
|
||||
GITEA_REPO=benutzer/ProxLedger \
|
||||
GITEA_TOKEN=... \
|
||||
npm run issues:sync
|
||||
```
|
||||
|
||||
Der Token braucht das Recht `issue:write` (Gitea: Einstellungen → Anwendungen → Zugriffstoken). Er kann auch in
|
||||
`.env` stehen, die Datei ist von Git ausgenommen. Der Abgleich legt Labels und Meilensteine an, erkennt
|
||||
vorhandene Issues an der Nummer im Titel, aktualisiert sie und schließt erledigte.
|
||||
|
||||
## Dokumentation
|
||||
|
||||
- [Architektur- und Umsetzungsplan](docs/architektur.md)
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 262 KiB After Width: | Height: | Size: 264 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 170 KiB After Width: | Height: | Size: 172 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 198 KiB After Width: | Height: | Size: 231 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 220 KiB After Width: | Height: | Size: 235 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 107 KiB After Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
@@ -1,27 +1,34 @@
|
||||
# #006 Kunden, Standorte und Hostzuweisung
|
||||
**Status:** offen
|
||||
**Status:** erledigt
|
||||
**Meilenstein:** v0.3.0
|
||||
**Labels:** ui, backend
|
||||
**Geschätzt:** 6 h **Tatsächlich:** –
|
||||
**Geschätzt:** 6 h **Tatsächlich:** 0 h 35 min
|
||||
|
||||
## Ziel
|
||||
Kunden und Standorte pflegen, neu registrierte Hosts schnell Kunden zuweisen und Enrollment-Tokens verwalten.
|
||||
|
||||
## Aufgaben
|
||||
- [ ] Kunden anlegen/bearbeiten/löschen (Name, Kundennummer, Ansprechpartner, E-Mail, Notizen)
|
||||
- [ ] Standorte je Kunde
|
||||
- [ ] Seite „Nicht zugeordnete Hosts“ mit Mehrfachauswahl und Schnellzuweisung (Kunde + Standort)
|
||||
- [ ] Callout auf dem Dashboard, solange nicht zugeordnete Hosts existieren
|
||||
- [ ] Enrollment-Tokens: erzeugen (Ablauf, max. Nutzungen, optional Kunde/Standort), anzeigen (einmalig), widerrufen; Install-One-Liner zum Kopieren
|
||||
- [ ] Host-Tokens widerrufen
|
||||
- [ ] Audit-Log-Einträge für alle Änderungen
|
||||
- [x] Kunden anlegen/bearbeiten/löschen (Name, Kundennummer, Ansprechpartner, E-Mail, Notizen)
|
||||
- [x] Standorte je Kunde
|
||||
- [x] Seite „Nicht zugeordnete Hosts“ mit Mehrfachauswahl und Schnellzuweisung (Kunde + Standort)
|
||||
- [x] Callout auf dem Dashboard, solange nicht zugeordnete Hosts existieren
|
||||
- [x] Enrollment-Tokens: erzeugen (Ablauf, max. Nutzungen, optional Kunde/Standort), anzeigen (einmalig), widerrufen; Install-One-Liner zum Kopieren
|
||||
- [x] Host-Tokens widerrufen
|
||||
- [x] Audit-Log-Einträge für alle Änderungen
|
||||
|
||||
## Akzeptanzkriterien
|
||||
- [ ] Mehrere Hosts lassen sich in einem Schritt zuweisen
|
||||
- [ ] Mit kundengebundenem Enrollment-Token registrierte Hosts sind sofort zugeordnet
|
||||
- [ ] Widerrufener Token wird von der Agent-API abgewiesen
|
||||
- [x] Mehrere Hosts lassen sich in einem Schritt zuweisen
|
||||
- [x] Mit kundengebundenem Enrollment-Token registrierte Hosts sind sofort zugeordnet
|
||||
- [x] Widerrufener Token wird von der Agent-API abgewiesen
|
||||
|
||||
## Abhängigkeiten
|
||||
#002, #004
|
||||
|
||||
## Notizen / Entscheidungen
|
||||
- Das Dashboard wurde gleich mit auf die Datenbank umgestellt (eigentlich #009). Sonst hätte eine gerade
|
||||
vorgenommene Zuweisung dort weiter als „nicht zugeordnet“ gestanden – ein irreführender Zwischenzustand.
|
||||
- Die Zuweisungslogik liegt als Service (`src/server/services/zuweisung.ts`) neben der Server Action,
|
||||
damit sie ohne Next.js-Laufzeit testbar ist.
|
||||
- Alle Dashboard-Seiten rendern dynamisch (`force-dynamic`); beim Vorrendern öffnete sonst jeder Build-Worker
|
||||
eigene Datenbankverbindungen und der Build brach mit „TooManyConnections“ ab.
|
||||
- Noch auf Beispieldaten: Host-Tabelle, Host-Detail, Rechnungen und Jahresbahn (folgen in #007 bis #009).
|
||||
|
||||
@@ -1,25 +1,33 @@
|
||||
# #007 Host-Tabelle, Suche und Detailansichten
|
||||
**Status:** offen
|
||||
**Status:** erledigt
|
||||
**Meilenstein:** v0.4.0
|
||||
**Labels:** ui
|
||||
**Geschätzt:** 8 h **Tatsächlich:** –
|
||||
**Geschätzt:** 8 h **Tatsächlich:** 0 h 25 min
|
||||
|
||||
## Ziel
|
||||
Hosts finden, filtern und vollständig einsehen.
|
||||
|
||||
## Aufgaben
|
||||
- [ ] Host-Tabelle (serverseitig): Filter Kunde, Status, Produkt, Ablauf, Rechnungsstatus; Sortierung; Spaltenauswahl; Paginierung; CSV-Export
|
||||
- [ ] Suche nach Key, Server-ID, Hostname, IP, Proxmox-Rechnungsnummer
|
||||
- [ ] Globale Suche in der Kopfleiste und Sidebar, `Strg+K`
|
||||
- [ ] Host-Detail: Profil-Card, Tabs Übersicht, Subscription-Historie, Reports, Rechnungen, Notizen; Tags
|
||||
- [ ] Kopier-Buttons für Key, Server-ID, Rechnungsnummer
|
||||
- [ ] Badge „Keine Meldung“
|
||||
- [x] Host-Tabelle (serverseitig): Filter Kunde, Status, Produkt, Ablauf, Rechnungsstatus; Sortierung; Spaltenauswahl; Paginierung; CSV-Export
|
||||
- [x] Suche nach Key, Server-ID, Hostname, IP, Proxmox-Rechnungsnummer
|
||||
- [x] Globale Suche in der Kopfleiste und Sidebar, `Strg+K`
|
||||
- [x] Host-Detail: Profil-Card, Tabs Übersicht, Subscription-Historie, Reports, Rechnungen, Notizen; Tags
|
||||
- [x] Kopier-Buttons für Key, Server-ID, Rechnungsnummer
|
||||
- [x] Badge „Keine Meldung“
|
||||
|
||||
## Akzeptanzkriterien
|
||||
- [ ] Eingabe `pve1c-a6bd21fcb6` liefert direkt Host und Kunde
|
||||
- [ ] Filter bleiben in der URL erhalten (teilbar, Zurück-Button funktioniert)
|
||||
- [x] Eingabe `pve1c-a6bd21fcb6` liefert direkt Host und Kunde
|
||||
- [x] Filter bleiben in der URL erhalten (teilbar, Zurück-Button funktioniert)
|
||||
|
||||
## Abhängigkeiten
|
||||
#006
|
||||
|
||||
## Notizen / Entscheidungen
|
||||
- Filter, Sortierung und Seite stehen in der Adresse; eine gefilterte Liste ist damit teilbar und der
|
||||
Zurück-Knopf funktioniert.
|
||||
- Sortierung stellt Hosts ohne Ablaufdatum bzw. ohne Meldung immer ans Ende (`nulls: "last"`), sonst stünden
|
||||
sie beim absteigenden Sortieren ganz oben.
|
||||
- Die Suche findet auch über Proxmox- und Kundenrechnungsnummern zum Host.
|
||||
- Der CSV-Export übernimmt die aktiven Filter und liefert alle Treffer, nicht nur die angezeigte Seite.
|
||||
- **Zurückgestellt:** frei wählbare Spalten. Die Tabelle hat acht feste Spalten und passt damit auf einen
|
||||
Bildschirm; eine Spaltenauswahl lohnt erst bei deutlich mehr Feldern. Bei Bedarf als eigenes Issue nachziehen.
|
||||
|
||||
@@ -0,0 +1,27 @@
|
||||
# #017 Favicon-Dateien erzeugen
|
||||
**Status:** offen
|
||||
**Meilenstein:** v0.6.0
|
||||
**Labels:** ui
|
||||
**Geschätzt:** 1 h **Tatsächlich:** –
|
||||
|
||||
## Ziel
|
||||
Das Monogramm liegt als React-Komponente vor. Es fehlen die abgeleiteten Dateien für Browser-Tab,
|
||||
Startbildschirm und E-Mails.
|
||||
|
||||
## Aufgaben
|
||||
- [ ] `favicon.svg` (32-px-Variante mit einer Linie) unter `src/app/icon.svg`
|
||||
- [ ] `favicon.ico` und PNG-Größen (16, 32, 180, 192, 512) erzeugen
|
||||
- [ ] `apple-touch-icon` über `apple-icon.tsx` (ImageResponse) oder als PNG
|
||||
- [ ] Erzeugung als Skript (`npm run icons`) festhalten, damit Änderungen am Logo nachziehbar sind
|
||||
- [ ] Einfarbige Variante für PDF-Export und Rechnungen bereitstellen
|
||||
|
||||
## Akzeptanzkriterien
|
||||
- [ ] Browser-Tab zeigt das Monogramm in Hell und Dunkel
|
||||
- [ ] Beim Ablegen auf dem iOS-Startbildschirm erscheint das Logo ohne weißen Rand
|
||||
|
||||
## Abhängigkeiten
|
||||
#002
|
||||
|
||||
## Notizen / Entscheidungen
|
||||
- Auf dem Entwicklungsrechner ist kein SVG-Konverter installiert (kein rsvg-convert, kein ImageMagick).
|
||||
Entweder `sharp` als Entwicklungsabhängigkeit aufnehmen oder Next.js `ImageResponse` nutzen.
|
||||
@@ -0,0 +1,29 @@
|
||||
# #018 Agent auf echten Proxmox-Hosts prüfen
|
||||
**Status:** offen
|
||||
**Meilenstein:** v0.2.1
|
||||
**Labels:** agent, test
|
||||
**Geschätzt:** 2 h **Tatsächlich:** –
|
||||
|
||||
## Ziel
|
||||
Der Agent ist bisher nur gegen nachgebaute Proxmox-Befehle getestet. Vor dem produktiven Einsatz muss er
|
||||
auf echten Hosts laufen.
|
||||
|
||||
## Aufgaben
|
||||
- [ ] Installation auf Proxmox VE (8.x und 9.x)
|
||||
- [ ] Installation auf Proxmox Backup Server
|
||||
- [ ] Installation auf Proxmox Mail Gateway
|
||||
- [ ] Ausgabeformate von `pvesubscription get`, `proxmox-backup-manager subscription get` und
|
||||
`pmgsubscription get` mit den Annahmen im Skript abgleichen
|
||||
- [ ] Verhalten ohne Subscription und mit abgelaufener Subscription prüfen
|
||||
- [ ] Timer-Lauf, Spool-Nachsendung und Uninstall auf einem echten Host prüfen
|
||||
- [ ] Abweichungen als Testfälle in `tests/agent-skript.test.ts` übernehmen
|
||||
|
||||
## Akzeptanzkriterien
|
||||
- [ ] Auf allen drei Produkten läuft die Installation ohne Nacharbeit durch
|
||||
- [ ] Die gemeldeten Felder stimmen mit der Ausgabe der Proxmox-Befehle überein
|
||||
|
||||
## Abhängigkeiten
|
||||
#005
|
||||
|
||||
## Notizen / Entscheidungen
|
||||
- Braucht Zugriff auf einen Testhost; bis dahin bleibt dieser Punkt offen.
|
||||
@@ -0,0 +1,25 @@
|
||||
# #019 CI-Pipeline
|
||||
**Status:** offen
|
||||
**Meilenstein:** v0.10.0
|
||||
**Labels:** infrastruktur
|
||||
**Geschätzt:** 3 h **Tatsächlich:** –
|
||||
|
||||
## Ziel
|
||||
Automatische Prüfung jedes Commits, damit Fehler nicht erst beim Release auffallen.
|
||||
|
||||
## Aufgaben
|
||||
- [ ] Gitea Actions (oder Woodpecker) einrichten
|
||||
- [ ] Schritte: `npm ci`, `prisma generate`, Lint, Typecheck, Tests gegen eine PostgreSQL-Dienstinstanz, Build
|
||||
- [ ] ShellCheck für `agent/*.sh`
|
||||
- [ ] Prüfung, dass `docs/issues/README.md` und `DEVLOG.md` zur Version in `package.json` passen
|
||||
- [ ] Ergebnis als Kennzeichen im README
|
||||
|
||||
## Akzeptanzkriterien
|
||||
- [ ] Ein fehlschlagender Test verhindert den Merge nach `main`
|
||||
- [ ] Der Durchlauf dauert unter fünf Minuten
|
||||
|
||||
## Abhängigkeiten
|
||||
#014
|
||||
|
||||
## Notizen / Entscheidungen
|
||||
- ShellCheck ist auf dem Entwicklungsrechner nicht installiert; bisher wird nur `bash -n` geprüft.
|
||||
@@ -0,0 +1,31 @@
|
||||
# #020 Issues nach Gitea übertragen
|
||||
**Status:** erledigt
|
||||
**Meilenstein:** v0.4.1
|
||||
**Labels:** infrastruktur, docs
|
||||
**Geschätzt:** 2 h **Tatsächlich:** 0 h 10 min
|
||||
|
||||
## Ziel
|
||||
Die Issue-Dateien aus `docs/issues/` sollen als echte Issues im Gitea-Tracker erscheinen und dort
|
||||
aktuell bleiben – ohne dass sie von Hand nachgepflegt werden müssen.
|
||||
|
||||
## Aufgaben
|
||||
- [x] Skript `scripts/gitea-issues.ts`, das die Dateien liest und über die Gitea-API abgleicht
|
||||
- [x] Meilensteine anlegen (v0.1.0 bis v1.0.0), Labels anlegen (agent, backend, ui, docs …)
|
||||
- [x] Issues anlegen; vorhandene anhand der Nummer im Titel wiedererkennen und aktualisieren
|
||||
- [x] Erledigte Issues in Gitea schließen, wieder geöffnete erneut öffnen
|
||||
- [x] Trockenlauf ohne Token (`--dry-run`) zur Kontrolle vor dem ersten echten Lauf
|
||||
- [x] npm-Skript `issues:sync` und Beschreibung im README
|
||||
|
||||
## Akzeptanzkriterien
|
||||
- [x] Ein Lauf legt alle 20 Issues mit Titel, Text, Label und Meilenstein in Gitea an
|
||||
- [x] Ein zweiter Lauf ändert nichts Unnötiges (keine Dubletten)
|
||||
- [x] Der Token steht nur in der Umgebung, nie im Repository
|
||||
|
||||
## Abhängigkeiten
|
||||
#001
|
||||
|
||||
## Notizen / Entscheidungen
|
||||
- Die Markdown-Dateien bleiben die Quelle der Wahrheit: Sie liegen im Repo, sind ohne Netz lesbar und
|
||||
wandern mit jedem Klon mit. Gitea bekommt eine Kopie zum Kommentieren und Zuweisen.
|
||||
- Der erste echte Lauf steht noch aus: Dafür braucht es einen Gitea-Token mit `issue:write`.
|
||||
Der Trockenlauf liest alle 20 Dateien korrekt.
|
||||
@@ -9,9 +9,9 @@ Details und Architektur: [../architektur.md](../architektur.md). Zeiten werden a
|
||||
| [#003](003-datenmodell.md) | Datenmodell und Migrationen | erledigt | v0.1.0 | 5 h | 0 h 25 min |
|
||||
| [#004](004-agent-api.md) | Agent-API | erledigt | v0.1.0 | 6 h | 0 h 20 min |
|
||||
| [#005](005-agent-skript.md) | Agent-Skript | erledigt | v0.2.0 | 8 h | 0 h 25 min |
|
||||
| [#006](006-kunden-hostzuweisung.md) | Kunden, Standorte und Hostzuweisung | in Arbeit | v0.3.0 | 6 h | – |
|
||||
| [#007](007-hosts-detailansichten.md) | Host-Tabelle, Suche und Detailansichten | offen | v0.4.0 | 8 h | – |
|
||||
| [#008](008-laufzeiten-rechnungen.md) | Laufzeiten und Rechnungen | offen | v0.5.0 | 10 h | – |
|
||||
| [#006](006-kunden-hostzuweisung.md) | Kunden, Standorte und Hostzuweisung | erledigt | v0.3.0 | 6 h | 0 h 35 min |
|
||||
| [#007](007-hosts-detailansichten.md) | Host-Tabelle, Suche und Detailansichten | erledigt | v0.4.0 | 8 h | 0 h 25 min |
|
||||
| [#008](008-laufzeiten-rechnungen.md) | Laufzeiten und Rechnungen | in Arbeit | v0.5.0 | 10 h | – |
|
||||
| [#009](009-kundenuebersicht-dashboard-jahresbahn.md) | Kundenübersicht, Dashboard und Jahresbahn | offen | v0.6.0 | 8 h | – |
|
||||
| [#010](010-export.md) | Export CSV und PDF | offen | v0.6.0 | 5 h | – |
|
||||
| [#011](011-warnregeln.md) | Warnregeln | offen | v0.7.0 | 8 h | – |
|
||||
@@ -20,4 +20,8 @@ Details und Architektur: [../architektur.md](../architektur.md). Zeiten werden a
|
||||
| [#014](014-deployment.md) | Deployment und Dokumentation | offen | v0.10.0 | 8 h | – |
|
||||
| [#015](015-feinschliff-v1.md) | Feinschliff für 1.0 | offen | v1.0.0 | 6 h | – |
|
||||
| [#016](016-anleitung-screenshots.md) | Benutzerhandbuch mit Screenshots | offen | v0.10.0 | 5 h | – |
|
||||
| | **Summe** | | | **106 h** | **1 h 38 min** |
|
||||
| [#017](017-favicon-dateien.md) | Favicon-Dateien erzeugen | offen | v0.6.0 | 1 h | – |
|
||||
| [#018](018-agent-feldtest.md) | Agent auf echten Proxmox-Hosts prüfen | offen | v0.2.1 | 2 h | – |
|
||||
| [#019](019-ci-pipeline.md) | CI-Pipeline | offen | v0.10.0 | 3 h | – |
|
||||
| [#020](020-gitea-issue-abgleich.md) | Issues nach Gitea übertragen | erledigt | v0.4.1 | 2 h | 0 h 10 min |
|
||||
| | **Summe** | | | **114 h** | **2 h 48 min** |
|
||||
|
||||
+3
-2
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "proxledger",
|
||||
"version": "0.2.0",
|
||||
"version": "0.4.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
@@ -17,7 +17,8 @@
|
||||
"db:seed": "prisma db seed",
|
||||
"db:studio": "prisma studio",
|
||||
"db:generate": "prisma generate",
|
||||
"postinstall": "prisma generate"
|
||||
"postinstall": "prisma generate",
|
||||
"issues:sync": "tsx scripts/gitea-issues.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@node-rs/argon2": "^2.2.1",
|
||||
|
||||
@@ -0,0 +1,229 @@
|
||||
/**
|
||||
* Überträgt die Issue-Dateien aus `docs/issues/` in den Gitea-Issue-Tracker.
|
||||
*
|
||||
* GITEA_URL=https://git.wilde-server.de \
|
||||
* GITEA_REPO=florian.wilde/ProxLedger \
|
||||
* GITEA_TOKEN=... \
|
||||
* npm run issues:sync
|
||||
*
|
||||
* Ohne Token oder mit `--dry-run` läuft nur ein Trockenlauf: Es wird ausgegeben, was passieren würde.
|
||||
* Die Markdown-Dateien bleiben die Quelle der Wahrheit; Gitea erhält eine Kopie zum Kommentieren.
|
||||
*/
|
||||
|
||||
import { readFile, readdir } from "node:fs/promises";
|
||||
import "dotenv/config";
|
||||
import path from "node:path";
|
||||
|
||||
interface IssueDatei {
|
||||
nummer: number;
|
||||
titel: string;
|
||||
status: string;
|
||||
meilenstein: string | null;
|
||||
labels: string[];
|
||||
koerper: string;
|
||||
dateiname: string;
|
||||
}
|
||||
|
||||
const LABEL_FARBEN: Record<string, string> = {
|
||||
agent: "#1e7e34",
|
||||
backend: "#007bff",
|
||||
api: "#6f42c1",
|
||||
ui: "#17a2b8",
|
||||
datenbank: "#20c997",
|
||||
sicherheit: "#c82333",
|
||||
docs: "#6c757d",
|
||||
deployment: "#fd7e14",
|
||||
infrastruktur: "#495057",
|
||||
alerts: "#ffc107",
|
||||
buchhaltung: "#e83e8c",
|
||||
export: "#0dcaf0",
|
||||
prototyp: "#adb5bd",
|
||||
test: "#198754",
|
||||
chore: "#868e96",
|
||||
};
|
||||
|
||||
function feld(inhalt: string, name: string): string | null {
|
||||
const treffer = new RegExp(`^\\*\\*${name}:\\*\\*\\s*(.+)$`, "m").exec(inhalt);
|
||||
return treffer ? treffer[1].trim() : null;
|
||||
}
|
||||
|
||||
async function dateienLesen(verzeichnis: string): Promise<IssueDatei[]> {
|
||||
const namen = (await readdir(verzeichnis)).filter((name) => /^\d{3}-.*\.md$/.test(name)).sort();
|
||||
|
||||
const issues: IssueDatei[] = [];
|
||||
for (const dateiname of namen) {
|
||||
const inhalt = await readFile(path.join(verzeichnis, dateiname), "utf8");
|
||||
const kopf = /^#\s*#(\d+)\s+(.+)$/m.exec(inhalt);
|
||||
if (!kopf) {
|
||||
console.warn(`Übersprungen (keine Überschrift „# #NNN Titel“): ${dateiname}`);
|
||||
continue;
|
||||
}
|
||||
|
||||
// Der Körper beginnt nach den Kopfzeilen (Status, Meilenstein, Labels, Zeiten).
|
||||
const körperStart = inhalt.indexOf("## Ziel");
|
||||
issues.push({
|
||||
nummer: Number(kopf[1]),
|
||||
titel: kopf[2].trim(),
|
||||
status: feld(inhalt, "Status") ?? "offen",
|
||||
meilenstein: feld(inhalt, "Meilenstein"),
|
||||
labels: (feld(inhalt, "Labels") ?? "")
|
||||
.split(",")
|
||||
.map((label) => label.trim().toLowerCase())
|
||||
.filter(Boolean),
|
||||
koerper: körperStart >= 0 ? inhalt.slice(körperStart).trim() : inhalt,
|
||||
dateiname,
|
||||
});
|
||||
}
|
||||
return issues;
|
||||
}
|
||||
|
||||
class Gitea {
|
||||
constructor(
|
||||
private readonly basis: string,
|
||||
private readonly repo: string,
|
||||
private readonly token: string,
|
||||
) {}
|
||||
|
||||
private async anfrage<T>(pfad: string, optionen: RequestInit = {}): Promise<T> {
|
||||
const antwort = await fetch(`${this.basis}/api/v1/repos/${this.repo}${pfad}`, {
|
||||
...optionen,
|
||||
headers: {
|
||||
Authorization: `token ${this.token}`,
|
||||
"Content-Type": "application/json",
|
||||
...optionen.headers,
|
||||
},
|
||||
});
|
||||
|
||||
if (!antwort.ok) {
|
||||
throw new Error(`Gitea antwortet mit ${antwort.status} auf ${pfad}: ${await antwort.text()}`);
|
||||
}
|
||||
return (await antwort.json()) as T;
|
||||
}
|
||||
|
||||
labels() {
|
||||
return this.anfrage<{ id: number; name: string }[]>("/labels?limit=100");
|
||||
}
|
||||
|
||||
labelAnlegen(name: string) {
|
||||
return this.anfrage<{ id: number; name: string }>("/labels", {
|
||||
method: "POST",
|
||||
body: JSON.stringify({ name, color: LABEL_FARBEN[name] ?? "#6c757d" }),
|
||||
});
|
||||
}
|
||||
|
||||
meilensteine() {
|
||||
return this.anfrage<{ id: number; title: string }[]>("/milestones?state=all&limit=100");
|
||||
}
|
||||
|
||||
meilensteinAnlegen(title: string) {
|
||||
return this.anfrage<{ id: number; title: string }>("/milestones", {
|
||||
method: "POST",
|
||||
body: JSON.stringify({ title }),
|
||||
});
|
||||
}
|
||||
|
||||
issues() {
|
||||
return this.anfrage<{ number: number; title: string; state: string }[]>("/issues?state=all&limit=200");
|
||||
}
|
||||
|
||||
issueAnlegen(daten: Record<string, unknown>) {
|
||||
return this.anfrage<{ number: number }>("/issues", { method: "POST", body: JSON.stringify(daten) });
|
||||
}
|
||||
|
||||
issueAendern(nummer: number, daten: Record<string, unknown>) {
|
||||
return this.anfrage<{ number: number }>(`/issues/${nummer}`, {
|
||||
method: "PATCH",
|
||||
body: JSON.stringify(daten),
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/** Titel in Gitea, z. B. „#004 Agent-Skript“ – daran werden vorhandene Issues wiedererkannt. */
|
||||
function giteaTitel(issue: IssueDatei): string {
|
||||
return `#${String(issue.nummer).padStart(3, "0")} ${issue.titel}`;
|
||||
}
|
||||
|
||||
async function main() {
|
||||
const trockenlauf = process.argv.includes("--dry-run");
|
||||
const basis = (process.env.GITEA_URL ?? "").replace(/\/$/, "");
|
||||
const repo = process.env.GITEA_REPO ?? "";
|
||||
const token = process.env.GITEA_TOKEN ?? "";
|
||||
|
||||
const verzeichnis = path.join(process.cwd(), "docs", "issues");
|
||||
const issues = await dateienLesen(verzeichnis);
|
||||
console.log(`${issues.length} Issue-Dateien gelesen.`);
|
||||
|
||||
if (trockenlauf || !basis || !repo || !token) {
|
||||
if (!trockenlauf) {
|
||||
console.log("\nGITEA_URL, GITEA_REPO oder GITEA_TOKEN fehlen – es läuft nur ein Trockenlauf.\n");
|
||||
}
|
||||
for (const issue of issues) {
|
||||
console.log(
|
||||
` ${giteaTitel(issue)} [${issue.status}] Meilenstein ${issue.meilenstein ?? "–"} Labels: ${
|
||||
issue.labels.join(", ") || "–"
|
||||
}`,
|
||||
);
|
||||
}
|
||||
console.log(
|
||||
"\nEchter Abgleich: GITEA_URL, GITEA_REPO und GITEA_TOKEN setzen (Token mit Recht „issue:write“).",
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
const gitea = new Gitea(basis, repo, token);
|
||||
|
||||
const vorhandeneLabels = new Map((await gitea.labels()).map((l) => [l.name.toLowerCase(), l.id]));
|
||||
const benoetigteLabels = [...new Set(issues.flatMap((issue) => issue.labels))];
|
||||
for (const name of benoetigteLabels) {
|
||||
if (!vorhandeneLabels.has(name)) {
|
||||
const neu = await gitea.labelAnlegen(name);
|
||||
vorhandeneLabels.set(name, neu.id);
|
||||
console.log(`Label angelegt: ${name}`);
|
||||
}
|
||||
}
|
||||
|
||||
const vorhandeneMeilensteine = new Map((await gitea.meilensteine()).map((m) => [m.title, m.id]));
|
||||
const benoetigteMeilensteine = [
|
||||
...new Set(issues.map((issue) => issue.meilenstein).filter((m): m is string => Boolean(m))),
|
||||
].sort();
|
||||
for (const titel of benoetigteMeilensteine) {
|
||||
if (!vorhandeneMeilensteine.has(titel)) {
|
||||
const neu = await gitea.meilensteinAnlegen(titel);
|
||||
vorhandeneMeilensteine.set(titel, neu.id);
|
||||
console.log(`Meilenstein angelegt: ${titel}`);
|
||||
}
|
||||
}
|
||||
|
||||
const vorhandeneIssues = new Map((await gitea.issues()).map((i) => [i.title, i]));
|
||||
|
||||
for (const issue of issues) {
|
||||
const titel = giteaTitel(issue);
|
||||
const daten = {
|
||||
title: titel,
|
||||
body: `${issue.koerper}\n\n---\nQuelle: \`docs/issues/${issue.dateiname}\` – dort wird dieses Issue gepflegt.`,
|
||||
labels: issue.labels
|
||||
.map((name) => vorhandeneLabels.get(name))
|
||||
.filter((id): id is number => Boolean(id)),
|
||||
milestone: issue.meilenstein ? vorhandeneMeilensteine.get(issue.meilenstein) : undefined,
|
||||
};
|
||||
|
||||
const vorhanden = vorhandeneIssues.get(titel);
|
||||
const zustand = issue.status.startsWith("erledigt") ? "closed" : "open";
|
||||
|
||||
if (vorhanden) {
|
||||
await gitea.issueAendern(vorhanden.number, { ...daten, state: zustand });
|
||||
console.log(`Aktualisiert: ${titel} (${zustand})`);
|
||||
} else {
|
||||
const neu = await gitea.issueAnlegen(daten);
|
||||
if (zustand === "closed") await gitea.issueAendern(neu.number, { state: "closed" });
|
||||
console.log(`Angelegt: ${titel} (${zustand})`);
|
||||
}
|
||||
}
|
||||
|
||||
console.log("\nAbgleich abgeschlossen.");
|
||||
}
|
||||
|
||||
main().catch((fehler) => {
|
||||
console.error(fehler instanceof Error ? fehler.message : fehler);
|
||||
process.exit(1);
|
||||
});
|
||||
@@ -1,34 +1,175 @@
|
||||
import Link from "next/link";
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import { TokenFormular } from "@/components/tokens/TokenFormular";
|
||||
import { Badge } from "@/components/ui/Badges";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import { CopyableCode } from "@/components/ui/CopyableCode";
|
||||
import { formatDatum, formatDatumZeit } from "@/lib/format";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { enrollmentTokenWiderrufen, hostTokenWiderrufen } from "@/server/actions/tokens";
|
||||
|
||||
export const metadata = { title: "Agent-Tokens" };
|
||||
|
||||
export default function TokensSeite() {
|
||||
export default async function TokensSeite() {
|
||||
const dashboardUrl = (process.env.APP_URL ?? "https://dashboard.example.de").replace(/\/$/, "");
|
||||
|
||||
const [kunden, enrollmentTokens, hostTokens] = await Promise.all([
|
||||
prisma.kunde.findMany({ orderBy: { name: "asc" }, select: { id: true, name: true } }),
|
||||
prisma.enrollmentToken.findMany({
|
||||
orderBy: { erstelltAm: "desc" },
|
||||
include: { kunde: { select: { name: true } } },
|
||||
}),
|
||||
prisma.agentToken.findMany({
|
||||
orderBy: { erstelltAm: "desc" },
|
||||
include: { host: { select: { id: true, hostname: true } } },
|
||||
}),
|
||||
]);
|
||||
|
||||
const jetzt = new Date();
|
||||
|
||||
function zustand(token: {
|
||||
widerrufenAm: Date | null;
|
||||
gueltigBis: Date | null;
|
||||
maxNutzungen: number | null;
|
||||
nutzungen: number;
|
||||
}) {
|
||||
if (token.widerrufenAm) return { text: "Widerrufen", farbe: "neutral" as const };
|
||||
if (token.gueltigBis && token.gueltigBis < jetzt) return { text: "Abgelaufen", farbe: "danger" as const };
|
||||
if (token.maxNutzungen !== null && token.nutzungen >= token.maxNutzungen)
|
||||
return { text: "Aufgebraucht", farbe: "warning" as const };
|
||||
return { text: "Gültig", farbe: "success" as const };
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<ContentHeader
|
||||
titel="Agent-Tokens"
|
||||
brotkrumen={[{ titel: "Einstellungen" }, { titel: "Agent-Tokens" }]}
|
||||
/>
|
||||
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
<Card titel="Agent installieren" rahmen="primary">
|
||||
<p>
|
||||
Auf dem Proxmox-Host als root ausführen. Der Enrollment-Token gilt bis zum angegebenen Datum und
|
||||
kann mehrfach verwendet werden.
|
||||
<Card titel="Neuen Enrollment-Token erzeugen" rahmen="primary">
|
||||
<p className="text-body-secondary">
|
||||
Mit einem Enrollment-Token registriert sich ein Agent einmalig und erhält dabei seinen eigenen
|
||||
Host-Token. Ist ein Kunde hinterlegt, sind neue Hosts sofort zugeordnet und tauchen nicht unter{" "}
|
||||
<Link href="/hosts/nicht-zugeordnet">Nicht zugeordnet</Link> auf.
|
||||
</p>
|
||||
<pre className="bg-body-secondary p-3 rounded">
|
||||
<code className="pl-mono">
|
||||
curl -fsSL https://proxledger.example.de/install.sh | bash -s -- --token plx_e_BEISPIEL
|
||||
</code>
|
||||
</pre>
|
||||
<CopyableCode wert="plx_e_BEISPIEL" />
|
||||
<TokenFormular kunden={kunden} dashboardUrl={dashboardUrl} />
|
||||
</Card>
|
||||
<Card titel="Vorhandene Tokens" rahmen="info">
|
||||
<p className="text-body-secondary mb-0">
|
||||
Ausgabe, Ablauf und Widerruf von Enrollment- und Host-Tokens folgen in #006.
|
||||
</p>
|
||||
|
||||
<Card titel={`Enrollment-Tokens (${enrollmentTokens.length})`} rahmen="info" tabelle>
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Bezeichnung</th>
|
||||
<th scope="col">Anfang</th>
|
||||
<th scope="col">Kunde</th>
|
||||
<th scope="col">Gültig bis</th>
|
||||
<th scope="col">Nutzungen</th>
|
||||
<th scope="col">Zustand</th>
|
||||
<th scope="col" className="text-end">
|
||||
Aktion
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{enrollmentTokens.map((token) => {
|
||||
const status = zustand(token);
|
||||
return (
|
||||
<tr key={token.id}>
|
||||
<td>{token.bezeichnung ?? "–"}</td>
|
||||
<td className="pl-mono">{token.praefix}…</td>
|
||||
<td>{token.kunde?.name ?? "–"}</td>
|
||||
<td>{formatDatum(token.gueltigBis)}</td>
|
||||
<td>
|
||||
{token.nutzungen}
|
||||
{token.maxNutzungen !== null ? ` / ${token.maxNutzungen}` : ""}
|
||||
</td>
|
||||
<td>
|
||||
<Badge farbe={status.farbe}>{status.text}</Badge>
|
||||
</td>
|
||||
<td className="text-end">
|
||||
{token.widerrufenAm ? null : (
|
||||
<form action={enrollmentTokenWiderrufen}>
|
||||
<input type="hidden" name="id" value={token.id} />
|
||||
<button type="submit" className="btn btn-sm btn-outline-danger">
|
||||
Widerrufen
|
||||
</button>
|
||||
</form>
|
||||
)}
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
{enrollmentTokens.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={7} className="text-center text-body-secondary py-4">
|
||||
Noch kein Enrollment-Token erzeugt.
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</Card>
|
||||
|
||||
<Card titel={`Host-Tokens (${hostTokens.length})`} rahmen="info" tabelle>
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Host</th>
|
||||
<th scope="col">Anfang</th>
|
||||
<th scope="col">Erstellt</th>
|
||||
<th scope="col">Zuletzt benutzt</th>
|
||||
<th scope="col">Zustand</th>
|
||||
<th scope="col" className="text-end">
|
||||
Aktion
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{hostTokens.map((token) => (
|
||||
<tr key={token.id}>
|
||||
<td>
|
||||
<Link href={`/hosts/${token.host.id}`} className="text-decoration-none">
|
||||
{token.host.hostname}
|
||||
</Link>
|
||||
</td>
|
||||
<td className="pl-mono">{token.praefix}…</td>
|
||||
<td>{formatDatum(token.erstelltAm)}</td>
|
||||
<td>{formatDatumZeit(token.letzteNutzungAm)}</td>
|
||||
<td>
|
||||
{token.widerrufenAm ? (
|
||||
<Badge farbe="neutral">Widerrufen</Badge>
|
||||
) : (
|
||||
<Badge farbe="success">Aktiv</Badge>
|
||||
)}
|
||||
</td>
|
||||
<td className="text-end">
|
||||
{token.widerrufenAm ? null : (
|
||||
<form action={hostTokenWiderrufen}>
|
||||
<input type="hidden" name="id" value={token.id} />
|
||||
<input type="hidden" name="hostId" value={token.host.id} />
|
||||
<button type="submit" className="btn btn-sm btn-outline-danger">
|
||||
Widerrufen
|
||||
</button>
|
||||
</form>
|
||||
)}
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
{hostTokens.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={6} className="text-center text-body-secondary py-4">
|
||||
Noch kein Host registriert.
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import Link from "next/link";
|
||||
import { notFound } from "next/navigation";
|
||||
import { HostNotizen } from "@/components/hosts/HostNotizen";
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import {
|
||||
AblaufBadge,
|
||||
@@ -12,25 +13,18 @@ import {
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import { CopyableCode } from "@/components/ui/CopyableCode";
|
||||
import { Tabs } from "@/components/ui/Tabs";
|
||||
import { PRODUKT_TEXT } from "@/lib/anzeige";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { formatDatum, formatDatumZeit, formatEuro, formatUptime, formatZahl } from "@/lib/format";
|
||||
import { HEUTE, hosts } from "@/mock/data";
|
||||
import {
|
||||
PRODUKT_NAME,
|
||||
alertsVonHost,
|
||||
getHost,
|
||||
getKunde,
|
||||
hostMeldetNicht,
|
||||
laufzeitenVonHost,
|
||||
reportsVonHost,
|
||||
} from "@/mock/queries";
|
||||
|
||||
export function generateStaticParams() {
|
||||
return hosts.map((host) => ({ id: host.id }));
|
||||
}
|
||||
import { hostKundeSetzen } from "@/server/actions/host-detail";
|
||||
import { hostTokenWiderrufen } from "@/server/actions/tokens";
|
||||
import { hostMitDetails } from "@/server/queries/hostliste";
|
||||
import { meldungsGrenze } from "@/server/queries/hosts";
|
||||
|
||||
export async function generateMetadata({ params }: { params: Promise<{ id: string }> }) {
|
||||
const { id } = await params;
|
||||
return { title: getHost(id)?.hostname ?? "Host" };
|
||||
const host = await prisma.host.findUnique({ where: { id }, select: { hostname: true } });
|
||||
return { title: host?.hostname ?? "Host" };
|
||||
}
|
||||
|
||||
function Zeile({ bezeichnung, children }: { bezeichnung: string; children: React.ReactNode }) {
|
||||
@@ -44,38 +38,41 @@ function Zeile({ bezeichnung, children }: { bezeichnung: string; children: React
|
||||
|
||||
export default async function HostDetailSeite({ params }: { params: Promise<{ id: string }> }) {
|
||||
const { id } = await params;
|
||||
const host = getHost(id);
|
||||
const host = await hostMitDetails(id);
|
||||
if (!host) notFound();
|
||||
|
||||
const kunde = getKunde(host.kundeId);
|
||||
const standort = kunde?.standorte.find((s) => s.id === host.standortId);
|
||||
const laufzeiten = laufzeitenVonHost(host.id);
|
||||
const reports = reportsVonHost(host.id);
|
||||
const alerts = alertsVonHost(host.id);
|
||||
const keys = [...new Set(laufzeiten.map((l) => l.key))];
|
||||
const kunden = await prisma.kunde.findMany({
|
||||
orderBy: { name: "asc" },
|
||||
select: { id: true, name: true },
|
||||
});
|
||||
|
||||
const jetzt = new Date();
|
||||
const meldetNicht = !host.letzterReportAm || host.letzterReportAm < meldungsGrenze(jetzt);
|
||||
const socketAbweichung =
|
||||
host.subLizenzierteSockets !== null &&
|
||||
host.sockets !== null &&
|
||||
host.subLizenzierteSockets !== host.sockets;
|
||||
|
||||
return (
|
||||
<>
|
||||
<ContentHeader
|
||||
titel={host.hostname}
|
||||
brotkrumen={[{ titel: "Hosts", href: "/hosts" }, { titel: host.hostname }]}
|
||||
aktion={<StatusBadge status={host.subscription.status} />}
|
||||
aktion={<StatusBadge status={host.subStatus} />}
|
||||
/>
|
||||
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
{alerts.length > 0 ? (
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<Card titel="Offene Warnungen" rahmen="danger">
|
||||
{host.alerts.length > 0 ? (
|
||||
<Card titel={`Offene Warnungen (${host.alerts.length})`} rahmen="danger">
|
||||
<ul className="list-unstyled mb-0">
|
||||
{alerts.map((alert) => (
|
||||
{host.alerts.map((alert) => (
|
||||
<li key={alert.id} className="mb-2">
|
||||
<Badge
|
||||
farbe={
|
||||
alert.schwere === "gefahr"
|
||||
alert.schwere === "GEFAHR"
|
||||
? "danger"
|
||||
: alert.schwere === "warnung"
|
||||
: alert.schwere === "WARNUNG"
|
||||
? "warning"
|
||||
: "info"
|
||||
}
|
||||
@@ -87,8 +84,6 @@ export default async function HostDetailSeite({ params }: { params: Promise<{ id
|
||||
))}
|
||||
</ul>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
<div className="row">
|
||||
@@ -98,40 +93,69 @@ export default async function HostDetailSeite({ params }: { params: Promise<{ id
|
||||
<i className="bi bi-hdd-rack fs-1 text-body-secondary" aria-hidden="true" />
|
||||
<h2 className="h5 mt-2 mb-1">{host.hostname}</h2>
|
||||
<div className="text-body-secondary small">{host.fqdn ?? "Kein FQDN gemeldet"}</div>
|
||||
{hostMeldetNicht(host) ? <KeineMeldungBadge /> : null}
|
||||
{meldetNicht ? <KeineMeldungBadge /> : null}
|
||||
</div>
|
||||
|
||||
<Zeile bezeichnung="Kunde">
|
||||
{kunde ? (
|
||||
<Link href={`/kunden/${kunde.id}`}>{kunde.name}</Link>
|
||||
{host.kunde ? (
|
||||
<Link href={`/kunden/${host.kunde.id}`}>{host.kunde.name}</Link>
|
||||
) : (
|
||||
<Link href="/hosts/nicht-zugeordnet" className="badge pl-bg-neutral text-decoration-none">
|
||||
Nicht zugeordnet
|
||||
</Link>
|
||||
<span className="badge pl-bg-neutral">Nicht zugeordnet</span>
|
||||
)}
|
||||
</Zeile>
|
||||
<Zeile bezeichnung="Standort">{standort?.name ?? "–"}</Zeile>
|
||||
<Zeile bezeichnung="Produkt">{PRODUKT_NAME[host.produkt]}</Zeile>
|
||||
<Zeile bezeichnung="Standort">{host.standort?.name ?? "–"}</Zeile>
|
||||
<Zeile bezeichnung="Produkt">{PRODUKT_TEXT[host.produkt]}</Zeile>
|
||||
<Zeile bezeichnung="Version">{host.produktVersion ?? "–"}</Zeile>
|
||||
<Zeile bezeichnung="Kernel">{host.kernel ?? "–"}</Zeile>
|
||||
<Zeile bezeichnung="Server-ID">
|
||||
<CopyableCode wert={host.serverId} />
|
||||
</Zeile>
|
||||
<Zeile bezeichnung="Cluster / Node">
|
||||
{host.clusterName ? `${host.clusterName} / ${host.nodeName}` : "–"}
|
||||
{host.clusterName ? `${host.clusterName} / ${host.nodeName ?? "?"}` : "–"}
|
||||
</Zeile>
|
||||
<Zeile bezeichnung="IP-Adressen">{host.ips.join(", ")}</Zeile>
|
||||
<Zeile bezeichnung="IP-Adressen">{host.ips.join(", ") || "–"}</Zeile>
|
||||
<Zeile bezeichnung="CPU">{host.cpuModell ?? "–"}</Zeile>
|
||||
<Zeile bezeichnung="Sockets (lizenziert / physisch)">
|
||||
{host.subscription.lizenzierteSockets ?? "–"} / {host.sockets ?? "–"}
|
||||
{host.subLizenzierteSockets ?? "–"} / {host.sockets ?? "–"}
|
||||
{socketAbweichung ? (
|
||||
<i
|
||||
className="bi bi-exclamation-triangle-fill pl-text-warning ms-2"
|
||||
title="Lizenzierte und physische Sockets weichen ab"
|
||||
/>
|
||||
) : null}
|
||||
</Zeile>
|
||||
<Zeile bezeichnung="Uptime">
|
||||
{formatUptime(host.uptimeSekunden === null ? null : Number(host.uptimeSekunden))}
|
||||
</Zeile>
|
||||
<Zeile bezeichnung="Uptime">{formatUptime(host.uptimeSekunden)}</Zeile>
|
||||
<Zeile bezeichnung="Paket-Updates">{formatZahl(host.paketUpdates)}</Zeile>
|
||||
<Zeile bezeichnung="Agent-Version">{host.agentVersion}</Zeile>
|
||||
<Zeile bezeichnung="Letzte Meldung">{formatDatumZeit(host.letzterReport)}</Zeile>
|
||||
<div className="d-grid gap-2 mt-3">
|
||||
<span className="btn btn-outline-secondary disabled">Kunde ändern (ab #006)</span>
|
||||
<Zeile bezeichnung="Agent-Version">{host.agentVersion ?? "–"}</Zeile>
|
||||
<Zeile bezeichnung="Erstmals gesehen">{formatDatum(host.erstmalsGesehenAm)}</Zeile>
|
||||
<Zeile bezeichnung="Letzte Meldung">{formatDatumZeit(host.letzterReportAm)}</Zeile>
|
||||
|
||||
<form action={hostKundeSetzen} className="mt-3">
|
||||
<input type="hidden" name="hostId" value={host.id} />
|
||||
<label className="form-label small" htmlFor="kundeId">
|
||||
Kunde ändern
|
||||
</label>
|
||||
<div className="input-group input-group-sm">
|
||||
<select
|
||||
id="kundeId"
|
||||
name="kundeId"
|
||||
className="form-select"
|
||||
defaultValue={host.kundeId ?? ""}
|
||||
>
|
||||
<option value="">– nicht zugeordnet –</option>
|
||||
{kunden.map((kunde) => (
|
||||
<option key={kunde.id} value={kunde.id}>
|
||||
{kunde.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
<button type="submit" className="btn btn-outline-primary">
|
||||
Setzen
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
@@ -145,69 +169,117 @@ export default async function HostDetailSeite({ params }: { params: Promise<{ id
|
||||
inhalt: (
|
||||
<>
|
||||
<Zeile bezeichnung="Subscription-Key">
|
||||
<CopyableCode wert={host.subscription.key} />
|
||||
<CopyableCode wert={host.subKey} />
|
||||
</Zeile>
|
||||
<Zeile bezeichnung="Status">
|
||||
<StatusBadge status={host.subscription.status} />
|
||||
<StatusBadge status={host.subStatus} />
|
||||
</Zeile>
|
||||
<Zeile bezeichnung="Produktname">{host.subscription.produktname ?? "–"}</Zeile>
|
||||
<Zeile bezeichnung="Level">{host.subscription.level ?? "–"}</Zeile>
|
||||
<Zeile bezeichnung="Registriert am">{formatDatum(host.subscription.regdate)}</Zeile>
|
||||
<Zeile bezeichnung="Produktname">{host.subProduktname ?? "–"}</Zeile>
|
||||
<Zeile bezeichnung="Level">{host.subLevel ?? "–"}</Zeile>
|
||||
<Zeile bezeichnung="Registriert am">{formatDatum(host.subRegdate)}</Zeile>
|
||||
<Zeile bezeichnung="Läuft ab am">
|
||||
<AblaufBadge datum={host.subscription.nextduedate} heute={HEUTE} />
|
||||
<AblaufBadge datum={host.subNextduedate?.toISOString() ?? null} heute={jetzt} />
|
||||
</Zeile>
|
||||
<Zeile bezeichnung="Letzte Prüfung durch Proxmox">
|
||||
{formatDatumZeit(host.subscription.checktime)}
|
||||
{formatDatumZeit(host.subChecktime)}
|
||||
</Zeile>
|
||||
<div className="mt-3">
|
||||
{host.tags.map((tag) => (
|
||||
<span key={tag} className="badge pl-bg-neutral me-1">
|
||||
{tag}
|
||||
{host.tags.length === 0 ? (
|
||||
<span className="text-body-secondary small">Keine Tags</span>
|
||||
) : (
|
||||
host.tags.map((tag) => (
|
||||
<span key={tag.id} className="badge pl-bg-neutral me-1">
|
||||
{tag.name}
|
||||
</span>
|
||||
))}
|
||||
))
|
||||
)}
|
||||
</div>
|
||||
</>
|
||||
),
|
||||
},
|
||||
{
|
||||
id: "keys",
|
||||
id: "historie",
|
||||
titel: "Subscription-Historie",
|
||||
icon: "bi-key",
|
||||
inhalt: (
|
||||
<table className="table table-striped align-middle mb-0">
|
||||
<>
|
||||
<h3 className="h6">Keys</h3>
|
||||
<table className="table table-striped align-middle mb-4">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Key</th>
|
||||
<th scope="col">Erste Laufzeit</th>
|
||||
<th scope="col">Letzte Laufzeit</th>
|
||||
<th scope="col">Erstmals gemeldet</th>
|
||||
<th scope="col">Zuletzt gemeldet</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{keys.map((key) => {
|
||||
const zugehoerig = laufzeiten.filter((l) => l.key === key);
|
||||
return (
|
||||
<tr key={key}>
|
||||
{host.keyHistorie.map((eintrag) => (
|
||||
<tr key={eintrag.id}>
|
||||
<td>
|
||||
<CopyableCode wert={key} />
|
||||
<CopyableCode wert={eintrag.key} />
|
||||
</td>
|
||||
<td>{formatDatum(zugehoerig[zugehoerig.length - 1]?.start)}</td>
|
||||
<td>{formatDatum(zugehoerig[0]?.ende)}</td>
|
||||
<td>{formatDatum(eintrag.ersteMeldung)}</td>
|
||||
<td>{formatDatum(eintrag.letzteMeldung)}</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
))}
|
||||
{host.keyHistorie.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={3} className="text-body-secondary">
|
||||
Noch kein Key gemeldet.
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h3 className="h6">Server-IDs</h3>
|
||||
<table className="table table-striped align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Server-ID</th>
|
||||
<th scope="col">Erstmals gemeldet</th>
|
||||
<th scope="col">Zuletzt gemeldet</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{host.serverIdHistorie.map((eintrag) => (
|
||||
<tr key={eintrag.id}>
|
||||
<td>
|
||||
<CopyableCode wert={eintrag.serverId} />
|
||||
</td>
|
||||
<td>{formatDatum(eintrag.ersteMeldung)}</td>
|
||||
<td>{formatDatum(eintrag.letzteMeldung)}</td>
|
||||
</tr>
|
||||
))}
|
||||
{host.serverIdHistorie.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={3} className="text-body-secondary">
|
||||
Noch keine Server-ID gemeldet.
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
{host.serverIdHistorie.length > 1 ? (
|
||||
<p className="small pl-text-warning mt-2 mb-0">
|
||||
Mehrere Server-IDs bedeuten Hardwaretausch oder Neuinstallation – der Key muss
|
||||
dann bei Proxmox neu zugewiesen werden.
|
||||
</p>
|
||||
) : null}
|
||||
</>
|
||||
),
|
||||
},
|
||||
{
|
||||
id: "reports",
|
||||
titel: "Reports",
|
||||
titel: `Reports (${host.reports.length})`,
|
||||
icon: "bi-clock-history",
|
||||
inhalt: (
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Zeitpunkt</th>
|
||||
<th scope="col">Erhoben</th>
|
||||
<th scope="col">Empfangen</th>
|
||||
<th scope="col">Status</th>
|
||||
<th scope="col">Key</th>
|
||||
<th scope="col">Ablauf</th>
|
||||
@@ -216,22 +288,31 @@ export default async function HostDetailSeite({ params }: { params: Promise<{ id
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{reports.map((report) => (
|
||||
{host.reports.map((report) => (
|
||||
<tr key={report.id}>
|
||||
<td>{formatDatumZeit(report.zeitpunkt)}</td>
|
||||
<td>
|
||||
<StatusBadge status={report.status} />
|
||||
<td>{formatDatumZeit(report.erhobenAm)}</td>
|
||||
<td className="small text-body-secondary">
|
||||
{formatDatumZeit(report.empfangenAm)}
|
||||
</td>
|
||||
<td>
|
||||
<span className="pl-mono">{report.key ?? "–"}</span>
|
||||
<StatusBadge status={report.subStatus} />
|
||||
</td>
|
||||
<td>{formatDatum(report.nextduedate)}</td>
|
||||
<td className="pl-mono">{report.subKey ?? "–"}</td>
|
||||
<td>{formatDatum(report.subNextduedate)}</td>
|
||||
<td>{formatZahl(report.paketUpdates)}</td>
|
||||
<td>{report.agentVersion}</td>
|
||||
<td>{report.agentVersion ?? "–"}</td>
|
||||
</tr>
|
||||
))}
|
||||
{host.reports.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={7} className="text-body-secondary">
|
||||
Noch kein Report eingegangen.
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
{
|
||||
@@ -239,6 +320,7 @@ export default async function HostDetailSeite({ params }: { params: Promise<{ id
|
||||
titel: "Rechnungen",
|
||||
icon: "bi-receipt",
|
||||
inhalt: (
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -251,57 +333,128 @@ export default async function HostDetailSeite({ params }: { params: Promise<{ id
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{laufzeiten.map((laufzeit) => (
|
||||
{host.laufzeiten.map((laufzeit) => {
|
||||
const einkauf = laufzeit.proxmoxPosition
|
||||
? Number(laufzeit.proxmoxPosition.nettoBetrag)
|
||||
: null;
|
||||
const verkauf = laufzeit.kundenPosition
|
||||
? Number(laufzeit.kundenPosition.nettoBetrag)
|
||||
: null;
|
||||
return (
|
||||
<tr key={laufzeit.id}>
|
||||
<td>
|
||||
{formatDatum(laufzeit.start)} – {formatDatum(laufzeit.ende)}
|
||||
{laufzeit.vorschlag ? (
|
||||
{laufzeit.status === "VORSCHLAG" ? (
|
||||
<span className="badge pl-bg-info ms-2">Vorschlag</span>
|
||||
) : null}
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={laufzeit.einkauf?.nummer ?? null} />
|
||||
<CopyableCode wert={laufzeit.proxmoxPosition?.rechnung.nummer ?? null} />
|
||||
<div>
|
||||
<EinkaufBadge
|
||||
bezahlt={laufzeit.einkauf ? laufzeit.einkauf.bezahlt : null}
|
||||
bezahlt={
|
||||
laufzeit.proxmoxPosition
|
||||
? laufzeit.proxmoxPosition.rechnung.bezahlt
|
||||
: null
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>{formatEuro(laufzeit.einkauf?.nettoBetrag)}</td>
|
||||
<td>{formatEuro(einkauf)}</td>
|
||||
<td>
|
||||
<CopyableCode wert={laufzeit.verkauf?.nummer ?? null} />
|
||||
<CopyableCode wert={laufzeit.kundenPosition?.rechnung.nummer ?? null} />
|
||||
<div>
|
||||
<VerkaufBadge
|
||||
erstellt={laufzeit.verkauf?.erstellt ?? false}
|
||||
bezahlt={laufzeit.verkauf?.bezahlt ?? false}
|
||||
erstellt={laufzeit.kundenPosition?.rechnung.erstellt ?? false}
|
||||
bezahlt={laufzeit.kundenPosition?.rechnung.bezahlt ?? false}
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>{formatEuro(laufzeit.verkauf?.nettoBetrag)}</td>
|
||||
<td>{formatEuro(verkauf)}</td>
|
||||
<td>
|
||||
{laufzeit.einkauf && laufzeit.verkauf?.nettoBetrag
|
||||
? formatEuro(
|
||||
(laufzeit.verkauf.nettoBetrag ?? 0) -
|
||||
(laufzeit.einkauf.nettoBetrag ?? 0),
|
||||
)
|
||||
{einkauf !== null && verkauf !== null
|
||||
? formatEuro(verkauf - einkauf)
|
||||
: "–"}
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
);
|
||||
})}
|
||||
{host.laufzeiten.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={6} className="text-body-secondary">
|
||||
Noch keine Laufzeit erfasst.
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
{
|
||||
id: "notizen",
|
||||
titel: "Notizen",
|
||||
titel: "Notizen und Tags",
|
||||
icon: "bi-journal-text",
|
||||
inhalt: (
|
||||
<p className="mb-0">
|
||||
{host.notizen ?? (
|
||||
<span className="text-body-secondary">Keine Notizen hinterlegt.</span>
|
||||
<HostNotizen
|
||||
hostId={host.id}
|
||||
notizen={host.notizen}
|
||||
tags={host.tags.map((tag) => tag.name)}
|
||||
/>
|
||||
),
|
||||
},
|
||||
{
|
||||
id: "tokens",
|
||||
titel: "Tokens",
|
||||
icon: "bi-key-fill",
|
||||
inhalt: (
|
||||
<table className="table table-striped align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Anfang</th>
|
||||
<th scope="col">Erstellt</th>
|
||||
<th scope="col">Zuletzt benutzt</th>
|
||||
<th scope="col">Zustand</th>
|
||||
<th scope="col" className="text-end">
|
||||
Aktion
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{host.tokens.map((token) => (
|
||||
<tr key={token.id}>
|
||||
<td className="pl-mono">{token.praefix}…</td>
|
||||
<td>{formatDatum(token.erstelltAm)}</td>
|
||||
<td>{formatDatumZeit(token.letzteNutzungAm)}</td>
|
||||
<td>
|
||||
{token.widerrufenAm ? (
|
||||
<Badge farbe="neutral">Widerrufen</Badge>
|
||||
) : (
|
||||
<Badge farbe="success">Aktiv</Badge>
|
||||
)}
|
||||
</p>
|
||||
</td>
|
||||
<td className="text-end">
|
||||
{token.widerrufenAm ? null : (
|
||||
<form action={hostTokenWiderrufen}>
|
||||
<input type="hidden" name="id" value={token.id} />
|
||||
<input type="hidden" name="hostId" value={host.id} />
|
||||
<button type="submit" className="btn btn-sm btn-outline-danger">
|
||||
Widerrufen
|
||||
</button>
|
||||
</form>
|
||||
)}
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
{host.tokens.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={5} className="text-body-secondary">
|
||||
Kein Token vorhanden – dieser Host stammt aus den Demo-Daten.
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
),
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -0,0 +1,69 @@
|
||||
import { PRODUKT_TEXT, STATUS_TEXT, statusAusDatenbank } from "@/lib/anzeige";
|
||||
import { csvAntwort, csvDatei } from "@/lib/csv";
|
||||
import { hostListe, type HostFilter } from "@/server/queries/hostliste";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
/** CSV-Export der Host-Tabelle; übernimmt die Filter aus der Adresse. */
|
||||
export async function GET(request: Request) {
|
||||
const parameter = new URL(request.url).searchParams;
|
||||
const filter: HostFilter = {
|
||||
q: parameter.get("q") ?? undefined,
|
||||
kunde: parameter.get("kunde") ?? undefined,
|
||||
status: parameter.get("status") ?? undefined,
|
||||
produkt: parameter.get("produkt") ?? undefined,
|
||||
ablauf: (parameter.get("ablauf") as HostFilter["ablauf"]) ?? undefined,
|
||||
rechnung: (parameter.get("rechnung") as HostFilter["rechnung"]) ?? undefined,
|
||||
sortierung: parameter.get("sortierung") ?? undefined,
|
||||
// Der Export enthält alle Treffer, nicht nur die aktuelle Seite.
|
||||
seite: 1,
|
||||
};
|
||||
|
||||
const { gesamt } = await hostListe({ ...filter }, new Date());
|
||||
const alle = [];
|
||||
for (let seite = 1; alle.length < gesamt; seite++) {
|
||||
const teil = await hostListe({ ...filter, seite }, new Date());
|
||||
if (teil.hosts.length === 0) break;
|
||||
alle.push(...teil.hosts);
|
||||
}
|
||||
|
||||
const inhalt = csvDatei(
|
||||
[
|
||||
"Hostname",
|
||||
"FQDN",
|
||||
"Kunde",
|
||||
"Standort",
|
||||
"Produkt",
|
||||
"Version",
|
||||
"Status",
|
||||
"Subscription-Key",
|
||||
"Server-ID",
|
||||
"Sockets lizenziert",
|
||||
"Sockets physisch",
|
||||
"Ablauf",
|
||||
"Letzte Meldung",
|
||||
"IP-Adressen",
|
||||
"Agent-Version",
|
||||
],
|
||||
alle.map((host) => [
|
||||
host.hostname,
|
||||
host.fqdn,
|
||||
host.kunde?.name ?? "Nicht zugeordnet",
|
||||
host.standort?.name ?? "",
|
||||
PRODUKT_TEXT[host.produkt],
|
||||
host.produktVersion,
|
||||
STATUS_TEXT[statusAusDatenbank(host.subStatus)],
|
||||
host.subKey,
|
||||
host.serverId,
|
||||
host.subLizenzierteSockets,
|
||||
host.sockets,
|
||||
host.subNextduedate,
|
||||
host.letzterReportAm,
|
||||
host.ips.join(", "),
|
||||
host.agentVersion,
|
||||
]),
|
||||
);
|
||||
|
||||
const datum = new Date().toISOString().slice(0, 10);
|
||||
return csvAntwort(inhalt, `proxledger-hosts-${datum}.csv`);
|
||||
}
|
||||
@@ -1,15 +1,25 @@
|
||||
import Link from "next/link";
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import { ZuweisungsFormular } from "@/components/hosts/ZuweisungsFormular";
|
||||
import { Callout } from "@/components/ui/Callout";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import { CopyableCode } from "@/components/ui/CopyableCode";
|
||||
import { formatDatumZeit } from "@/lib/format";
|
||||
import { kunden } from "@/mock/data";
|
||||
import { PRODUKT_NAME, nichtZugeordneteHosts } from "@/mock/queries";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { hostsOhneKunde } from "@/server/queries/hosts";
|
||||
|
||||
export const metadata = { title: "Nicht zugeordnete Hosts" };
|
||||
|
||||
export default function NichtZugeordnetSeite() {
|
||||
const liste = nichtZugeordneteHosts();
|
||||
export default async function NichtZugeordnetSeite() {
|
||||
const [hosts, kunden] = await Promise.all([
|
||||
hostsOhneKunde(),
|
||||
prisma.kunde.findMany({
|
||||
orderBy: { name: "asc" },
|
||||
select: {
|
||||
id: true,
|
||||
name: true,
|
||||
standorte: { select: { id: true, name: true }, orderBy: { name: "asc" } },
|
||||
},
|
||||
}),
|
||||
]);
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -20,83 +30,40 @@ export default function NichtZugeordnetSeite() {
|
||||
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
<Callout titel="Schnellzuweisung" farbe="info">
|
||||
Mehrere Hosts auswählen und gemeinsam einem Kunden zuweisen. Im Prototyp ist das Formular noch
|
||||
ohne Funktion – die Zuweisung folgt in #006.
|
||||
{hosts.length === 0 ? (
|
||||
<Callout titel="Alles zugeordnet" farbe="info">
|
||||
Jeder gemeldete Host gehört zu einem Kunden. Neu registrierte Hosts erscheinen automatisch hier.
|
||||
</Callout>
|
||||
) : (
|
||||
<Callout titel="Schnellzuweisung" farbe="warning">
|
||||
Hosts auswählen, Kunde wählen und in einem Schritt zuweisen. Wer Hosts direkt vorzuordnen
|
||||
möchte, erzeugt unter <Link href="/einstellungen/tokens">Agent-Tokens</Link> einen
|
||||
Enrollment-Token mit Kundenbindung – damit landen neue Hosts sofort beim richtigen Kunden.
|
||||
</Callout>
|
||||
)}
|
||||
|
||||
<Card titel={`${liste.length} Hosts ohne Kunde`} rahmen="warning" tabelle>
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
<input type="checkbox" className="form-check-input" aria-label="Alle auswählen" />
|
||||
</th>
|
||||
<th scope="col">Host</th>
|
||||
<th scope="col">Produkt</th>
|
||||
<th scope="col">Server-ID</th>
|
||||
<th scope="col">Key</th>
|
||||
<th scope="col">Erste Meldung</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{liste.map((host) => (
|
||||
<tr key={host.id}>
|
||||
<td>
|
||||
<input
|
||||
type="checkbox"
|
||||
className="form-check-input"
|
||||
aria-label={`${host.hostname} auswählen`}
|
||||
defaultChecked
|
||||
{kunden.length === 0 ? (
|
||||
<Callout titel="Noch kein Kunde vorhanden" farbe="danger">
|
||||
Zum Zuweisen wird mindestens ein Kunde benötigt.{" "}
|
||||
<Link href="/kunden/neu">Jetzt einen Kunden anlegen.</Link>
|
||||
</Callout>
|
||||
) : null}
|
||||
|
||||
{hosts.length > 0 ? (
|
||||
<Card titel={`${hosts.length} Hosts ohne Kunde`} rahmen="warning" tabelle>
|
||||
<ZuweisungsFormular
|
||||
hosts={hosts.map((host) => ({
|
||||
id: host.id,
|
||||
hostname: host.hostname,
|
||||
produkt: host.produkt,
|
||||
serverId: host.serverId,
|
||||
subKey: host.subKey,
|
||||
erstmalsGesehenAm: host.erstmalsGesehenAm.toISOString(),
|
||||
}))}
|
||||
kunden={kunden}
|
||||
/>
|
||||
</td>
|
||||
<td className="fw-semibold">{host.hostname}</td>
|
||||
<td>{PRODUKT_NAME[host.produkt]}</td>
|
||||
<td>
|
||||
<CopyableCode wert={host.serverId} />
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={host.subscription.key} />
|
||||
</td>
|
||||
<td>{formatDatumZeit(host.letzterReport)}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</Card>
|
||||
|
||||
<Card titel="Ausgewählte Hosts zuweisen">
|
||||
<div className="row g-2 align-items-end">
|
||||
<div className="col-md-5">
|
||||
<label className="form-label" htmlFor="kunde">
|
||||
Kunde
|
||||
</label>
|
||||
<select id="kunde" className="form-select">
|
||||
{kunden.map((kunde) => (
|
||||
<option key={kunde.id}>{kunde.name}</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-md-5">
|
||||
<label className="form-label" htmlFor="standort">
|
||||
Standort (optional)
|
||||
</label>
|
||||
<select id="standort" className="form-select">
|
||||
<option>– kein Standort –</option>
|
||||
{kunden[0].standorte.map((standort) => (
|
||||
<option key={standort.id}>{standort.name}</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-md-2">
|
||||
<button type="button" className="btn btn-primary w-100" disabled>
|
||||
Zuweisen
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
) : null}
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
|
||||
@@ -1,23 +1,96 @@
|
||||
import Link from "next/link";
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import { HostFilterLeiste } from "@/components/hosts/HostFilterLeiste";
|
||||
import { AblaufBadge, KeineMeldungBadge, StatusBadge } from "@/components/ui/Badges";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import { CopyableCode } from "@/components/ui/CopyableCode";
|
||||
import { HEUTE, hosts } from "@/mock/data";
|
||||
import { PRODUKT_NAME, getKunde, hostMeldetNicht, suche } from "@/mock/queries";
|
||||
import { PRODUKT_TEXT } from "@/lib/anzeige";
|
||||
import { formatDatumZeit } from "@/lib/format";
|
||||
import { filterOptionen, hostListe, type HostFilter } from "@/server/queries/hostliste";
|
||||
|
||||
export const metadata = { title: "Hosts" };
|
||||
|
||||
export default async function HostsSeite({
|
||||
searchParams,
|
||||
}: {
|
||||
searchParams: Promise<{ q?: string; status?: string; kunde?: string }>;
|
||||
}) {
|
||||
const { q, status, kunde } = await searchParams;
|
||||
type SuchParameter = Promise<Record<string, string | string[] | undefined>>;
|
||||
|
||||
let liste = q ? suche(q).hosts : hosts;
|
||||
if (status) liste = liste.filter((h) => h.subscription.status === status);
|
||||
if (kunde) liste = liste.filter((h) => h.kundeId === kunde);
|
||||
function einzeln(wert: string | string[] | undefined): string | undefined {
|
||||
const text = Array.isArray(wert) ? wert[0] : wert;
|
||||
return text && text.length > 0 ? text : undefined;
|
||||
}
|
||||
|
||||
/** Baut eine Adresse mit geänderten Parametern – für Sortierung, Blättern und Export. */
|
||||
function mitParametern(
|
||||
basis: Record<string, string | undefined>,
|
||||
aenderung: Record<string, string | undefined> = {},
|
||||
pfad = "/hosts",
|
||||
) {
|
||||
const params = new URLSearchParams();
|
||||
for (const [schluessel, wert] of Object.entries({ ...basis, ...aenderung })) {
|
||||
if (wert) params.set(schluessel, wert);
|
||||
}
|
||||
const text = params.toString();
|
||||
return text ? `${pfad}?${text}` : pfad;
|
||||
}
|
||||
|
||||
/** Spaltenkopf, der beim Klick die Sortierung umschaltet. */
|
||||
function SortierKopf({
|
||||
titel,
|
||||
feld,
|
||||
basis,
|
||||
sortierung,
|
||||
}: {
|
||||
titel: string;
|
||||
feld: string;
|
||||
basis: Record<string, string | undefined>;
|
||||
sortierung: string | undefined;
|
||||
}) {
|
||||
const aktiv = (sortierung ?? "hostname").startsWith(feld);
|
||||
const absteigend = sortierung === `${feld}-ab`;
|
||||
return (
|
||||
<th scope="col">
|
||||
<Link
|
||||
href={mitParametern(basis, { sortierung: absteigend ? feld : `${feld}-ab`, seite: undefined })}
|
||||
className="text-decoration-none text-body d-inline-flex align-items-center gap-1"
|
||||
>
|
||||
{titel}
|
||||
{aktiv ? (
|
||||
<i
|
||||
className={`bi ${absteigend ? "bi-caret-down-fill" : "bi-caret-up-fill"} small`}
|
||||
aria-hidden="true"
|
||||
/>
|
||||
) : null}
|
||||
</Link>
|
||||
</th>
|
||||
);
|
||||
}
|
||||
|
||||
export default async function HostsSeite({ searchParams }: { searchParams: SuchParameter }) {
|
||||
const roh = await searchParams;
|
||||
const filter: HostFilter = {
|
||||
q: einzeln(roh.q),
|
||||
kunde: einzeln(roh.kunde),
|
||||
status: einzeln(roh.status),
|
||||
produkt: einzeln(roh.produkt),
|
||||
ablauf: einzeln(roh.ablauf) as HostFilter["ablauf"],
|
||||
rechnung: einzeln(roh.rechnung) as HostFilter["rechnung"],
|
||||
sortierung: einzeln(roh.sortierung),
|
||||
seite: Number(einzeln(roh.seite) ?? 1),
|
||||
};
|
||||
|
||||
const jetzt = new Date();
|
||||
const [{ hosts, gesamt, seite, seiten }, optionen] = await Promise.all([
|
||||
hostListe(filter, jetzt),
|
||||
filterOptionen(),
|
||||
]);
|
||||
|
||||
const basis: Record<string, string | undefined> = {
|
||||
q: filter.q,
|
||||
kunde: filter.kunde,
|
||||
status: filter.status,
|
||||
produkt: filter.produkt,
|
||||
ablauf: filter.ablauf,
|
||||
rechnung: filter.rechnung,
|
||||
sortierung: filter.sortierung,
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -26,7 +99,7 @@ export default async function HostsSeite({
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
<Card
|
||||
titel={`${liste.length} von ${hosts.length} Hosts`}
|
||||
titel={`${gesamt} Host${gesamt === 1 ? "" : "s"}${gesamt !== hosts.length ? ` · Seite ${seite} von ${seiten}` : ""}`}
|
||||
rahmen="primary"
|
||||
tabelle
|
||||
werkzeuge={
|
||||
@@ -34,106 +107,120 @@ export default async function HostsSeite({
|
||||
<Link href="/hosts/nicht-zugeordnet" className="btn btn-sm btn-outline-primary">
|
||||
Nicht zugeordnete
|
||||
</Link>
|
||||
<span className="btn btn-sm btn-outline-secondary disabled">CSV-Export (ab #007)</span>
|
||||
<a
|
||||
href={mitParametern(basis, {}, "/hosts/export")}
|
||||
className="btn btn-sm btn-outline-secondary"
|
||||
>
|
||||
<i className="bi bi-filetype-csv me-1" aria-hidden="true" />
|
||||
CSV
|
||||
</a>
|
||||
</>
|
||||
}
|
||||
>
|
||||
<form className="p-3 border-bottom row g-2" role="search">
|
||||
<div className="col-md-5">
|
||||
<input
|
||||
type="search"
|
||||
name="q"
|
||||
defaultValue={q ?? ""}
|
||||
className="form-control"
|
||||
placeholder="Hostname, Key, Server-ID oder IP …"
|
||||
aria-label="Hosts durchsuchen"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-3">
|
||||
<select name="status" defaultValue={status ?? ""} className="form-select" aria-label="Status">
|
||||
<option value="">Alle Status</option>
|
||||
<option value="active">Aktiv</option>
|
||||
<option value="expired">Abgelaufen</option>
|
||||
<option value="notfound">Keine Subscription</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-md-2">
|
||||
<button type="submit" className="btn btn-primary w-100">
|
||||
Filtern
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<HostFilterLeiste kunden={optionen.kunden} werte={basis} />
|
||||
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Host</th>
|
||||
<th scope="col">Kunde</th>
|
||||
<SortierKopf titel="Host" feld="hostname" basis={basis} sortierung={filter.sortierung} />
|
||||
<SortierKopf titel="Kunde" feld="kunde" basis={basis} sortierung={filter.sortierung} />
|
||||
<th scope="col">Produkt</th>
|
||||
<th scope="col">Status</th>
|
||||
<SortierKopf titel="Status" feld="status" basis={basis} sortierung={filter.sortierung} />
|
||||
<th scope="col">Key</th>
|
||||
<th scope="col">Ablauf</th>
|
||||
<SortierKopf titel="Ablauf" feld="ablauf" basis={basis} sortierung={filter.sortierung} />
|
||||
<th scope="col">Sockets</th>
|
||||
<SortierKopf
|
||||
titel="Letzte Meldung"
|
||||
feld="meldung"
|
||||
basis={basis}
|
||||
sortierung={filter.sortierung}
|
||||
/>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{liste.map((host) => {
|
||||
const kundeDesHosts = getKunde(host.kundeId);
|
||||
const socketAbweichung =
|
||||
host.subscription.lizenzierteSockets !== null &&
|
||||
host.sockets !== null &&
|
||||
host.subscription.lizenzierteSockets !== host.sockets;
|
||||
return (
|
||||
{hosts.map((host) => (
|
||||
<tr key={host.id}>
|
||||
<td>
|
||||
<Link href={`/hosts/${host.id}`} className="fw-semibold text-decoration-none">
|
||||
{host.hostname}
|
||||
</Link>
|
||||
{hostMeldetNicht(host) ? <KeineMeldungBadge /> : null}
|
||||
<div className="small text-body-secondary">{host.ips.join(", ")}</div>
|
||||
{host.meldetNicht ? <KeineMeldungBadge /> : null}
|
||||
<div className="small text-body-secondary">{host.ips.join(", ") || "–"}</div>
|
||||
</td>
|
||||
<td>
|
||||
{kundeDesHosts ? (
|
||||
<Link href={`/kunden/${kundeDesHosts.id}`} className="text-decoration-none">
|
||||
{kundeDesHosts.name}
|
||||
{host.kunde ? (
|
||||
<Link href={`/kunden/${host.kunde.id}`} className="text-decoration-none">
|
||||
{host.kunde.name}
|
||||
</Link>
|
||||
) : (
|
||||
<span className="badge pl-bg-neutral">Nicht zugeordnet</span>
|
||||
<Link
|
||||
href="/hosts/nicht-zugeordnet"
|
||||
className="badge pl-bg-neutral text-decoration-none"
|
||||
>
|
||||
Nicht zugeordnet
|
||||
</Link>
|
||||
)}
|
||||
{host.standort ? (
|
||||
<div className="small text-body-secondary">{host.standort.name}</div>
|
||||
) : null}
|
||||
</td>
|
||||
<td>{PRODUKT_NAME[host.produkt]}</td>
|
||||
<td>{PRODUKT_TEXT[host.produkt]}</td>
|
||||
<td>
|
||||
<StatusBadge status={host.subscription.status} />
|
||||
<StatusBadge status={host.subStatus} />
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={host.subscription.key} />
|
||||
<CopyableCode wert={host.subKey} />
|
||||
</td>
|
||||
<td>
|
||||
<AblaufBadge datum={host.subscription.nextduedate} heute={HEUTE} />
|
||||
<AblaufBadge datum={host.subNextduedate?.toISOString() ?? null} heute={jetzt} />
|
||||
</td>
|
||||
<td>
|
||||
{host.subscription.lizenzierteSockets ?? "–"} / {host.sockets ?? "–"}
|
||||
{socketAbweichung ? (
|
||||
{host.subLizenzierteSockets ?? "–"} / {host.sockets ?? "–"}
|
||||
{host.socketAbweichung ? (
|
||||
<i
|
||||
className="bi bi-exclamation-triangle-fill pl-text-warning ms-2"
|
||||
title="Lizenzierte und physische Sockets weichen ab"
|
||||
/>
|
||||
) : null}
|
||||
</td>
|
||||
<td className="small">{formatDatumZeit(host.letzterReportAm)}</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
{liste.length === 0 ? (
|
||||
))}
|
||||
{hosts.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={7} className="text-center text-body-secondary py-4">
|
||||
Keine Hosts gefunden.
|
||||
<td colSpan={8} className="text-center text-body-secondary py-4">
|
||||
Keine Hosts gefunden. <Link href="/hosts">Filter zurücksetzen</Link>
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
{seiten > 1 ? (
|
||||
<nav className="p-3 border-top" aria-label="Seiten">
|
||||
<ul className="pagination pagination-sm mb-0">
|
||||
<li className={`page-item ${seite <= 1 ? "disabled" : ""}`}>
|
||||
<Link className="page-link" href={mitParametern(basis, { seite: String(seite - 1) })}>
|
||||
Zurück
|
||||
</Link>
|
||||
</li>
|
||||
{Array.from({ length: seiten }, (_, i) => i + 1).map((nummer) => (
|
||||
<li key={nummer} className={`page-item ${nummer === seite ? "active" : ""}`}>
|
||||
<Link className="page-link" href={mitParametern(basis, { seite: String(nummer) })}>
|
||||
{nummer}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
<li className={`page-item ${seite >= seiten ? "disabled" : ""}`}>
|
||||
<Link className="page-link" href={mitParametern(basis, { seite: String(seite + 1) })}>
|
||||
Weiter
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
) : null}
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,65 @@
|
||||
import { notFound } from "next/navigation";
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import { KundeFormular } from "@/components/kunden/KundeFormular";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { kundeLoeschen } from "@/server/actions/kunden";
|
||||
|
||||
export const metadata = { title: "Kunde bearbeiten" };
|
||||
|
||||
export default async function KundeBearbeitenSeite({ params }: { params: Promise<{ id: string }> }) {
|
||||
const { id } = await params;
|
||||
const kunde = await prisma.kunde.findUnique({
|
||||
where: { id },
|
||||
include: { _count: { select: { hosts: true } } },
|
||||
});
|
||||
if (!kunde) notFound();
|
||||
|
||||
return (
|
||||
<>
|
||||
<ContentHeader
|
||||
titel={`${kunde.name} bearbeiten`}
|
||||
brotkrumen={[
|
||||
{ titel: "Kunden", href: "/kunden" },
|
||||
{ titel: kunde.name, href: `/kunden/${kunde.id}` },
|
||||
{ titel: "Bearbeiten" },
|
||||
]}
|
||||
/>
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
<div className="row">
|
||||
<div className="col-lg-8">
|
||||
<Card titel="Stammdaten" rahmen="primary">
|
||||
<KundeFormular
|
||||
werte={{
|
||||
id: kunde.id,
|
||||
name: kunde.name,
|
||||
kundennummer: kunde.kundennummer,
|
||||
ansprechpartner: kunde.ansprechpartner,
|
||||
email: kunde.email,
|
||||
telefon: kunde.telefon,
|
||||
notizen: kunde.notizen,
|
||||
}}
|
||||
/>
|
||||
</Card>
|
||||
|
||||
<Card titel="Kunde löschen" rahmen="danger">
|
||||
<p>
|
||||
Der Kunde wird mit allen Standorten und Kundenrechnungen entfernt. Seine{" "}
|
||||
{kunde._count.hosts} Host(s) bleiben erhalten und erscheinen danach unter „Nicht
|
||||
zugeordnet“.
|
||||
</p>
|
||||
<form action={kundeLoeschen}>
|
||||
<input type="hidden" name="id" value={kunde.id} />
|
||||
<button type="submit" className="btn btn-danger pl-touch-target">
|
||||
Endgültig löschen
|
||||
</button>
|
||||
</form>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -1,6 +1,7 @@
|
||||
import Link from "next/link";
|
||||
import { notFound } from "next/navigation";
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import { StandortVerwaltung } from "@/components/kunden/StandortVerwaltung";
|
||||
import {
|
||||
AblaufBadge,
|
||||
EinkaufBadge,
|
||||
@@ -12,55 +13,51 @@ import { Card } from "@/components/ui/Card";
|
||||
import { CopyableCode } from "@/components/ui/CopyableCode";
|
||||
import { InfoBox } from "@/components/ui/SmallBox";
|
||||
import { formatDatum, formatEuro } from "@/lib/format";
|
||||
import { HEUTE, kunden } from "@/mock/data";
|
||||
import {
|
||||
PRODUKT_NAME,
|
||||
alertsVonKunde,
|
||||
getKunde,
|
||||
hostMeldetNicht,
|
||||
hostsVonKunde,
|
||||
laufzeitenVonKunde,
|
||||
summenProJahr,
|
||||
summenVonKunde,
|
||||
} from "@/mock/queries";
|
||||
|
||||
export function generateStaticParams() {
|
||||
return kunden.map((kunde) => ({ id: kunde.id }));
|
||||
}
|
||||
import { hostZuordnungAufheben } from "@/server/actions/hosts";
|
||||
import { kundeMitDetails, laufzeitenVonKunde, summen, summenProJahr } from "@/server/queries/kunden";
|
||||
import { meldungsGrenze } from "@/server/queries/hosts";
|
||||
import { PRODUKT_TEXT, statusAusDatenbank } from "@/lib/anzeige";
|
||||
|
||||
export async function generateMetadata({ params }: { params: Promise<{ id: string }> }) {
|
||||
const { id } = await params;
|
||||
return { title: getKunde(id)?.name ?? "Kunde" };
|
||||
const kunde = await kundeMitDetails(id);
|
||||
return { title: kunde?.name ?? "Kunde" };
|
||||
}
|
||||
|
||||
export default async function KundenDetailSeite({ params }: { params: Promise<{ id: string }> }) {
|
||||
const { id } = await params;
|
||||
const kunde = getKunde(id);
|
||||
const kunde = await kundeMitDetails(id);
|
||||
if (!kunde) notFound();
|
||||
|
||||
const eigeneHosts = hostsVonKunde(kunde.id);
|
||||
const laufzeiten = laufzeitenVonKunde(kunde.id);
|
||||
const summen = summenVonKunde(kunde.id);
|
||||
const laufzeiten = await laufzeitenVonKunde(kunde.id);
|
||||
const gesamt = summen(laufzeiten);
|
||||
const proJahr = summenProJahr(laufzeiten);
|
||||
const alerts = alertsVonKunde(kunde.id);
|
||||
const heute = new Date();
|
||||
const grenze = meldungsGrenze(heute);
|
||||
|
||||
return (
|
||||
<>
|
||||
<ContentHeader
|
||||
titel={kunde.name}
|
||||
brotkrumen={[{ titel: "Kunden", href: "/kunden" }, { titel: kunde.name }]}
|
||||
aktion={
|
||||
<Link href={`/kunden/${kunde.id}/bearbeiten`} className="btn btn-sm btn-outline-primary">
|
||||
<i className="bi bi-pencil me-1" aria-hidden="true" />
|
||||
Bearbeiten
|
||||
</Link>
|
||||
}
|
||||
/>
|
||||
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
<div className="row">
|
||||
<div className="col-6 col-lg-3">
|
||||
<InfoBox text="Hosts" wert={String(eigeneHosts.length)} icon="bi-hdd-stack" farbe="info" />
|
||||
<InfoBox text="Hosts" wert={String(kunde.hosts.length)} icon="bi-hdd-stack" farbe="info" />
|
||||
</div>
|
||||
<div className="col-6 col-lg-3">
|
||||
<InfoBox
|
||||
text="Einkauf netto"
|
||||
wert={formatEuro(summen.einkauf)}
|
||||
wert={formatEuro(gesamt.einkauf)}
|
||||
icon="bi-cart"
|
||||
farbe="neutral"
|
||||
/>
|
||||
@@ -68,7 +65,7 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
|
||||
<div className="col-6 col-lg-3">
|
||||
<InfoBox
|
||||
text="Verkauf netto"
|
||||
wert={formatEuro(summen.verkauf)}
|
||||
wert={formatEuro(gesamt.verkauf)}
|
||||
icon="bi-receipt"
|
||||
farbe="primary"
|
||||
/>
|
||||
@@ -76,7 +73,7 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
|
||||
<div className="col-6 col-lg-3">
|
||||
<InfoBox
|
||||
text="Marge"
|
||||
wert={formatEuro(summen.marge)}
|
||||
wert={formatEuro(gesamt.marge)}
|
||||
icon="bi-graph-up-arrow"
|
||||
farbe="success"
|
||||
/>
|
||||
@@ -97,15 +94,6 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
|
||||
</dd>
|
||||
<dt className="col-5 fw-normal text-body-secondary">Telefon</dt>
|
||||
<dd className="col-7">{kunde.telefon ?? "–"}</dd>
|
||||
<dt className="col-5 fw-normal text-body-secondary">Standorte</dt>
|
||||
<dd className="col-7">
|
||||
{kunde.standorte.map((s) => (
|
||||
<div key={s.id}>
|
||||
{s.name}
|
||||
{s.ort ? <span className="text-body-secondary"> · {s.ort}</span> : null}
|
||||
</div>
|
||||
))}
|
||||
</dd>
|
||||
</dl>
|
||||
<hr />
|
||||
<h4 className="h6">Notizen</h4>
|
||||
@@ -114,12 +102,26 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
|
||||
</p>
|
||||
</Card>
|
||||
|
||||
<Card titel="Offene Warnungen" rahmen={alerts.length > 0 ? "danger" : "info"}>
|
||||
{alerts.length === 0 ? (
|
||||
<Card titel="Standorte" rahmen="info">
|
||||
<StandortVerwaltung
|
||||
kundeId={kunde.id}
|
||||
standorte={kunde.standorte.map((standort) => ({
|
||||
id: standort.id,
|
||||
name: standort.name,
|
||||
strasse: standort.strasse,
|
||||
plz: standort.plz,
|
||||
ort: standort.ort,
|
||||
hosts: kunde.hosts.filter((host) => host.standortId === standort.id).length,
|
||||
}))}
|
||||
/>
|
||||
</Card>
|
||||
|
||||
<Card titel="Offene Warnungen" rahmen={kunde.alerts.length > 0 ? "danger" : "info"}>
|
||||
{kunde.alerts.length === 0 ? (
|
||||
<p className="mb-0 text-body-secondary">Keine offenen Warnungen.</p>
|
||||
) : (
|
||||
<ul className="list-unstyled mb-0 small">
|
||||
{alerts.map((alert) => (
|
||||
{kunde.alerts.map((alert) => (
|
||||
<li key={alert.id} className="mb-2">
|
||||
<strong>{alert.titel}</strong>
|
||||
<div className="text-body-secondary">{alert.beschreibung}</div>
|
||||
@@ -131,7 +133,7 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
|
||||
</div>
|
||||
|
||||
<div className="col-lg-8">
|
||||
<Card titel="Hosts" rahmen="primary" tabelle>
|
||||
<Card titel={`Hosts (${kunde.hosts.length})`} rahmen="primary" tabelle>
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle">
|
||||
<thead>
|
||||
@@ -141,29 +143,54 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
|
||||
<th scope="col">Status</th>
|
||||
<th scope="col">Key</th>
|
||||
<th scope="col">Ablauf</th>
|
||||
<th scope="col" className="text-end">
|
||||
Zuordnung
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{eigeneHosts.map((host) => (
|
||||
{kunde.hosts.map((host) => (
|
||||
<tr key={host.id}>
|
||||
<td>
|
||||
<Link href={`/hosts/${host.id}`} className="fw-semibold text-decoration-none">
|
||||
{host.hostname}
|
||||
</Link>
|
||||
{hostMeldetNicht(host) ? <KeineMeldungBadge /> : null}
|
||||
{!host.letzterReportAm || host.letzterReportAm < grenze ? (
|
||||
<KeineMeldungBadge />
|
||||
) : null}
|
||||
</td>
|
||||
<td>{PRODUKT_NAME[host.produkt]}</td>
|
||||
<td>{PRODUKT_TEXT[host.produkt]}</td>
|
||||
<td>
|
||||
<StatusBadge status={host.subscription.status} />
|
||||
<StatusBadge status={statusAusDatenbank(host.subStatus)} />
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={host.subscription.key} />
|
||||
<CopyableCode wert={host.subKey} />
|
||||
</td>
|
||||
<td>
|
||||
<AblaufBadge datum={host.subscription.nextduedate} heute={HEUTE} />
|
||||
<AblaufBadge datum={host.subNextduedate?.toISOString() ?? null} heute={heute} />
|
||||
</td>
|
||||
<td className="text-end">
|
||||
<form action={hostZuordnungAufheben}>
|
||||
<input type="hidden" name="hostId" value={host.id} />
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-sm btn-outline-secondary"
|
||||
title="Zuordnung zu diesem Kunden aufheben"
|
||||
>
|
||||
Lösen
|
||||
</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
{kunde.hosts.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={6} className="text-center text-body-secondary py-4">
|
||||
Diesem Kunden ist noch kein Host zugewiesen.{" "}
|
||||
<Link href="/hosts/nicht-zugeordnet">Jetzt zuweisen</Link>
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -183,9 +210,7 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{laufzeiten.map((laufzeit) => {
|
||||
const host = eigeneHosts.find((h) => h.id === laufzeit.hostId);
|
||||
return (
|
||||
{laufzeiten.map((laufzeit) => (
|
||||
<tr key={laufzeit.id}>
|
||||
<td>
|
||||
{formatDatum(laufzeit.start)} – {formatDatum(laufzeit.ende)}
|
||||
@@ -193,7 +218,7 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
|
||||
<span className="badge pl-bg-info ms-2">Vorschlag</span>
|
||||
) : null}
|
||||
</td>
|
||||
<td>{host?.hostname ?? "–"}</td>
|
||||
<td>{laufzeit.hostname}</td>
|
||||
<td>
|
||||
<CopyableCode wert={laufzeit.einkauf?.nummer ?? null} />
|
||||
<div>
|
||||
@@ -212,13 +237,20 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
|
||||
</td>
|
||||
<td>{formatEuro(laufzeit.verkauf?.nettoBetrag)}</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
))}
|
||||
{laufzeiten.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={6} className="text-center text-body-secondary py-4">
|
||||
Noch keine Laufzeiten erfasst.
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</Card>
|
||||
|
||||
{proJahr.length > 0 ? (
|
||||
<Card titel="Summen pro Jahr" rahmen="info" tabelle>
|
||||
<table className="table table-striped align-middle mb-0">
|
||||
<thead>
|
||||
@@ -243,6 +275,7 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
|
||||
</tbody>
|
||||
</table>
|
||||
</Card>
|
||||
) : null}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,27 @@
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import { KundeFormular } from "@/components/kunden/KundeFormular";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
|
||||
export const metadata = { title: "Kunde anlegen" };
|
||||
|
||||
export default function KundeNeuSeite() {
|
||||
return (
|
||||
<>
|
||||
<ContentHeader
|
||||
titel="Kunde anlegen"
|
||||
brotkrumen={[{ titel: "Kunden", href: "/kunden" }, { titel: "Neu" }]}
|
||||
/>
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
<div className="row">
|
||||
<div className="col-lg-8">
|
||||
<Card titel="Stammdaten" rahmen="primary">
|
||||
<KundeFormular />
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -2,14 +2,13 @@ import Link from "next/link";
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import { AblaufBadge, Badge } from "@/components/ui/Badges";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import { formatEuro } from "@/lib/format";
|
||||
import { HEUTE } from "@/mock/data";
|
||||
import { kundenUebersicht, summenVonKunde } from "@/mock/queries";
|
||||
import { kundenListe, offeneRechnungspunkteProKunde } from "@/server/queries/kunden";
|
||||
|
||||
export const metadata = { title: "Kunden" };
|
||||
|
||||
export default function KundenSeite() {
|
||||
const uebersicht = kundenUebersicht();
|
||||
export default async function KundenSeite() {
|
||||
const [kunden, rechnungspunkte] = await Promise.all([kundenListe(), offeneRechnungspunkteProKunde()]);
|
||||
const heute = new Date();
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -18,10 +17,15 @@ export default function KundenSeite() {
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
<Card
|
||||
titel={`${uebersicht.length} Kunden`}
|
||||
titel={`${kunden.length} Kunden`}
|
||||
rahmen="primary"
|
||||
tabelle
|
||||
werkzeuge={<span className="btn btn-sm btn-primary disabled">Kunde anlegen (ab #006)</span>}
|
||||
werkzeuge={
|
||||
<Link href="/kunden/neu" className="btn btn-sm btn-primary">
|
||||
<i className="bi bi-plus-lg me-1" aria-hidden="true" />
|
||||
Kunde anlegen
|
||||
</Link>
|
||||
}
|
||||
>
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle">
|
||||
@@ -34,49 +38,50 @@ export default function KundenSeite() {
|
||||
<th scope="col">Nächster Ablauf</th>
|
||||
<th scope="col">Warnungen</th>
|
||||
<th scope="col">Rechnungen</th>
|
||||
<th scope="col">Marge (netto)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{uebersicht.map((eintrag) => {
|
||||
const summen = summenVonKunde(eintrag.kunde.id);
|
||||
{kunden.map((kunde) => {
|
||||
const punkte = rechnungspunkte.get(kunde.id);
|
||||
return (
|
||||
<tr key={eintrag.kunde.id}>
|
||||
<tr key={kunde.id}>
|
||||
<td>
|
||||
<Link
|
||||
href={`/kunden/${eintrag.kunde.id}`}
|
||||
className="fw-semibold text-decoration-none"
|
||||
>
|
||||
{eintrag.kunde.name}
|
||||
<Link href={`/kunden/${kunde.id}`} className="fw-semibold text-decoration-none">
|
||||
{kunde.name}
|
||||
</Link>
|
||||
<div className="small text-body-secondary">
|
||||
{eintrag.kunde.ansprechpartner ?? "–"}
|
||||
</div>
|
||||
<div className="small text-body-secondary">{kunde.ansprechpartner ?? "–"}</div>
|
||||
</td>
|
||||
<td className="pl-mono">{eintrag.kunde.kundennummer}</td>
|
||||
<td>{eintrag.hosts}</td>
|
||||
<td>{eintrag.aktiv}</td>
|
||||
<td className="pl-mono">{kunde.kundennummer}</td>
|
||||
<td>{kunde.hosts}</td>
|
||||
<td>{kunde.aktiv}</td>
|
||||
<td>
|
||||
<AblaufBadge datum={eintrag.naechsterAblauf} heute={HEUTE} />
|
||||
<AblaufBadge datum={kunde.naechsterAblauf?.toISOString() ?? null} heute={heute} />
|
||||
</td>
|
||||
<td>
|
||||
{eintrag.offeneAlerts > 0 ? (
|
||||
<Badge farbe="warning">{eintrag.offeneAlerts} offen</Badge>
|
||||
{kunde.offeneAlerts > 0 ? (
|
||||
<Badge farbe="warning">{kunde.offeneAlerts} offen</Badge>
|
||||
) : (
|
||||
<Badge farbe="success">keine</Badge>
|
||||
)}
|
||||
</td>
|
||||
<td>
|
||||
{eintrag.offeneRechnungspunkte > 0 ? (
|
||||
<Badge farbe="danger">{eintrag.offeneRechnungspunkte} offen</Badge>
|
||||
{punkte && punkte.offen > 0 ? (
|
||||
<Badge farbe="danger">{punkte.offen} offen</Badge>
|
||||
) : (
|
||||
<Badge farbe="success">erledigt</Badge>
|
||||
)}
|
||||
</td>
|
||||
<td>{formatEuro(summen.marge)}</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
{kunden.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={7} className="text-center text-body-secondary py-4">
|
||||
Noch keine Kunden angelegt.{" "}
|
||||
<Link href="/kunden/neu">Jetzt den ersten Kunden anlegen.</Link>
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -1,21 +1,35 @@
|
||||
import { Footer } from "@/components/layout/Footer";
|
||||
import { Header } from "@/components/layout/Header";
|
||||
import { Sidebar } from "@/components/layout/Sidebar";
|
||||
import { hosts } from "@/mock/data";
|
||||
import { dashboardKennzahlen, offeneAlerts } from "@/mock/queries";
|
||||
import { suchIndex } from "@/mock/suchindex";
|
||||
import { kennzahlen, offeneAlerts, suchIndex } from "@/server/queries/hosts";
|
||||
|
||||
/**
|
||||
* Das Dashboard zeigt immer den aktuellen Datenbankstand; beim Bauen darf nichts
|
||||
* vorgerendert werden (sonst öffnet jeder Build-Worker eigene Datenbankverbindungen).
|
||||
*/
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
const BENUTZER = "Florian";
|
||||
|
||||
export default function DashboardLayout({ children }: { children: React.ReactNode }) {
|
||||
const kennzahlen = dashboardKennzahlen();
|
||||
export default async function DashboardLayout({ children }: { children: React.ReactNode }) {
|
||||
const [zahlen, alerts, suche] = await Promise.all([kennzahlen(), offeneAlerts(), suchIndex()]);
|
||||
|
||||
return (
|
||||
<div className="app-wrapper">
|
||||
<Header alerts={offeneAlerts()} suchEintraege={suchIndex()} benutzer={BENUTZER} />
|
||||
<Header
|
||||
alerts={alerts.map((alert) => ({
|
||||
id: alert.id,
|
||||
titel: alert.titel,
|
||||
beschreibung: alert.beschreibung,
|
||||
schwere: alert.schwere,
|
||||
hostId: alert.hostId,
|
||||
}))}
|
||||
suchEintraege={suche}
|
||||
benutzer={BENUTZER}
|
||||
/>
|
||||
<Sidebar
|
||||
hostsAnzahl={hosts.length}
|
||||
offeneRechnungspunkte={kennzahlen.offeneRechnungspunkte}
|
||||
hostsAnzahl={zahlen.hostsGesamt}
|
||||
offeneRechnungspunkte={zahlen.offeneRechnungspunkte}
|
||||
benutzer={BENUTZER}
|
||||
/>
|
||||
<main className="app-main">{children}</main>
|
||||
|
||||
+89
-101
@@ -7,69 +7,48 @@ import { CopyableCode } from "@/components/ui/CopyableCode";
|
||||
import { SmallBox } from "@/components/ui/SmallBox";
|
||||
import { TodoList, type Aufgabe } from "@/components/ui/TodoList";
|
||||
import { formatDatum, formatEuro } from "@/lib/format";
|
||||
import { HEUTE } from "@/mock/data";
|
||||
import {
|
||||
laufzeitZuAblauf,
|
||||
dashboardKennzahlen,
|
||||
getKunde,
|
||||
hostMeldetNicht,
|
||||
hostsNachAblauf,
|
||||
nichtZugeordneteHosts,
|
||||
offeneRechnungsLaufzeiten,
|
||||
rechnungsFortschrittProKunde,
|
||||
} from "@/mock/queries";
|
||||
import { hostsNachAblauf, offeneAufgaben } from "@/server/queries/dashboard";
|
||||
import { hostsOhneKunde, kennzahlen } from "@/server/queries/hosts";
|
||||
import { kundenListe, offeneRechnungspunkteProKunde } from "@/server/queries/kunden";
|
||||
|
||||
export const metadata = { title: "Dashboard" };
|
||||
|
||||
function aufgabenliste(): Aufgabe[] {
|
||||
return offeneRechnungsLaufzeiten().flatMap((laufzeit) => {
|
||||
const host = hostsNachAblauf().find((h) => h.id === laufzeit.hostId);
|
||||
const kunde = getKunde(host?.kundeId ?? null);
|
||||
const basis = `${host?.hostname ?? "?"} · ${kunde?.name ?? "Nicht zugeordnet"}`;
|
||||
const aufgaben: Aufgabe[] = [];
|
||||
export default async function DashboardSeite() {
|
||||
const heute = new Date();
|
||||
const [zahlen, ohneKunde, ablaufListe, aufgabenRoh, kunden, rechnungspunkte] = await Promise.all([
|
||||
kennzahlen(heute),
|
||||
hostsOhneKunde(),
|
||||
hostsNachAblauf(heute),
|
||||
offeneAufgaben(),
|
||||
kundenListe(),
|
||||
offeneRechnungspunkteProKunde(),
|
||||
]);
|
||||
|
||||
if (laufzeit.einkauf && !laufzeit.einkauf.bezahlt) {
|
||||
aufgaben.push({
|
||||
id: `${laufzeit.id}-einkauf`,
|
||||
titel: `Proxmox-Rechnung ${laufzeit.einkauf.nummer} bezahlen`,
|
||||
detail: `${basis} · ${formatEuro(laufzeit.einkauf.nettoBetrag)} netto · fällig am ${formatDatum(
|
||||
laufzeit.einkauf.faelligAm,
|
||||
)}`,
|
||||
dringlichkeit: "gefahr",
|
||||
badgeText: "Einkauf",
|
||||
href: `/hosts/${laufzeit.hostId}`,
|
||||
});
|
||||
}
|
||||
|
||||
if (laufzeit.einkauf && (!laufzeit.verkauf || !laufzeit.verkauf.erstellt)) {
|
||||
aufgaben.push({
|
||||
id: `${laufzeit.id}-verkauf`,
|
||||
titel: "Kundenrechnung erstellen",
|
||||
detail: `${basis} · Laufzeit ${formatDatum(laufzeit.start)} – ${formatDatum(laufzeit.ende)}`,
|
||||
dringlichkeit: "warnung",
|
||||
badgeText: "Verkauf",
|
||||
href: `/rechnungen`,
|
||||
});
|
||||
}
|
||||
|
||||
return aufgaben;
|
||||
});
|
||||
}
|
||||
|
||||
export default function DashboardSeite() {
|
||||
const kennzahlen = dashboardKennzahlen();
|
||||
const ohneKunde = nichtZugeordneteHosts();
|
||||
const fortschritt = rechnungsFortschrittProKunde();
|
||||
const aufgaben = aufgabenliste();
|
||||
|
||||
const nichtZugeordnetAufgaben: Aufgabe[] = ohneKunde.map((host) => ({
|
||||
const aufgaben: Aufgabe[] = [
|
||||
...aufgabenRoh.map((aufgabe) => ({
|
||||
id: aufgabe.id,
|
||||
titel: aufgabe.titel,
|
||||
detail: [
|
||||
aufgabe.detail,
|
||||
aufgabe.betrag !== null ? `${formatEuro(aufgabe.betrag)} netto` : null,
|
||||
aufgabe.faelligAm ? `fällig am ${formatDatum(aufgabe.faelligAm)}` : null,
|
||||
`Laufzeit ${formatDatum(aufgabe.start)} – ${formatDatum(aufgabe.ende)}`,
|
||||
]
|
||||
.filter(Boolean)
|
||||
.join(" · "),
|
||||
dringlichkeit: aufgabe.dringlichkeit,
|
||||
badgeText: aufgabe.badgeText,
|
||||
href: aufgabe.href,
|
||||
})),
|
||||
...ohneKunde.map((host) => ({
|
||||
id: `zuweisen-${host.id}`,
|
||||
titel: `${host.hostname} einem Kunden zuweisen`,
|
||||
detail: `Server-ID ${host.serverId} · seit ${formatDatum(host.letzterReport)} gemeldet`,
|
||||
dringlichkeit: "info",
|
||||
detail: `Server-ID ${host.serverId ?? "unbekannt"} · seit ${formatDatum(host.erstmalsGesehenAm)} gemeldet`,
|
||||
dringlichkeit: "info" as const,
|
||||
badgeText: "Zuweisen",
|
||||
href: "/hosts/nicht-zugeordnet",
|
||||
}));
|
||||
})),
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -87,16 +66,16 @@ export default function DashboardSeite() {
|
||||
}
|
||||
>
|
||||
Neu registrierte Hosts erscheinen hier, bis sie einem Kunden zugewiesen sind:{" "}
|
||||
{ohneKunde.map((h) => h.hostname).join(", ")}
|
||||
{ohneKunde.map((host) => host.hostname).join(", ")}
|
||||
</Callout>
|
||||
) : null}
|
||||
|
||||
<div className="row">
|
||||
<div className="col-6 col-lg-3">
|
||||
<SmallBox
|
||||
wert={kennzahlen.hostsGesamt}
|
||||
wert={zahlen.hostsGesamt}
|
||||
text="Hosts gemeldet"
|
||||
zusatz={`${kennzahlen.ohneMeldung} ohne Meldung`}
|
||||
zusatz={`${zahlen.ohneMeldung} ohne Meldung`}
|
||||
icon="bi-hdd-stack"
|
||||
farbe="info"
|
||||
href="/hosts"
|
||||
@@ -104,17 +83,17 @@ export default function DashboardSeite() {
|
||||
</div>
|
||||
<div className="col-6 col-lg-3">
|
||||
<SmallBox
|
||||
wert={kennzahlen.aktivLizenziert}
|
||||
wert={zahlen.aktivLizenziert}
|
||||
text="Aktiv lizenziert"
|
||||
zusatz={`${kennzahlen.ohneSubscription} ohne gültige Subscription`}
|
||||
zusatz={`${zahlen.ohneSubscription} ohne gültige Subscription`}
|
||||
icon="bi-patch-check"
|
||||
farbe="success"
|
||||
href="/hosts?status=active"
|
||||
href="/hosts?status=ACTIVE"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-6 col-lg-3">
|
||||
<SmallBox
|
||||
wert={kennzahlen.baldAblaufend}
|
||||
wert={zahlen.baldAblaufend}
|
||||
text="Läuft in 30 Tagen ab"
|
||||
zusatz="Verlängerung vorbereiten"
|
||||
icon="bi-hourglass-split"
|
||||
@@ -124,9 +103,9 @@ export default function DashboardSeite() {
|
||||
</div>
|
||||
<div className="col-6 col-lg-3">
|
||||
<SmallBox
|
||||
wert={kennzahlen.offeneRechnungspunkte}
|
||||
wert={zahlen.offeneRechnungspunkte}
|
||||
text="Offene Rechnungspunkte"
|
||||
zusatz={`${kennzahlen.offeneEinkaufsrechnungen} Einkauf · ${kennzahlen.fehlendeKundenrechnungen} Verkauf`}
|
||||
zusatz={`${zahlen.offeneEinkaufsrechnungen} Einkauf · ${zahlen.fehlendeKundenrechnungen} Verkauf`}
|
||||
icon="bi-receipt"
|
||||
farbe="danger"
|
||||
href="/rechnungen"
|
||||
@@ -150,44 +129,49 @@ export default function DashboardSeite() {
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{hostsNachAblauf().map((host) => {
|
||||
const kunde = getKunde(host.kundeId);
|
||||
const laufzeit = laufzeitZuAblauf(host);
|
||||
return (
|
||||
{ablaufListe.map((host) => (
|
||||
<tr key={host.id}>
|
||||
<td>
|
||||
<Link href={`/hosts/${host.id}`} className="fw-semibold text-decoration-none">
|
||||
{host.hostname}
|
||||
</Link>
|
||||
{hostMeldetNicht(host) ? <KeineMeldungBadge /> : null}
|
||||
{host.meldetNicht ? <KeineMeldungBadge /> : null}
|
||||
</td>
|
||||
<td>
|
||||
{kunde ? (
|
||||
<Link href={`/kunden/${kunde.id}`} className="text-decoration-none">
|
||||
{kunde.name}
|
||||
{host.kunde ? (
|
||||
<Link href={`/kunden/${host.kunde.id}`} className="text-decoration-none">
|
||||
{host.kunde.name}
|
||||
</Link>
|
||||
) : (
|
||||
<span className="badge pl-bg-neutral">Nicht zugeordnet</span>
|
||||
<Link
|
||||
href="/hosts/nicht-zugeordnet"
|
||||
className="badge pl-bg-neutral text-decoration-none"
|
||||
>
|
||||
Nicht zugeordnet
|
||||
</Link>
|
||||
)}
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={host.subscription.key} />
|
||||
<CopyableCode wert={host.subKey} />
|
||||
</td>
|
||||
<td>
|
||||
<AblaufBadge datum={host.subscription.nextduedate} heute={HEUTE} />
|
||||
<AblaufBadge datum={host.nextduedate?.toISOString() ?? null} heute={heute} />
|
||||
</td>
|
||||
<td>
|
||||
<EinkaufBadge bezahlt={laufzeit?.einkauf ? laufzeit.einkauf.bezahlt : null} />
|
||||
<EinkaufBadge bezahlt={host.einkaufBezahlt} />
|
||||
</td>
|
||||
<td>
|
||||
<VerkaufBadge
|
||||
erstellt={laufzeit?.verkauf?.erstellt ?? false}
|
||||
bezahlt={laufzeit?.verkauf?.bezahlt ?? false}
|
||||
/>
|
||||
<VerkaufBadge erstellt={host.verkaufErstellt} bezahlt={host.verkaufBezahlt} />
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
))}
|
||||
{ablaufListe.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={6} className="text-center text-body-secondary py-4">
|
||||
Noch kein Host mit Subscription gemeldet.
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -198,13 +182,9 @@ export default function DashboardSeite() {
|
||||
<Card
|
||||
titel="Aufgaben"
|
||||
rahmen="warning"
|
||||
werkzeuge={
|
||||
<span className="badge pl-bg-warning">
|
||||
{aufgaben.length + nichtZugeordnetAufgaben.length}
|
||||
</span>
|
||||
}
|
||||
werkzeuge={<span className="badge pl-bg-warning">{aufgaben.length}</span>}
|
||||
>
|
||||
<TodoList aufgaben={[...aufgaben, ...nichtZugeordnetAufgaben]} />
|
||||
<TodoList aufgaben={aufgaben} />
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
@@ -212,22 +192,30 @@ export default function DashboardSeite() {
|
||||
<div className="row">
|
||||
<div className="col-lg-8">
|
||||
<Card titel="Rechnungsstatus je Kunde" rahmen="info">
|
||||
{fortschritt.map((eintrag) => (
|
||||
<div className="mb-3" key={eintrag.kunde.id}>
|
||||
{kunden.length === 0 ? (
|
||||
<p className="mb-0 text-body-secondary">
|
||||
Noch keine Kunden angelegt. <Link href="/kunden/neu">Ersten Kunden anlegen</Link>
|
||||
</p>
|
||||
) : (
|
||||
kunden.map((kunde) => {
|
||||
const punkte = rechnungspunkte.get(kunde.id) ?? { offen: 0, gesamt: 0 };
|
||||
const erledigt = punkte.gesamt - punkte.offen;
|
||||
const prozent = punkte.gesamt === 0 ? 100 : Math.round((erledigt / punkte.gesamt) * 100);
|
||||
return (
|
||||
<div className="mb-3" key={kunde.id}>
|
||||
<div className="d-flex justify-content-between small mb-1">
|
||||
<Link href={`/kunden/${eintrag.kunde.id}`} className="text-decoration-none">
|
||||
{eintrag.kunde.name}
|
||||
<Link href={`/kunden/${kunde.id}`} className="text-decoration-none">
|
||||
{kunde.name}
|
||||
</Link>
|
||||
<span className="text-body-secondary">
|
||||
{eintrag.erledigt} von {eintrag.gesamt} Punkten erledigt
|
||||
{erledigt} von {punkte.gesamt} Punkten erledigt
|
||||
</span>
|
||||
</div>
|
||||
<ProgressBar
|
||||
prozent={eintrag.prozent}
|
||||
beschriftung={`Rechnungsstatus ${eintrag.kunde.name}`}
|
||||
/>
|
||||
<ProgressBar prozent={prozent} beschriftung={`Rechnungsstatus ${kunde.name}`} />
|
||||
</div>
|
||||
))}
|
||||
);
|
||||
})
|
||||
)}
|
||||
</Card>
|
||||
</div>
|
||||
<div className="col-lg-4">
|
||||
@@ -235,15 +223,15 @@ export default function DashboardSeite() {
|
||||
<ul className="list-unstyled mb-0 small">
|
||||
<li className="mb-2">
|
||||
<i className="bi bi-arrow-right-short" aria-hidden="true" />{" "}
|
||||
<Link href="/kunden">Kundenübersicht öffnen</Link>
|
||||
<Link href="/einstellungen/tokens">Agent auf einem Host ausrollen</Link>
|
||||
</li>
|
||||
<li className="mb-2">
|
||||
<i className="bi bi-arrow-right-short" aria-hidden="true" />{" "}
|
||||
<Link href="/rechnungen">Rechnungen pflegen</Link>
|
||||
<Link href="/kunden">Kundenübersicht öffnen</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="bi bi-arrow-right-short" aria-hidden="true" />{" "}
|
||||
<Link href="/jahresbahn">Abläufe der nächsten 12 Monate ansehen</Link>
|
||||
<Link href="/rechnungen">Rechnungen pflegen</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</Card>
|
||||
|
||||
@@ -0,0 +1,146 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { usePathname, useRouter, useSearchParams } from "next/navigation";
|
||||
|
||||
/**
|
||||
* Filterleiste der Host-Tabelle. Alle Filter stehen in der Adresse, damit sich eine
|
||||
* gefilterte Liste teilen lässt und der Zurück-Knopf funktioniert.
|
||||
*/
|
||||
export function HostFilterLeiste({
|
||||
kunden,
|
||||
werte,
|
||||
}: {
|
||||
kunden: { id: string; name: string }[];
|
||||
werte: Record<string, string | undefined>;
|
||||
}) {
|
||||
const router = useRouter();
|
||||
const pathname = usePathname();
|
||||
const parameter = useSearchParams();
|
||||
|
||||
function setzen(schluessel: string, wert: string) {
|
||||
const neu = new URLSearchParams(parameter.toString());
|
||||
if (wert) neu.set(schluessel, wert);
|
||||
else neu.delete(schluessel);
|
||||
neu.delete("seite");
|
||||
router.push(`${pathname}?${neu.toString()}`);
|
||||
}
|
||||
|
||||
const aktiveFilter = ["kunde", "status", "produkt", "ablauf", "rechnung", "q"].filter(
|
||||
(schluessel) => werte[schluessel],
|
||||
).length;
|
||||
|
||||
return (
|
||||
<form
|
||||
className="row g-2 p-3 border-bottom"
|
||||
role="search"
|
||||
onSubmit={(e) => {
|
||||
e.preventDefault();
|
||||
const eingabe = new FormData(e.currentTarget).get("q")?.toString() ?? "";
|
||||
setzen("q", eingabe);
|
||||
}}
|
||||
>
|
||||
<div className="col-md-4">
|
||||
<label className="visually-hidden" htmlFor="q">
|
||||
Suche
|
||||
</label>
|
||||
<div className="input-group">
|
||||
<input
|
||||
id="q"
|
||||
name="q"
|
||||
type="search"
|
||||
defaultValue={werte.q ?? ""}
|
||||
className="form-control"
|
||||
placeholder="Hostname, Key, Server-ID, IP oder Rechnungsnummer …"
|
||||
/>
|
||||
<button type="submit" className="btn btn-primary" aria-label="Suchen">
|
||||
<i className="bi bi-search" aria-hidden="true" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-6 col-md-2">
|
||||
<select
|
||||
className="form-select"
|
||||
aria-label="Kunde"
|
||||
value={werte.kunde ?? ""}
|
||||
onChange={(e) => setzen("kunde", e.target.value)}
|
||||
>
|
||||
<option value="">Alle Kunden</option>
|
||||
<option value="ohne">Nicht zugeordnet</option>
|
||||
{kunden.map((kunde) => (
|
||||
<option key={kunde.id} value={kunde.id}>
|
||||
{kunde.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div className="col-6 col-md-2">
|
||||
<select
|
||||
className="form-select"
|
||||
aria-label="Status"
|
||||
value={werte.status ?? ""}
|
||||
onChange={(e) => setzen("status", e.target.value)}
|
||||
>
|
||||
<option value="">Alle Status</option>
|
||||
<option value="ACTIVE">Aktiv</option>
|
||||
<option value="EXPIRED">Abgelaufen</option>
|
||||
<option value="NOTFOUND">Keine Subscription</option>
|
||||
<option value="INVALID">Ungültig</option>
|
||||
<option value="SUSPENDED">Ausgesetzt</option>
|
||||
<option value="UNKNOWN">Unbekannt</option>
|
||||
<option value="keine-meldung">Meldet sich nicht</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div className="col-6 col-md-2">
|
||||
<select
|
||||
className="form-select"
|
||||
aria-label="Produkt"
|
||||
value={werte.produkt ?? ""}
|
||||
onChange={(e) => setzen("produkt", e.target.value)}
|
||||
>
|
||||
<option value="">Alle Produkte</option>
|
||||
<option value="PVE">Proxmox VE</option>
|
||||
<option value="PBS">Backup Server</option>
|
||||
<option value="PMG">Mail Gateway</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div className="col-6 col-md-2">
|
||||
<select
|
||||
className="form-select"
|
||||
aria-label="Ablauf"
|
||||
value={werte.ablauf ?? ""}
|
||||
onChange={(e) => setzen("ablauf", e.target.value)}
|
||||
>
|
||||
<option value="">Jeder Ablauf</option>
|
||||
<option value="14">Läuft in 14 Tagen ab</option>
|
||||
<option value="30">Läuft in 30 Tagen ab</option>
|
||||
<option value="abgelaufen">Abgelaufen</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div className="col-12 d-flex align-items-center gap-3">
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
id="rechnung"
|
||||
checked={werte.rechnung === "offen"}
|
||||
onChange={(e) => setzen("rechnung", e.target.checked ? "offen" : "")}
|
||||
/>
|
||||
<label className="form-check-label small" htmlFor="rechnung">
|
||||
nur mit offenen Rechnungspunkten
|
||||
</label>
|
||||
</div>
|
||||
{aktiveFilter > 0 ? (
|
||||
<Link href="/hosts" className="small">
|
||||
Filter zurücksetzen ({aktiveFilter})
|
||||
</Link>
|
||||
) : null}
|
||||
</div>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
"use client";
|
||||
|
||||
import { useActionState } from "react";
|
||||
import { hostNotizenSpeichern } from "@/server/actions/host-detail";
|
||||
import type { AktionsErgebnis } from "@/server/actions/kunden";
|
||||
|
||||
const LEER: AktionsErgebnis = {};
|
||||
|
||||
export function HostNotizen({
|
||||
hostId,
|
||||
notizen,
|
||||
tags,
|
||||
}: {
|
||||
hostId: string;
|
||||
notizen: string | null;
|
||||
tags: string[];
|
||||
}) {
|
||||
const [ergebnis, aktion, laeuft] = useActionState(hostNotizenSpeichern, LEER);
|
||||
|
||||
return (
|
||||
<form action={aktion}>
|
||||
<input type="hidden" name="hostId" value={hostId} />
|
||||
|
||||
{ergebnis.erfolg ? <div className="alert alert-success py-2">{ergebnis.erfolg}</div> : null}
|
||||
{ergebnis.fehler ? <div className="alert alert-danger py-2">{ergebnis.fehler}</div> : null}
|
||||
|
||||
<div className="mb-3">
|
||||
<label className="form-label" htmlFor="notizen">
|
||||
Notizen
|
||||
</label>
|
||||
<textarea
|
||||
id="notizen"
|
||||
name="notizen"
|
||||
rows={5}
|
||||
className="form-control"
|
||||
defaultValue={notizen ?? ""}
|
||||
placeholder="z. B. Verlängerung mit Kundin besprochen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="mb-3">
|
||||
<label className="form-label" htmlFor="tags">
|
||||
Tags
|
||||
</label>
|
||||
<input
|
||||
id="tags"
|
||||
name="tags"
|
||||
className="form-control"
|
||||
defaultValue={tags.join(", ")}
|
||||
placeholder="produktiv, cluster, backup"
|
||||
/>
|
||||
<div className="form-text">Mehrere Tags mit Komma trennen.</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" className="btn btn-primary pl-touch-target" disabled={laeuft}>
|
||||
{laeuft ? "Speichert …" : "Speichern"}
|
||||
</button>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,146 @@
|
||||
"use client";
|
||||
|
||||
import { useActionState, useState } from "react";
|
||||
import { CopyableCode } from "@/components/ui/CopyableCode";
|
||||
import { formatDatumZeit } from "@/lib/format";
|
||||
import { PRODUKT_TEXT } from "@/lib/anzeige";
|
||||
import { hostsZuweisen } from "@/server/actions/hosts";
|
||||
import type { AktionsErgebnis } from "@/server/actions/kunden";
|
||||
|
||||
export interface ZuweisbarerHost {
|
||||
id: string;
|
||||
hostname: string;
|
||||
produkt: string;
|
||||
serverId: string | null;
|
||||
subKey: string | null;
|
||||
erstmalsGesehenAm: string;
|
||||
}
|
||||
|
||||
export interface KundeMitStandorten {
|
||||
id: string;
|
||||
name: string;
|
||||
standorte: { id: string; name: string }[];
|
||||
}
|
||||
|
||||
const LEER: AktionsErgebnis = {};
|
||||
|
||||
/** Liste der nicht zugeordneten Hosts mit Mehrfachauswahl und gemeinsamer Zuweisung. */
|
||||
export function ZuweisungsFormular({
|
||||
hosts,
|
||||
kunden,
|
||||
}: {
|
||||
hosts: ZuweisbarerHost[];
|
||||
kunden: KundeMitStandorten[];
|
||||
}) {
|
||||
const [ergebnis, aktion, laeuft] = useActionState(hostsZuweisen, LEER);
|
||||
const [ausgewaehlt, setAusgewaehlt] = useState<string[]>(hosts.map((host) => host.id));
|
||||
const [kundeId, setKundeId] = useState(kunden[0]?.id ?? "");
|
||||
|
||||
const standorte = kunden.find((kunde) => kunde.id === kundeId)?.standorte ?? [];
|
||||
const alleAusgewaehlt = ausgewaehlt.length === hosts.length && hosts.length > 0;
|
||||
|
||||
function umschalten(id: string) {
|
||||
setAusgewaehlt((alt) => (alt.includes(id) ? alt.filter((x) => x !== id) : [...alt, id]));
|
||||
}
|
||||
|
||||
return (
|
||||
<form action={aktion}>
|
||||
{ergebnis.fehler ? <div className="alert alert-danger">{ergebnis.fehler}</div> : null}
|
||||
{ergebnis.erfolg ? <div className="alert alert-success">{ergebnis.erfolg}</div> : null}
|
||||
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
<input
|
||||
type="checkbox"
|
||||
className="form-check-input"
|
||||
aria-label="Alle auswählen"
|
||||
checked={alleAusgewaehlt}
|
||||
onChange={() => setAusgewaehlt(alleAusgewaehlt ? [] : hosts.map((host) => host.id))}
|
||||
/>
|
||||
</th>
|
||||
<th scope="col">Host</th>
|
||||
<th scope="col">Produkt</th>
|
||||
<th scope="col">Server-ID</th>
|
||||
<th scope="col">Key</th>
|
||||
<th scope="col">Erstmals gesehen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{hosts.map((host) => (
|
||||
<tr key={host.id}>
|
||||
<td>
|
||||
<input
|
||||
type="checkbox"
|
||||
className="form-check-input pl-touch-target"
|
||||
name="hostId"
|
||||
value={host.id}
|
||||
checked={ausgewaehlt.includes(host.id)}
|
||||
onChange={() => umschalten(host.id)}
|
||||
aria-label={`${host.hostname} auswählen`}
|
||||
/>
|
||||
</td>
|
||||
<td className="fw-semibold">{host.hostname}</td>
|
||||
<td>{PRODUKT_TEXT[host.produkt] ?? host.produkt}</td>
|
||||
<td>
|
||||
<CopyableCode wert={host.serverId} />
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={host.subKey} />
|
||||
</td>
|
||||
<td>{formatDatumZeit(host.erstmalsGesehenAm)}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div className="row g-2 align-items-end p-3 border-top">
|
||||
<div className="col-md-5">
|
||||
<label className="form-label" htmlFor="kundeId">
|
||||
Kunde
|
||||
</label>
|
||||
<select
|
||||
id="kundeId"
|
||||
name="kundeId"
|
||||
className="form-select"
|
||||
value={kundeId}
|
||||
onChange={(e) => setKundeId(e.target.value)}
|
||||
required
|
||||
>
|
||||
{kunden.length === 0 ? <option value="">Bitte zuerst einen Kunden anlegen</option> : null}
|
||||
{kunden.map((kunde) => (
|
||||
<option key={kunde.id} value={kunde.id}>
|
||||
{kunde.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-md-5">
|
||||
<label className="form-label" htmlFor="standortId">
|
||||
Standort (optional)
|
||||
</label>
|
||||
<select id="standortId" name="standortId" className="form-select">
|
||||
<option value="">– kein Standort –</option>
|
||||
{standorte.map((standort) => (
|
||||
<option key={standort.id} value={standort.id}>
|
||||
{standort.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-md-2">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary w-100 pl-touch-target"
|
||||
disabled={laeuft || ausgewaehlt.length === 0 || kunden.length === 0}
|
||||
>
|
||||
{laeuft ? "Weist zu …" : `${ausgewaehlt.length} zuweisen`}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,125 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { useActionState } from "react";
|
||||
import { kundeSpeichern, type AktionsErgebnis } from "@/server/actions/kunden";
|
||||
|
||||
export interface KundeFormularWerte {
|
||||
id?: string;
|
||||
name: string;
|
||||
kundennummer: string;
|
||||
ansprechpartner: string | null;
|
||||
email: string | null;
|
||||
telefon: string | null;
|
||||
notizen: string | null;
|
||||
}
|
||||
|
||||
const LEER: AktionsErgebnis = {};
|
||||
|
||||
export function KundeFormular({ werte }: { werte?: KundeFormularWerte }) {
|
||||
const [ergebnis, aktion, laeuft] = useActionState(kundeSpeichern, LEER);
|
||||
|
||||
function feldKlasse(feld: string) {
|
||||
return `form-control ${ergebnis.felder?.[feld] ? "is-invalid" : ""}`;
|
||||
}
|
||||
|
||||
return (
|
||||
<form action={aktion}>
|
||||
{werte?.id ? <input type="hidden" name="id" value={werte.id} /> : null}
|
||||
|
||||
{ergebnis.fehler ? (
|
||||
<div className="alert alert-danger" role="alert">
|
||||
{ergebnis.fehler}
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
<div className="row g-3">
|
||||
<div className="col-md-6">
|
||||
<label className="form-label" htmlFor="name">
|
||||
Name *
|
||||
</label>
|
||||
<input
|
||||
id="name"
|
||||
name="name"
|
||||
className={feldKlasse("name")}
|
||||
defaultValue={werte?.name ?? ""}
|
||||
required
|
||||
/>
|
||||
{ergebnis.felder?.name ? <div className="invalid-feedback">{ergebnis.felder.name}</div> : null}
|
||||
</div>
|
||||
|
||||
<div className="col-md-6">
|
||||
<label className="form-label" htmlFor="kundennummer">
|
||||
Kundennummer *
|
||||
</label>
|
||||
<input
|
||||
id="kundennummer"
|
||||
name="kundennummer"
|
||||
className={`${feldKlasse("kundennummer")} pl-mono`}
|
||||
defaultValue={werte?.kundennummer ?? ""}
|
||||
placeholder="K-1001"
|
||||
required
|
||||
/>
|
||||
{ergebnis.felder?.kundennummer ? (
|
||||
<div className="invalid-feedback">{ergebnis.felder.kundennummer}</div>
|
||||
) : null}
|
||||
</div>
|
||||
|
||||
<div className="col-md-6">
|
||||
<label className="form-label" htmlFor="ansprechpartner">
|
||||
Ansprechpartner
|
||||
</label>
|
||||
<input
|
||||
id="ansprechpartner"
|
||||
name="ansprechpartner"
|
||||
className="form-control"
|
||||
defaultValue={werte?.ansprechpartner ?? ""}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6">
|
||||
<label className="form-label" htmlFor="email">
|
||||
E-Mail
|
||||
</label>
|
||||
<input
|
||||
id="email"
|
||||
name="email"
|
||||
type="email"
|
||||
className={feldKlasse("email")}
|
||||
defaultValue={werte?.email ?? ""}
|
||||
/>
|
||||
{ergebnis.felder?.email ? <div className="invalid-feedback">{ergebnis.felder.email}</div> : null}
|
||||
</div>
|
||||
|
||||
<div className="col-md-6">
|
||||
<label className="form-label" htmlFor="telefon">
|
||||
Telefon
|
||||
</label>
|
||||
<input id="telefon" name="telefon" className="form-control" defaultValue={werte?.telefon ?? ""} />
|
||||
</div>
|
||||
|
||||
<div className="col-12">
|
||||
<label className="form-label" htmlFor="notizen">
|
||||
Notizen
|
||||
</label>
|
||||
<textarea
|
||||
id="notizen"
|
||||
name="notizen"
|
||||
rows={3}
|
||||
className="form-control"
|
||||
defaultValue={werte?.notizen ?? ""}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="d-flex gap-2 mt-4">
|
||||
<button type="submit" className="btn btn-primary pl-touch-target" disabled={laeuft}>
|
||||
{laeuft ? "Speichert …" : "Speichern"}
|
||||
</button>
|
||||
<Link href={werte?.id ? `/kunden/${werte.id}` : "/kunden"} className="btn btn-outline-secondary">
|
||||
Abbrechen
|
||||
</Link>
|
||||
</div>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,94 @@
|
||||
"use client";
|
||||
|
||||
import { useActionState } from "react";
|
||||
import { standortLoeschen, standortSpeichern, type AktionsErgebnis } from "@/server/actions/kunden";
|
||||
|
||||
export interface StandortAnzeige {
|
||||
id: string;
|
||||
name: string;
|
||||
strasse: string | null;
|
||||
plz: string | null;
|
||||
ort: string | null;
|
||||
hosts: number;
|
||||
}
|
||||
|
||||
const LEER: AktionsErgebnis = {};
|
||||
|
||||
export function StandortVerwaltung({
|
||||
kundeId,
|
||||
standorte,
|
||||
}: {
|
||||
kundeId: string;
|
||||
standorte: StandortAnzeige[];
|
||||
}) {
|
||||
const [ergebnis, aktion, laeuft] = useActionState(standortSpeichern, LEER);
|
||||
|
||||
return (
|
||||
<>
|
||||
{standorte.length > 0 ? (
|
||||
<ul className="list-group list-group-flush mb-3">
|
||||
{standorte.map((standort) => (
|
||||
<li
|
||||
key={standort.id}
|
||||
className="list-group-item d-flex justify-content-between align-items-center px-0"
|
||||
>
|
||||
<span>
|
||||
<span className="fw-semibold">{standort.name}</span>
|
||||
<span className="d-block small text-body-secondary">
|
||||
{[standort.strasse, [standort.plz, standort.ort].filter(Boolean).join(" ")]
|
||||
.filter(Boolean)
|
||||
.join(" · ") || "Keine Adresse hinterlegt"}
|
||||
{standort.hosts > 0 ? ` · ${standort.hosts} Host(s)` : ""}
|
||||
</span>
|
||||
</span>
|
||||
<form action={standortLoeschen}>
|
||||
<input type="hidden" name="id" value={standort.id} />
|
||||
<input type="hidden" name="kundeId" value={kundeId} />
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-sm btn-outline-danger"
|
||||
title="Standort löschen"
|
||||
aria-label={`Standort ${standort.name} löschen`}
|
||||
>
|
||||
<i className="bi bi-trash" aria-hidden="true" />
|
||||
</button>
|
||||
</form>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
) : (
|
||||
<p className="text-body-secondary">Noch kein Standort hinterlegt.</p>
|
||||
)}
|
||||
|
||||
{ergebnis.fehler ? <div className="alert alert-danger py-2">{ergebnis.fehler}</div> : null}
|
||||
{ergebnis.erfolg ? <div className="alert alert-success py-2">{ergebnis.erfolg}</div> : null}
|
||||
|
||||
<form action={aktion} className="row g-2">
|
||||
<input type="hidden" name="kundeId" value={kundeId} />
|
||||
<div className="col-12">
|
||||
<label className="form-label small" htmlFor="standort-name">
|
||||
Neuer Standort
|
||||
</label>
|
||||
<input
|
||||
id="standort-name"
|
||||
name="name"
|
||||
className="form-control form-control-sm"
|
||||
placeholder="z. B. Zentrale Landshut"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="col-6">
|
||||
<input name="plz" className="form-control form-control-sm" placeholder="PLZ" />
|
||||
</div>
|
||||
<div className="col-6">
|
||||
<input name="ort" className="form-control form-control-sm" placeholder="Ort" />
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<button type="submit" className="btn btn-sm btn-outline-primary" disabled={laeuft}>
|
||||
{laeuft ? "Speichert …" : "Standort hinzufügen"}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -3,7 +3,7 @@ import { APP_VERSION } from "@/lib/version";
|
||||
export function Footer() {
|
||||
return (
|
||||
<footer className="app-footer bg-body">
|
||||
<div className="float-end d-none d-sm-inline">Prototyp mit Beispieldaten (#002)</div>
|
||||
<div className="float-end d-none d-sm-inline">Proxmox Subscription Dashboard</div>
|
||||
<strong>ProxLedger</strong> · Version {APP_VERSION}
|
||||
</footer>
|
||||
);
|
||||
|
||||
@@ -2,14 +2,20 @@
|
||||
|
||||
import Link from "next/link";
|
||||
import { useCallback, useEffect, useState, useSyncExternalStore } from "react";
|
||||
import type { SuchEintrag } from "@/mock/suchindex";
|
||||
import type { Alert } from "@/mock/types";
|
||||
import { SearchDialog } from "./SearchDialog";
|
||||
import { SearchDialog, type SuchEintrag } from "./SearchDialog";
|
||||
|
||||
const SCHWERE_ICON: Record<Alert["schwere"], string> = {
|
||||
gefahr: "bi-exclamation-octagon-fill pl-text-danger",
|
||||
warnung: "bi-exclamation-triangle-fill pl-text-warning",
|
||||
info: "bi-info-circle-fill text-body-secondary",
|
||||
export interface KopfleistenAlert {
|
||||
id: string;
|
||||
titel: string;
|
||||
beschreibung: string;
|
||||
schwere: "INFO" | "WARNUNG" | "GEFAHR";
|
||||
hostId: string | null;
|
||||
}
|
||||
|
||||
const SCHWERE_ICON: Record<KopfleistenAlert["schwere"], string> = {
|
||||
GEFAHR: "bi-exclamation-octagon-fill pl-text-danger",
|
||||
WARNUNG: "bi-exclamation-triangle-fill pl-text-warning",
|
||||
INFO: "bi-info-circle-fill text-body-secondary",
|
||||
};
|
||||
|
||||
/** Farbschema aus dem <html>-Attribut lesen, damit Server und Client übereinstimmen. */
|
||||
@@ -28,7 +34,7 @@ export function Header({
|
||||
suchEintraege,
|
||||
benutzer,
|
||||
}: {
|
||||
alerts: Alert[];
|
||||
alerts: KopfleistenAlert[];
|
||||
suchEintraege: SuchEintrag[];
|
||||
benutzer: string;
|
||||
}) {
|
||||
|
||||
@@ -2,7 +2,15 @@
|
||||
|
||||
import { useRouter } from "next/navigation";
|
||||
import { useMemo, useState } from "react";
|
||||
import type { SuchEintrag } from "@/mock/suchindex";
|
||||
|
||||
export interface SuchEintrag {
|
||||
typ: "Host" | "Kunde" | "Rechnung";
|
||||
titel: string;
|
||||
untertitel: string;
|
||||
href: string;
|
||||
/** Alle durchsuchbaren Werte in Kleinschreibung. */
|
||||
begriffe: string[];
|
||||
}
|
||||
|
||||
const TYP_FARBE: Record<SuchEintrag["typ"], string> = {
|
||||
Host: "pl-bg-info",
|
||||
|
||||
@@ -0,0 +1,101 @@
|
||||
"use client";
|
||||
|
||||
import { useActionState } from "react";
|
||||
import { CopyableCode } from "@/components/ui/CopyableCode";
|
||||
import { enrollmentTokenErzeugen, type TokenErgebnis } from "@/server/actions/tokens";
|
||||
|
||||
const LEER: TokenErgebnis = {};
|
||||
|
||||
/** Erzeugt Enrollment-Tokens und zeigt den Klartext genau einmal an. */
|
||||
export function TokenFormular({
|
||||
kunden,
|
||||
dashboardUrl,
|
||||
}: {
|
||||
kunden: { id: string; name: string }[];
|
||||
dashboardUrl: string;
|
||||
}) {
|
||||
const [ergebnis, aktion, laeuft] = useActionState(enrollmentTokenErzeugen, LEER);
|
||||
|
||||
return (
|
||||
<>
|
||||
{ergebnis.fehler ? <div className="alert alert-danger">{ergebnis.fehler}</div> : null}
|
||||
|
||||
{ergebnis.klartext ? (
|
||||
<div className="alert alert-success">
|
||||
<p className="fw-semibold mb-2">
|
||||
<i className="bi bi-check-circle me-1" aria-hidden="true" />
|
||||
Token erzeugt – er wird nur dieses eine Mal angezeigt.
|
||||
</p>
|
||||
<div className="mb-2">
|
||||
<CopyableCode wert={ergebnis.klartext} />
|
||||
</div>
|
||||
<p className="mb-1 small">Auf dem Proxmox-Host als root ausführen:</p>
|
||||
<pre className="bg-body p-2 rounded mb-0">
|
||||
<code className="pl-mono">
|
||||
curl -fsSL {dashboardUrl}/install.sh | bash -s -- --token {ergebnis.klartext}
|
||||
</code>
|
||||
</pre>
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
<form action={aktion} className="row g-3">
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="bezeichnung">
|
||||
Bezeichnung
|
||||
</label>
|
||||
<input
|
||||
id="bezeichnung"
|
||||
name="bezeichnung"
|
||||
className="form-control"
|
||||
placeholder="z. B. Rollout Brandl"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="token-kundeId">
|
||||
Hosts direkt zuordnen zu
|
||||
</label>
|
||||
<select id="token-kundeId" name="kundeId" className="form-select">
|
||||
<option value="">– keinem Kunden –</option>
|
||||
{kunden.map((kunde) => (
|
||||
<option key={kunde.id} value={kunde.id}>
|
||||
{kunde.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-md-2">
|
||||
<label className="form-label" htmlFor="gueltigTage">
|
||||
Gültig (Tage)
|
||||
</label>
|
||||
<input
|
||||
id="gueltigTage"
|
||||
name="gueltigTage"
|
||||
type="number"
|
||||
min={1}
|
||||
max={365}
|
||||
defaultValue={30}
|
||||
className="form-control"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-2">
|
||||
<label className="form-label" htmlFor="maxNutzungen">
|
||||
Max. Nutzungen
|
||||
</label>
|
||||
<input
|
||||
id="maxNutzungen"
|
||||
name="maxNutzungen"
|
||||
type="number"
|
||||
min={1}
|
||||
placeholder="unbegrenzt"
|
||||
className="form-control"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<button type="submit" className="btn btn-primary pl-touch-target" disabled={laeuft}>
|
||||
{laeuft ? "Erzeugt …" : "Token erzeugen"}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -1,22 +1,23 @@
|
||||
import { formatDatum, formatTageBis, tageBis } from "@/lib/format";
|
||||
import { STATUS_TEXT } from "@/mock/queries";
|
||||
import type { SubscriptionStatus } from "@/mock/types";
|
||||
import { STATUS_TEXT, statusAusDatenbank, type AnzeigeStatus } from "@/lib/anzeige";
|
||||
import { FARB_KLASSE, type Farbton } from "./SmallBox";
|
||||
|
||||
export function Badge({ farbe, children }: { farbe: Farbton; children: React.ReactNode }) {
|
||||
return <span className={`badge ${FARB_KLASSE[farbe]}`}>{children}</span>;
|
||||
}
|
||||
|
||||
const STATUS_FARBE: Record<SubscriptionStatus, Farbton> = {
|
||||
const STATUS_FARBE: Record<AnzeigeStatus, Farbton> = {
|
||||
active: "success",
|
||||
notfound: "neutral",
|
||||
invalid: "danger",
|
||||
expired: "danger",
|
||||
suspended: "warning",
|
||||
unknown: "neutral",
|
||||
};
|
||||
|
||||
export function StatusBadge({ status }: { status: SubscriptionStatus }) {
|
||||
return <Badge farbe={STATUS_FARBE[status]}>{STATUS_TEXT[status]}</Badge>;
|
||||
export function StatusBadge({ status }: { status: string }) {
|
||||
const anzeige = statusAusDatenbank(status);
|
||||
return <Badge farbe={STATUS_FARBE[anzeige]}>{STATUS_TEXT[anzeige]}</Badge>;
|
||||
}
|
||||
|
||||
/** Ablaufdatum mit Ampel: rot unter 14 Tagen, gelb unter 30 Tagen, sonst Info. */
|
||||
|
||||
@@ -0,0 +1,31 @@
|
||||
/** Einheitliche Beschriftungen für Produkt und Subscription-Status (Datenbank und Prototyp-Daten). */
|
||||
|
||||
export type AnzeigeStatus = "active" | "notfound" | "invalid" | "expired" | "suspended" | "unknown";
|
||||
|
||||
export const PRODUKT_TEXT: Record<string, string> = {
|
||||
PVE: "Proxmox VE",
|
||||
PBS: "Proxmox Backup Server",
|
||||
PMG: "Proxmox Mail Gateway",
|
||||
pve: "Proxmox VE",
|
||||
pbs: "Proxmox Backup Server",
|
||||
pmg: "Proxmox Mail Gateway",
|
||||
};
|
||||
|
||||
export const STATUS_TEXT: Record<AnzeigeStatus, string> = {
|
||||
active: "Aktiv",
|
||||
notfound: "Keine Subscription",
|
||||
invalid: "Ungültig",
|
||||
expired: "Abgelaufen",
|
||||
suspended: "Ausgesetzt",
|
||||
unknown: "Unbekannt",
|
||||
};
|
||||
|
||||
/** Nimmt sowohl die Datenbank-Schreibweise (ACTIVE) als auch die von Proxmox (active) entgegen. */
|
||||
export function statusAusDatenbank(wert: string): AnzeigeStatus {
|
||||
const klein = wert.toLowerCase();
|
||||
return (["active", "notfound", "invalid", "expired", "suspended"] as const).includes(
|
||||
klein as AnzeigeStatus & ("active" | "notfound" | "invalid" | "expired" | "suspended"),
|
||||
)
|
||||
? (klein as AnzeigeStatus)
|
||||
: "unknown";
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
/** CSV für deutsche Tabellenkalkulationen: Semikolon, UTF-8 mit BOM, Komma als Dezimaltrennzeichen. */
|
||||
|
||||
const datumFormat = new Intl.DateTimeFormat("de-DE", {
|
||||
timeZone: "Europe/Berlin",
|
||||
day: "2-digit",
|
||||
month: "2-digit",
|
||||
year: "numeric",
|
||||
});
|
||||
|
||||
export function csvZelle(wert: string | number | Date | null | undefined): string {
|
||||
if (wert === null || wert === undefined) return "";
|
||||
if (wert instanceof Date) return datumFormat.format(wert);
|
||||
if (typeof wert === "number") {
|
||||
// Ganze Zahlen (z. B. Sockets) ohne Nachkommastellen, Beträge mit zwei.
|
||||
return Number.isInteger(wert)
|
||||
? wert.toLocaleString("de-DE")
|
||||
: wert.toLocaleString("de-DE", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
||||
}
|
||||
|
||||
const text = String(wert);
|
||||
return /[";\n]/.test(text) ? `"${text.replaceAll('"', '""')}"` : text;
|
||||
}
|
||||
|
||||
export function csvDatei(
|
||||
kopfzeile: string[],
|
||||
zeilen: (string | number | Date | null | undefined)[][],
|
||||
): string {
|
||||
const inhalt = [kopfzeile, ...zeilen].map((zeile) => zeile.map(csvZelle).join(";")).join("\r\n");
|
||||
// Das BOM sorgt dafür, dass Excel die Umlaute richtig liest.
|
||||
return `\uFEFF${inhalt}\r\n`;
|
||||
}
|
||||
|
||||
export function csvAntwort(inhalt: string, dateiname: string): Response {
|
||||
return new Response(inhalt, {
|
||||
headers: {
|
||||
"Content-Type": "text/csv; charset=utf-8",
|
||||
"Content-Disposition": `attachment; filename="${dateiname}"`,
|
||||
"Cache-Control": "no-store",
|
||||
},
|
||||
});
|
||||
}
|
||||
+14
-9
@@ -3,28 +3,33 @@ import { PrismaClient } from "@/generated/prisma/client";
|
||||
|
||||
/**
|
||||
* Prisma-Client als Singleton, der erst beim ersten Zugriff verbindet.
|
||||
* Das ist wichtig, weil Next.js beim Bauen Module lädt, ohne dass `DATABASE_URL` gesetzt sein muss.
|
||||
* Im Entwicklungsmodus verhindert der globale Zwischenspeicher, dass jeder Hot-Reload
|
||||
* einen neuen Verbindungspool öffnet.
|
||||
* Verzögert, weil Next.js beim Bauen Module lädt, ohne dass `DATABASE_URL` gesetzt sein muss.
|
||||
* Der Client wird im Modul festgehalten – sonst entstünde bei jedem Zugriff ein neuer
|
||||
* Verbindungspool – und im Entwicklungsmodus zusätzlich global, damit Hot-Reloads ihn wiederverwenden.
|
||||
*/
|
||||
declare global {
|
||||
var proxledgerPrisma: PrismaClient | undefined;
|
||||
}
|
||||
|
||||
function erzeugeClient(): PrismaClient {
|
||||
let client: PrismaClient | undefined;
|
||||
|
||||
export function getPrisma(): PrismaClient {
|
||||
if (client) return client;
|
||||
if (globalThis.proxledgerPrisma) {
|
||||
client = globalThis.proxledgerPrisma;
|
||||
return client;
|
||||
}
|
||||
|
||||
const connectionString = process.env.DATABASE_URL;
|
||||
if (!connectionString) {
|
||||
throw new Error("DATABASE_URL ist nicht gesetzt. Beispielwerte stehen in .env.example.");
|
||||
}
|
||||
const client = new PrismaClient({ adapter: new PrismaPg({ connectionString }) });
|
||||
|
||||
client = new PrismaClient({ adapter: new PrismaPg({ connectionString, max: 10 }) });
|
||||
if (process.env.NODE_ENV !== "production") globalThis.proxledgerPrisma = client;
|
||||
return client;
|
||||
}
|
||||
|
||||
export function getPrisma(): PrismaClient {
|
||||
return globalThis.proxledgerPrisma ?? erzeugeClient();
|
||||
}
|
||||
|
||||
export const prisma: PrismaClient = new Proxy({} as PrismaClient, {
|
||||
get(_ziel, eigenschaft, empfaenger) {
|
||||
return Reflect.get(getPrisma(), eigenschaft, empfaenger);
|
||||
|
||||
@@ -0,0 +1,61 @@
|
||||
"use server";
|
||||
|
||||
import { revalidatePath } from "next/cache";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { protokolliere } from "@/server/audit";
|
||||
import type { AktionsErgebnis } from "./kunden";
|
||||
|
||||
/** Speichert Notizen und Tags eines Hosts. */
|
||||
export async function hostNotizenSpeichern(
|
||||
_vorher: AktionsErgebnis,
|
||||
formular: FormData,
|
||||
): Promise<AktionsErgebnis> {
|
||||
const hostId = formular.get("hostId")?.toString();
|
||||
if (!hostId) return { fehler: "Host nicht gefunden." };
|
||||
|
||||
const notizen = formular.get("notizen")?.toString().trim() || null;
|
||||
const tags = (formular.get("tags")?.toString() ?? "")
|
||||
.split(",")
|
||||
.map((tag) => tag.trim().toLowerCase())
|
||||
.filter(Boolean)
|
||||
.slice(0, 12);
|
||||
|
||||
await prisma.host.update({
|
||||
where: { id: hostId },
|
||||
data: {
|
||||
notizen,
|
||||
tags: {
|
||||
set: [],
|
||||
connectOrCreate: tags.map((name) => ({ where: { name }, create: { name } })),
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
await protokolliere("host.notizen_geaendert", "Host", hostId, { notizen, tags });
|
||||
revalidatePath(`/hosts/${hostId}`);
|
||||
|
||||
return { erfolg: "Gespeichert." };
|
||||
}
|
||||
|
||||
/** Ordnet einen einzelnen Host einem Kunden zu (aus der Detailansicht heraus). */
|
||||
export async function hostKundeSetzen(formular: FormData) {
|
||||
const hostId = formular.get("hostId")?.toString();
|
||||
const kundeId = formular.get("kundeId")?.toString() || null;
|
||||
const standortId = formular.get("standortId")?.toString() || null;
|
||||
if (!hostId) return;
|
||||
|
||||
await prisma.host.update({ where: { id: hostId }, data: { kundeId, standortId } });
|
||||
await protokolliere("host.zugewiesen", "Host", hostId, { kundeId, standortId });
|
||||
|
||||
if (kundeId) {
|
||||
await prisma.alert.updateMany({
|
||||
where: { regel: "host-ohne-kunde", hostId, erledigtAm: null },
|
||||
data: { erledigtAm: new Date() },
|
||||
});
|
||||
}
|
||||
|
||||
revalidatePath(`/hosts/${hostId}`);
|
||||
revalidatePath("/hosts");
|
||||
revalidatePath("/hosts/nicht-zugeordnet");
|
||||
revalidatePath("/");
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
"use server";
|
||||
|
||||
import { revalidatePath } from "next/cache";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { protokolliere } from "@/server/audit";
|
||||
import { hostsZuweisenService, ZuweisungsFehler } from "@/server/services/zuweisung";
|
||||
import type { AktionsErgebnis } from "./kunden";
|
||||
|
||||
/** Weist mehrere Hosts in einem Schritt einem Kunden zu. */
|
||||
export async function hostsZuweisen(_vorher: AktionsErgebnis, formular: FormData): Promise<AktionsErgebnis> {
|
||||
const hostIds = formular.getAll("hostId").map(String).filter(Boolean);
|
||||
const kundeId = formular.get("kundeId")?.toString() || null;
|
||||
const standortId = formular.get("standortId")?.toString() || null;
|
||||
|
||||
try {
|
||||
const { anzahl, kundenName } = await hostsZuweisenService(hostIds, kundeId, standortId);
|
||||
|
||||
revalidatePath("/hosts/nicht-zugeordnet");
|
||||
revalidatePath("/hosts");
|
||||
revalidatePath("/kunden");
|
||||
revalidatePath(`/kunden/${kundeId}`);
|
||||
revalidatePath("/");
|
||||
|
||||
return { erfolg: `${anzahl} Host${anzahl === 1 ? "" : "s"} ${kundenName} zugewiesen.` };
|
||||
} catch (fehler) {
|
||||
if (fehler instanceof ZuweisungsFehler) return { fehler: fehler.message };
|
||||
throw fehler;
|
||||
}
|
||||
}
|
||||
|
||||
/** Hebt die Zuordnung eines einzelnen Hosts auf. */
|
||||
export async function hostZuordnungAufheben(formular: FormData) {
|
||||
const hostId = formular.get("hostId")?.toString();
|
||||
if (!hostId) return;
|
||||
|
||||
await prisma.host.update({ where: { id: hostId }, data: { kundeId: null, standortId: null } });
|
||||
await protokolliere("host.zuordnung_aufgehoben", "Host", hostId, {});
|
||||
|
||||
revalidatePath("/hosts");
|
||||
revalidatePath("/hosts/nicht-zugeordnet");
|
||||
revalidatePath(`/hosts/${hostId}`);
|
||||
revalidatePath("/kunden");
|
||||
revalidatePath("/");
|
||||
}
|
||||
@@ -0,0 +1,126 @@
|
||||
"use server";
|
||||
|
||||
import { revalidatePath } from "next/cache";
|
||||
import { redirect } from "next/navigation";
|
||||
import { z } from "zod";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { protokolliere } from "@/server/audit";
|
||||
|
||||
export interface AktionsErgebnis {
|
||||
fehler?: string;
|
||||
felder?: Record<string, string>;
|
||||
erfolg?: string;
|
||||
}
|
||||
|
||||
const leerZuNull = (wert: FormDataEntryValue | null) => {
|
||||
const text = typeof wert === "string" ? wert.trim() : "";
|
||||
return text.length > 0 ? text : null;
|
||||
};
|
||||
|
||||
const kundeSchema = z.object({
|
||||
name: z.string().min(2, "Bitte einen Namen angeben."),
|
||||
kundennummer: z.string().min(1, "Bitte eine Kundennummer angeben."),
|
||||
ansprechpartner: z.string().nullable(),
|
||||
email: z.union([z.string().email("Keine gültige E-Mail-Adresse."), z.null()]),
|
||||
telefon: z.string().nullable(),
|
||||
notizen: z.string().nullable(),
|
||||
});
|
||||
|
||||
/** Legt einen Kunden an oder ändert ihn; `id` im Formular entscheidet darüber. */
|
||||
export async function kundeSpeichern(_vorher: AktionsErgebnis, formular: FormData): Promise<AktionsErgebnis> {
|
||||
const id = leerZuNull(formular.get("id"));
|
||||
const eingabe = kundeSchema.safeParse({
|
||||
name: formular.get("name")?.toString().trim() ?? "",
|
||||
kundennummer: formular.get("kundennummer")?.toString().trim() ?? "",
|
||||
ansprechpartner: leerZuNull(formular.get("ansprechpartner")),
|
||||
email: leerZuNull(formular.get("email")),
|
||||
telefon: leerZuNull(formular.get("telefon")),
|
||||
notizen: leerZuNull(formular.get("notizen")),
|
||||
});
|
||||
|
||||
if (!eingabe.success) {
|
||||
const felder: Record<string, string> = {};
|
||||
for (const problem of eingabe.error.issues) felder[String(problem.path[0])] = problem.message;
|
||||
return { fehler: "Bitte die markierten Felder prüfen.", felder };
|
||||
}
|
||||
|
||||
const vorhandeneNummer = await prisma.kunde.findUnique({
|
||||
where: { kundennummer: eingabe.data.kundennummer },
|
||||
});
|
||||
if (vorhandeneNummer && vorhandeneNummer.id !== id) {
|
||||
return {
|
||||
fehler: "Diese Kundennummer ist bereits vergeben.",
|
||||
felder: { kundennummer: "Bereits vergeben." },
|
||||
};
|
||||
}
|
||||
|
||||
const kunde = id
|
||||
? await prisma.kunde.update({ where: { id }, data: eingabe.data })
|
||||
: await prisma.kunde.create({ data: eingabe.data });
|
||||
|
||||
await protokolliere(id ? "kunde.geaendert" : "kunde.angelegt", "Kunde", kunde.id, eingabe.data);
|
||||
|
||||
revalidatePath("/kunden");
|
||||
revalidatePath(`/kunden/${kunde.id}`);
|
||||
redirect(`/kunden/${kunde.id}`);
|
||||
}
|
||||
|
||||
export async function kundeLoeschen(formular: FormData) {
|
||||
const id = formular.get("id")?.toString();
|
||||
if (!id) return;
|
||||
|
||||
const kunde = await prisma.kunde.findUnique({ where: { id }, select: { name: true } });
|
||||
// Hosts bleiben erhalten und gelten danach als nicht zugeordnet (onDelete: SetNull).
|
||||
await prisma.kunde.delete({ where: { id } });
|
||||
await protokolliere("kunde.geloescht", "Kunde", id, { name: kunde?.name });
|
||||
|
||||
revalidatePath("/kunden");
|
||||
revalidatePath("/hosts/nicht-zugeordnet");
|
||||
redirect("/kunden");
|
||||
}
|
||||
|
||||
const standortSchema = z.object({
|
||||
kundeId: z.string().min(1),
|
||||
name: z.string().min(2, "Bitte einen Namen angeben."),
|
||||
strasse: z.string().nullable(),
|
||||
plz: z.string().nullable(),
|
||||
ort: z.string().nullable(),
|
||||
});
|
||||
|
||||
export async function standortSpeichern(
|
||||
_vorher: AktionsErgebnis,
|
||||
formular: FormData,
|
||||
): Promise<AktionsErgebnis> {
|
||||
const id = leerZuNull(formular.get("id"));
|
||||
const eingabe = standortSchema.safeParse({
|
||||
kundeId: formular.get("kundeId")?.toString() ?? "",
|
||||
name: formular.get("name")?.toString().trim() ?? "",
|
||||
strasse: leerZuNull(formular.get("strasse")),
|
||||
plz: leerZuNull(formular.get("plz")),
|
||||
ort: leerZuNull(formular.get("ort")),
|
||||
});
|
||||
|
||||
if (!eingabe.success) {
|
||||
const felder: Record<string, string> = {};
|
||||
for (const problem of eingabe.error.issues) felder[String(problem.path[0])] = problem.message;
|
||||
return { fehler: "Bitte die markierten Felder prüfen.", felder };
|
||||
}
|
||||
|
||||
const standort = id
|
||||
? await prisma.standort.update({ where: { id }, data: eingabe.data })
|
||||
: await prisma.standort.create({ data: eingabe.data });
|
||||
|
||||
await protokolliere(id ? "standort.geaendert" : "standort.angelegt", "Standort", standort.id, eingabe.data);
|
||||
revalidatePath(`/kunden/${eingabe.data.kundeId}`);
|
||||
return { erfolg: "Standort gespeichert." };
|
||||
}
|
||||
|
||||
export async function standortLoeschen(formular: FormData) {
|
||||
const id = formular.get("id")?.toString();
|
||||
const kundeId = formular.get("kundeId")?.toString();
|
||||
if (!id) return;
|
||||
|
||||
await prisma.standort.delete({ where: { id } });
|
||||
await protokolliere("standort.geloescht", "Standort", id, {});
|
||||
if (kundeId) revalidatePath(`/kunden/${kundeId}`);
|
||||
}
|
||||
@@ -0,0 +1,79 @@
|
||||
"use server";
|
||||
|
||||
import { revalidatePath } from "next/cache";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { erzeugeToken } from "@/lib/tokens";
|
||||
import { protokolliere } from "@/server/audit";
|
||||
import type { AktionsErgebnis } from "./kunden";
|
||||
|
||||
export interface TokenErgebnis extends AktionsErgebnis {
|
||||
/** Nur direkt nach dem Erzeugen gesetzt – danach ist der Token nicht mehr lesbar. */
|
||||
klartext?: string;
|
||||
}
|
||||
|
||||
/** Erzeugt einen Enrollment-Token; der Klartext wird genau einmal zurückgegeben. */
|
||||
export async function enrollmentTokenErzeugen(
|
||||
_vorher: TokenErgebnis,
|
||||
formular: FormData,
|
||||
): Promise<TokenErgebnis> {
|
||||
const bezeichnung = formular.get("bezeichnung")?.toString().trim() || null;
|
||||
const kundeId = formular.get("kundeId")?.toString() || null;
|
||||
const standortId = formular.get("standortId")?.toString() || null;
|
||||
const gueltigTage = Number(formular.get("gueltigTage") ?? 30);
|
||||
const maxNutzungenRoh = formular.get("maxNutzungen")?.toString().trim();
|
||||
const maxNutzungen = maxNutzungenRoh ? Number(maxNutzungenRoh) : null;
|
||||
|
||||
if (!Number.isFinite(gueltigTage) || gueltigTage < 1 || gueltigTage > 365) {
|
||||
return { fehler: "Gültigkeit muss zwischen 1 und 365 Tagen liegen." };
|
||||
}
|
||||
if (maxNutzungen !== null && (!Number.isInteger(maxNutzungen) || maxNutzungen < 1)) {
|
||||
return { fehler: "Die Anzahl der Nutzungen muss mindestens 1 sein." };
|
||||
}
|
||||
|
||||
const token = erzeugeToken("enrollment");
|
||||
const eintrag = await prisma.enrollmentToken.create({
|
||||
data: {
|
||||
tokenHash: token.hash,
|
||||
praefix: token.praefix,
|
||||
bezeichnung,
|
||||
kundeId,
|
||||
standortId,
|
||||
maxNutzungen,
|
||||
gueltigBis: new Date(Date.now() + gueltigTage * 86_400_000),
|
||||
},
|
||||
});
|
||||
|
||||
await protokolliere("enrollment_token.angelegt", "EnrollmentToken", eintrag.id, {
|
||||
bezeichnung,
|
||||
kundeId,
|
||||
gueltigTage,
|
||||
maxNutzungen,
|
||||
});
|
||||
|
||||
revalidatePath("/einstellungen/tokens");
|
||||
return {
|
||||
klartext: token.klartext,
|
||||
erfolg: "Token erzeugt. Er wird nur dieses eine Mal angezeigt.",
|
||||
};
|
||||
}
|
||||
|
||||
export async function enrollmentTokenWiderrufen(formular: FormData) {
|
||||
const id = formular.get("id")?.toString();
|
||||
if (!id) return;
|
||||
|
||||
await prisma.enrollmentToken.update({ where: { id }, data: { widerrufenAm: new Date() } });
|
||||
await protokolliere("enrollment_token.widerrufen", "EnrollmentToken", id, {});
|
||||
revalidatePath("/einstellungen/tokens");
|
||||
}
|
||||
|
||||
export async function hostTokenWiderrufen(formular: FormData) {
|
||||
const id = formular.get("id")?.toString();
|
||||
const hostId = formular.get("hostId")?.toString();
|
||||
if (!id) return;
|
||||
|
||||
await prisma.agentToken.update({ where: { id }, data: { widerrufenAm: new Date() } });
|
||||
await protokolliere("agent_token.widerrufen", "AgentToken", id, { hostId });
|
||||
|
||||
revalidatePath("/einstellungen/tokens");
|
||||
if (hostId) revalidatePath(`/hosts/${hostId}`);
|
||||
}
|
||||
@@ -20,11 +20,7 @@ export function fehlerBehandeln(fehler: unknown) {
|
||||
}
|
||||
|
||||
/** Prüft das Rate-Limit für IP und (falls vorhanden) Token. */
|
||||
export function rateLimitPruefen(
|
||||
limit: RateLimit,
|
||||
headers: Headers,
|
||||
token: string | null,
|
||||
): Response | null {
|
||||
export function rateLimitPruefen(limit: RateLimit, headers: Headers, token: string | null): Response | null {
|
||||
const schluessel = token ? `token:${token.slice(0, 16)}` : `ip:${clientIp(headers)}`;
|
||||
const ergebnis = limit.pruefe(schluessel);
|
||||
if (ergebnis.erlaubt) return null;
|
||||
|
||||
@@ -0,0 +1,21 @@
|
||||
import { prisma } from "@/lib/db";
|
||||
|
||||
/**
|
||||
* Schreibt einen Eintrag ins Audit-Log. Solange es keine Anmeldung gibt (#013),
|
||||
* bleibt `benutzerId` leer und die Änderung gilt als vom System ausgelöst.
|
||||
*/
|
||||
export async function protokolliere(
|
||||
aktion: string,
|
||||
entitaet: string,
|
||||
entitaetId: string | null,
|
||||
aenderung?: Record<string, unknown>,
|
||||
) {
|
||||
await prisma.auditEintrag.create({
|
||||
data: {
|
||||
aktion,
|
||||
entitaet,
|
||||
entitaetId,
|
||||
aenderung: aenderung ? JSON.parse(JSON.stringify(aenderung)) : undefined,
|
||||
},
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,106 @@
|
||||
import { prisma } from "@/lib/db";
|
||||
import { meldungsGrenze } from "./hosts";
|
||||
|
||||
/**
|
||||
* Hosts nach Ablaufdatum mit der Laufzeit, die zu diesem Ablauf gehört.
|
||||
* Gezeigt wird bewusst die Verlängerung (die Laufzeit, die am `nextduedate` beginnt),
|
||||
* denn deren Rechnungen sind offen – nicht die der laufenden Periode.
|
||||
*/
|
||||
export async function hostsNachAblauf(jetzt: Date = new Date()) {
|
||||
const hosts = await prisma.host.findMany({
|
||||
where: { subNextduedate: { not: null } },
|
||||
orderBy: { subNextduedate: "asc" },
|
||||
include: {
|
||||
kunde: { select: { id: true, name: true } },
|
||||
laufzeiten: {
|
||||
where: { status: "BESTAETIGT" },
|
||||
orderBy: { start: "desc" },
|
||||
include: {
|
||||
proxmoxPosition: { include: { rechnung: { select: { nummer: true, bezahlt: true } } } },
|
||||
kundenPosition: { include: { rechnung: { select: { erstellt: true, bezahlt: true } } } },
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
const grenze = meldungsGrenze(jetzt);
|
||||
|
||||
return hosts.map((host) => {
|
||||
const ablauf = host.subNextduedate;
|
||||
const verlaengerung = host.laufzeiten.find(
|
||||
(laufzeit) => ablauf && laufzeit.start.getTime() === ablauf.getTime(),
|
||||
);
|
||||
const laufend = host.laufzeiten[0];
|
||||
const laufzeit = verlaengerung ?? laufend;
|
||||
|
||||
return {
|
||||
id: host.id,
|
||||
hostname: host.hostname,
|
||||
kunde: host.kunde,
|
||||
subKey: host.subKey,
|
||||
nextduedate: ablauf,
|
||||
meldetNicht: !host.letzterReportAm || host.letzterReportAm < grenze,
|
||||
einkaufBezahlt: laufzeit?.proxmoxPosition ? laufzeit.proxmoxPosition.rechnung.bezahlt : null,
|
||||
verkaufErstellt: laufzeit?.kundenPosition?.rechnung.erstellt ?? false,
|
||||
verkaufBezahlt: laufzeit?.kundenPosition?.rechnung.bezahlt ?? false,
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
/** Offene Rechnungspunkte als Aufgabenliste fürs Dashboard. */
|
||||
export async function offeneAufgaben() {
|
||||
const laufzeiten = await prisma.laufzeit.findMany({
|
||||
where: {
|
||||
status: "BESTAETIGT",
|
||||
OR: [
|
||||
{ proxmoxPosition: { rechnung: { bezahlt: false } } },
|
||||
{ kundenPosition: null },
|
||||
{ kundenPosition: { rechnung: { erstellt: false } } },
|
||||
],
|
||||
},
|
||||
orderBy: { start: "asc" },
|
||||
include: {
|
||||
host: { select: { id: true, hostname: true, kunde: { select: { name: true } } } },
|
||||
proxmoxPosition: { include: { rechnung: true } },
|
||||
kundenPosition: { include: { rechnung: true } },
|
||||
},
|
||||
});
|
||||
|
||||
const aufgaben = [];
|
||||
for (const laufzeit of laufzeiten) {
|
||||
const basis = `${laufzeit.host.hostname} · ${laufzeit.host.kunde?.name ?? "Nicht zugeordnet"}`;
|
||||
const einkauf = laufzeit.proxmoxPosition?.rechnung;
|
||||
|
||||
if (einkauf && !einkauf.bezahlt) {
|
||||
aufgaben.push({
|
||||
id: `${laufzeit.id}-einkauf`,
|
||||
titel: `Proxmox-Rechnung ${einkauf.nummer} bezahlen`,
|
||||
detail: basis,
|
||||
betrag: Number(laufzeit.proxmoxPosition?.nettoBetrag ?? 0),
|
||||
faelligAm: einkauf.faelligAm,
|
||||
dringlichkeit: "gefahr" as const,
|
||||
badgeText: "Einkauf",
|
||||
href: `/hosts/${laufzeit.hostId}`,
|
||||
start: laufzeit.start,
|
||||
ende: laufzeit.ende,
|
||||
});
|
||||
}
|
||||
|
||||
if (einkauf && !laufzeit.kundenPosition?.rechnung.erstellt) {
|
||||
aufgaben.push({
|
||||
id: `${laufzeit.id}-verkauf`,
|
||||
titel: "Kundenrechnung erstellen",
|
||||
detail: basis,
|
||||
betrag: null,
|
||||
faelligAm: null,
|
||||
dringlichkeit: "warnung" as const,
|
||||
badgeText: "Verkauf",
|
||||
href: "/rechnungen",
|
||||
start: laufzeit.start,
|
||||
ende: laufzeit.ende,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
return aufgaben;
|
||||
}
|
||||
@@ -0,0 +1,169 @@
|
||||
import type { Prisma } from "@/generated/prisma/client";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { meldungsGrenze } from "./hosts";
|
||||
|
||||
export interface HostFilter {
|
||||
q?: string;
|
||||
kunde?: string;
|
||||
status?: string;
|
||||
produkt?: string;
|
||||
ablauf?: "30" | "14" | "abgelaufen";
|
||||
rechnung?: "offen";
|
||||
sortierung?: string;
|
||||
seite?: number;
|
||||
}
|
||||
|
||||
export const SEITENGROESSE = 25;
|
||||
|
||||
/** Baut die Where-Bedingung aus den Filtern der Host-Tabelle. */
|
||||
function bedingung(filter: HostFilter, jetzt: Date): Prisma.HostWhereInput {
|
||||
const und: Prisma.HostWhereInput[] = [];
|
||||
|
||||
if (filter.q && filter.q.trim().length > 0) {
|
||||
const suche = filter.q.trim();
|
||||
und.push({
|
||||
OR: [
|
||||
{ hostname: { contains: suche, mode: "insensitive" } },
|
||||
{ fqdn: { contains: suche, mode: "insensitive" } },
|
||||
{ serverId: { contains: suche, mode: "insensitive" } },
|
||||
{ subKey: { contains: suche, mode: "insensitive" } },
|
||||
{ ips: { has: suche } },
|
||||
{ kunde: { name: { contains: suche, mode: "insensitive" } } },
|
||||
// Suche nach einer Proxmox-Rechnungsnummer führt ebenfalls zum Host.
|
||||
{
|
||||
laufzeiten: {
|
||||
some: {
|
||||
OR: [
|
||||
{ proxmoxPosition: { rechnung: { nummer: { contains: suche, mode: "insensitive" } } } },
|
||||
{ kundenPosition: { rechnung: { nummer: { contains: suche, mode: "insensitive" } } } },
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
}
|
||||
|
||||
if (filter.kunde === "ohne") und.push({ kundeId: null });
|
||||
else if (filter.kunde) und.push({ kundeId: filter.kunde });
|
||||
|
||||
if (filter.status === "keine-meldung") {
|
||||
und.push({
|
||||
OR: [{ letzterReportAm: null }, { letzterReportAm: { lt: meldungsGrenze(jetzt) } }],
|
||||
});
|
||||
} else if (filter.status) {
|
||||
und.push({ subStatus: filter.status as Prisma.EnumSubscriptionStatusFilter["equals"] });
|
||||
}
|
||||
|
||||
if (filter.produkt) und.push({ produkt: filter.produkt as Prisma.EnumProduktFilter["equals"] });
|
||||
|
||||
if (filter.ablauf === "30") {
|
||||
und.push({ subNextduedate: { gte: jetzt, lte: new Date(jetzt.getTime() + 30 * 86_400_000) } });
|
||||
} else if (filter.ablauf === "14") {
|
||||
und.push({ subNextduedate: { gte: jetzt, lte: new Date(jetzt.getTime() + 14 * 86_400_000) } });
|
||||
} else if (filter.ablauf === "abgelaufen") {
|
||||
und.push({ subNextduedate: { lt: jetzt } });
|
||||
}
|
||||
|
||||
if (filter.rechnung === "offen") {
|
||||
und.push({
|
||||
laufzeiten: {
|
||||
some: {
|
||||
status: "BESTAETIGT",
|
||||
OR: [
|
||||
{ proxmoxPosition: { rechnung: { bezahlt: false } } },
|
||||
{ kundenPosition: null },
|
||||
{ kundenPosition: { rechnung: { erstellt: false } } },
|
||||
],
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
return und.length > 0 ? { AND: und } : {};
|
||||
}
|
||||
|
||||
// Hosts ohne Ablaufdatum bzw. ohne Meldung stehen immer am Ende, egal in welche Richtung sortiert wird.
|
||||
const SORTIERUNGEN: Record<string, Prisma.HostOrderByWithRelationInput> = {
|
||||
hostname: { hostname: "asc" },
|
||||
"hostname-ab": { hostname: "desc" },
|
||||
ablauf: { subNextduedate: { sort: "asc", nulls: "last" } },
|
||||
"ablauf-ab": { subNextduedate: { sort: "desc", nulls: "last" } },
|
||||
kunde: { kunde: { name: "asc" } },
|
||||
"kunde-ab": { kunde: { name: "desc" } },
|
||||
status: { subStatus: "asc" },
|
||||
"status-ab": { subStatus: "desc" },
|
||||
meldung: { letzterReportAm: { sort: "desc", nulls: "last" } },
|
||||
"meldung-ab": { letzterReportAm: { sort: "asc", nulls: "last" } },
|
||||
};
|
||||
|
||||
export async function hostListe(filter: HostFilter, jetzt: Date = new Date()) {
|
||||
const where = bedingung(filter, jetzt);
|
||||
const seite = Math.max(1, filter.seite ?? 1);
|
||||
const orderBy = SORTIERUNGEN[filter.sortierung ?? "hostname"] ?? SORTIERUNGEN.hostname;
|
||||
|
||||
const [gesamt, hosts] = await Promise.all([
|
||||
prisma.host.count({ where }),
|
||||
prisma.host.findMany({
|
||||
where,
|
||||
orderBy,
|
||||
skip: (seite - 1) * SEITENGROESSE,
|
||||
take: SEITENGROESSE,
|
||||
include: {
|
||||
kunde: { select: { id: true, name: true } },
|
||||
standort: { select: { name: true } },
|
||||
},
|
||||
}),
|
||||
]);
|
||||
|
||||
const grenze = meldungsGrenze(jetzt);
|
||||
|
||||
return {
|
||||
gesamt,
|
||||
seite,
|
||||
seiten: Math.max(1, Math.ceil(gesamt / SEITENGROESSE)),
|
||||
hosts: hosts.map((host) => ({
|
||||
...host,
|
||||
meldetNicht: !host.letzterReportAm || host.letzterReportAm < grenze,
|
||||
socketAbweichung:
|
||||
host.subLizenzierteSockets !== null &&
|
||||
host.sockets !== null &&
|
||||
host.subLizenzierteSockets !== host.sockets,
|
||||
})),
|
||||
};
|
||||
}
|
||||
|
||||
/** Alle Daten der Host-Detailansicht in einem Rutsch. */
|
||||
export async function hostMitDetails(id: string) {
|
||||
return prisma.host.findUnique({
|
||||
where: { id },
|
||||
include: {
|
||||
kunde: { select: { id: true, name: true } },
|
||||
standort: { select: { id: true, name: true, ort: true } },
|
||||
tags: true,
|
||||
alerts: { where: { erledigtAm: null }, orderBy: { geoeffnetAm: "desc" } },
|
||||
keyHistorie: { orderBy: { letzteMeldung: "desc" } },
|
||||
serverIdHistorie: { orderBy: { letzteMeldung: "desc" } },
|
||||
tokens: { orderBy: { erstelltAm: "desc" } },
|
||||
reports: { orderBy: { erhobenAm: "desc" }, take: 30 },
|
||||
laufzeiten: {
|
||||
orderBy: { start: "desc" },
|
||||
include: {
|
||||
proxmoxPosition: { include: { rechnung: true } },
|
||||
kundenPosition: { include: { rechnung: true } },
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
export type HostDetail = NonNullable<Awaited<ReturnType<typeof hostMitDetails>>>;
|
||||
|
||||
/** Auswahllisten für die Filterleiste. */
|
||||
export async function filterOptionen() {
|
||||
const kunden = await prisma.kunde.findMany({
|
||||
orderBy: { name: "asc" },
|
||||
select: { id: true, name: true },
|
||||
});
|
||||
return { kunden };
|
||||
}
|
||||
@@ -0,0 +1,136 @@
|
||||
import { prisma } from "@/lib/db";
|
||||
|
||||
/** Frist, nach der ein Host als „meldet sich nicht“ gilt (konfigurierbar ab #011). */
|
||||
export const MELDUNG_FRIST_STUNDEN = 48;
|
||||
|
||||
export function meldungsGrenze(jetzt: Date = new Date()): Date {
|
||||
return new Date(jetzt.getTime() - MELDUNG_FRIST_STUNDEN * 3_600_000);
|
||||
}
|
||||
|
||||
export async function hostsOhneKunde() {
|
||||
return prisma.host.findMany({
|
||||
where: { kundeId: null },
|
||||
orderBy: { erstmalsGesehenAm: "desc" },
|
||||
});
|
||||
}
|
||||
|
||||
export async function hostAnzahl() {
|
||||
return prisma.host.count();
|
||||
}
|
||||
|
||||
/** Kennzahlen für Dashboard-Kacheln und Sidebar-Badges. */
|
||||
export async function kennzahlen(jetzt: Date = new Date()) {
|
||||
const in30Tagen = new Date(jetzt.getTime() + 30 * 86_400_000);
|
||||
|
||||
const [gesamt, aktiv, ohneKunde, baldAblaufend, ohneMeldung, offeneAlerts] = await Promise.all([
|
||||
prisma.host.count(),
|
||||
prisma.host.count({ where: { subStatus: "ACTIVE" } }),
|
||||
prisma.host.count({ where: { kundeId: null } }),
|
||||
prisma.host.count({ where: { subNextduedate: { gte: jetzt, lte: in30Tagen } } }),
|
||||
prisma.host.count({
|
||||
where: { OR: [{ letzterReportAm: null }, { letzterReportAm: { lt: meldungsGrenze(jetzt) } }] },
|
||||
}),
|
||||
prisma.alert.count({ where: { erledigtAm: null } }),
|
||||
]);
|
||||
|
||||
const [offeneEinkaufsrechnungen, fehlendeKundenrechnungen] = await Promise.all([
|
||||
prisma.laufzeit.count({
|
||||
where: { status: "BESTAETIGT", proxmoxPosition: { rechnung: { bezahlt: false } } },
|
||||
}),
|
||||
prisma.laufzeit.count({
|
||||
where: {
|
||||
status: "BESTAETIGT",
|
||||
proxmoxPosition: { isNot: null },
|
||||
OR: [{ kundenPosition: null }, { kundenPosition: { rechnung: { erstellt: false } } }],
|
||||
},
|
||||
}),
|
||||
]);
|
||||
|
||||
return {
|
||||
hostsGesamt: gesamt,
|
||||
aktivLizenziert: aktiv,
|
||||
ohneSubscription: gesamt - aktiv,
|
||||
ohneKunde,
|
||||
baldAblaufend,
|
||||
ohneMeldung,
|
||||
offeneAlerts,
|
||||
offeneEinkaufsrechnungen,
|
||||
fehlendeKundenrechnungen,
|
||||
offeneRechnungspunkte: offeneEinkaufsrechnungen + fehlendeKundenrechnungen,
|
||||
};
|
||||
}
|
||||
|
||||
export async function offeneAlerts(anzahl = 20) {
|
||||
return prisma.alert.findMany({
|
||||
where: { erledigtAm: null },
|
||||
orderBy: [{ schwere: "asc" }, { geoeffnetAm: "desc" }],
|
||||
take: anzahl,
|
||||
});
|
||||
}
|
||||
|
||||
/** Einträge für die globale Suche (Strg+K). */
|
||||
export async function suchIndex() {
|
||||
const [hosts, kunden, proxmoxRechnungen, kundenrechnungen] = await Promise.all([
|
||||
prisma.host.findMany({
|
||||
select: {
|
||||
id: true,
|
||||
hostname: true,
|
||||
fqdn: true,
|
||||
serverId: true,
|
||||
subKey: true,
|
||||
ips: true,
|
||||
produkt: true,
|
||||
kunde: { select: { name: true } },
|
||||
},
|
||||
}),
|
||||
prisma.kunde.findMany({
|
||||
select: { id: true, name: true, kundennummer: true, ansprechpartner: true, email: true },
|
||||
}),
|
||||
prisma.proxmoxRechnung.findMany({
|
||||
select: { id: true, nummer: true, positionen: { select: { laufzeit: { select: { hostId: true } } } } },
|
||||
}),
|
||||
prisma.kundenrechnung.findMany({
|
||||
where: { nummer: { not: null } },
|
||||
select: { id: true, nummer: true, kunde: { select: { id: true, name: true } } },
|
||||
}),
|
||||
]);
|
||||
|
||||
const eintraege = [
|
||||
...hosts.map((host) => ({
|
||||
typ: "Host" as const,
|
||||
titel: host.hostname,
|
||||
untertitel: `${host.produkt} · ${host.kunde?.name ?? "Nicht zugeordnet"}${
|
||||
host.subKey ? ` · ${host.subKey}` : ""
|
||||
}`,
|
||||
href: `/hosts/${host.id}`,
|
||||
begriffe: [host.hostname, host.fqdn, host.serverId, host.subKey, ...host.ips]
|
||||
.filter((w): w is string => Boolean(w))
|
||||
.map((w) => w.toLowerCase()),
|
||||
})),
|
||||
...kunden.map((kunde) => ({
|
||||
typ: "Kunde" as const,
|
||||
titel: kunde.name,
|
||||
untertitel: `${kunde.kundennummer}${kunde.ansprechpartner ? ` · ${kunde.ansprechpartner}` : ""}`,
|
||||
href: `/kunden/${kunde.id}`,
|
||||
begriffe: [kunde.name, kunde.kundennummer, kunde.ansprechpartner, kunde.email]
|
||||
.filter((w): w is string => Boolean(w))
|
||||
.map((w) => w.toLowerCase()),
|
||||
})),
|
||||
...proxmoxRechnungen.map((rechnung) => ({
|
||||
typ: "Rechnung" as const,
|
||||
titel: rechnung.nummer,
|
||||
untertitel: `Proxmox-Rechnung · ${rechnung.positionen.length} Position(en)`,
|
||||
href: `/rechnungen?q=${encodeURIComponent(rechnung.nummer)}`,
|
||||
begriffe: [rechnung.nummer.toLowerCase()],
|
||||
})),
|
||||
...kundenrechnungen.map((rechnung) => ({
|
||||
typ: "Rechnung" as const,
|
||||
titel: rechnung.nummer ?? "",
|
||||
untertitel: `Kundenrechnung · ${rechnung.kunde.name}`,
|
||||
href: `/kunden/${rechnung.kunde.id}`,
|
||||
begriffe: [(rechnung.nummer ?? "").toLowerCase()],
|
||||
})),
|
||||
];
|
||||
|
||||
return eintraege;
|
||||
}
|
||||
@@ -0,0 +1,138 @@
|
||||
import { prisma } from "@/lib/db";
|
||||
|
||||
/** Abfragen rund um Kunden. Beträge kommen als Decimal aus der Datenbank und werden hier zu Zahlen. */
|
||||
|
||||
export async function kundenListe() {
|
||||
const kunden = await prisma.kunde.findMany({
|
||||
orderBy: { name: "asc" },
|
||||
include: {
|
||||
standorte: true,
|
||||
hosts: {
|
||||
select: { id: true, subStatus: true, subNextduedate: true },
|
||||
},
|
||||
_count: { select: { hosts: true } },
|
||||
},
|
||||
});
|
||||
|
||||
const offeneAlerts = await prisma.alert.groupBy({
|
||||
by: ["kundeId"],
|
||||
where: { erledigtAm: null, kundeId: { not: null } },
|
||||
_count: { _all: true },
|
||||
});
|
||||
|
||||
const alertsProKunde = new Map(offeneAlerts.map((e) => [e.kundeId, e._count._all]));
|
||||
|
||||
return kunden.map((kunde) => {
|
||||
const ablaufDaten = kunde.hosts
|
||||
.map((h) => h.subNextduedate)
|
||||
.filter((d): d is Date => d !== null)
|
||||
.sort((a, b) => a.getTime() - b.getTime());
|
||||
|
||||
return {
|
||||
id: kunde.id,
|
||||
name: kunde.name,
|
||||
kundennummer: kunde.kundennummer,
|
||||
ansprechpartner: kunde.ansprechpartner,
|
||||
hosts: kunde._count.hosts,
|
||||
aktiv: kunde.hosts.filter((h) => h.subStatus === "ACTIVE").length,
|
||||
naechsterAblauf: ablaufDaten[0] ?? null,
|
||||
offeneAlerts: alertsProKunde.get(kunde.id) ?? 0,
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
export async function kundeMitDetails(id: string) {
|
||||
return prisma.kunde.findUnique({
|
||||
where: { id },
|
||||
include: {
|
||||
standorte: { orderBy: { name: "asc" } },
|
||||
hosts: { orderBy: { hostname: "asc" } },
|
||||
alerts: { where: { erledigtAm: null }, orderBy: { geoeffnetAm: "desc" } },
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
/** Laufzeiten eines Kunden samt Rechnungsangaben, aufbereitet für Tabellen und Summen. */
|
||||
export async function laufzeitenVonKunde(kundeId: string) {
|
||||
const laufzeiten = await prisma.laufzeit.findMany({
|
||||
where: { host: { kundeId } },
|
||||
orderBy: { start: "desc" },
|
||||
include: {
|
||||
host: { select: { id: true, hostname: true } },
|
||||
proxmoxPosition: { include: { rechnung: true } },
|
||||
kundenPosition: { include: { rechnung: true } },
|
||||
},
|
||||
});
|
||||
|
||||
return laufzeiten.map((laufzeit) => ({
|
||||
id: laufzeit.id,
|
||||
hostId: laufzeit.hostId,
|
||||
hostname: laufzeit.host.hostname,
|
||||
key: laufzeit.key,
|
||||
start: laufzeit.start,
|
||||
ende: laufzeit.ende,
|
||||
vorschlag: laufzeit.status === "VORSCHLAG",
|
||||
einkauf: laufzeit.proxmoxPosition
|
||||
? {
|
||||
nummer: laufzeit.proxmoxPosition.rechnung.nummer,
|
||||
nettoBetrag: Number(laufzeit.proxmoxPosition.nettoBetrag),
|
||||
bezahlt: laufzeit.proxmoxPosition.rechnung.bezahlt,
|
||||
faelligAm: laufzeit.proxmoxPosition.rechnung.faelligAm,
|
||||
}
|
||||
: null,
|
||||
verkauf: laufzeit.kundenPosition
|
||||
? {
|
||||
nummer: laufzeit.kundenPosition.rechnung.nummer,
|
||||
nettoBetrag: Number(laufzeit.kundenPosition.nettoBetrag),
|
||||
erstellt: laufzeit.kundenPosition.rechnung.erstellt,
|
||||
bezahlt: laufzeit.kundenPosition.rechnung.bezahlt,
|
||||
}
|
||||
: null,
|
||||
}));
|
||||
}
|
||||
|
||||
export type KundenLaufzeit = Awaited<ReturnType<typeof laufzeitenVonKunde>>[number];
|
||||
|
||||
export function summen(laufzeiten: KundenLaufzeit[]) {
|
||||
const einkauf = laufzeiten.reduce((s, l) => s + (l.einkauf?.nettoBetrag ?? 0), 0);
|
||||
const verkauf = laufzeiten.reduce((s, l) => s + (l.verkauf?.nettoBetrag ?? 0), 0);
|
||||
return { einkauf, verkauf, marge: verkauf - einkauf };
|
||||
}
|
||||
|
||||
export function summenProJahr(laufzeiten: KundenLaufzeit[]) {
|
||||
const proJahr = new Map<string, { einkauf: number; verkauf: number }>();
|
||||
for (const laufzeit of laufzeiten) {
|
||||
const jahr = String(laufzeit.start.getUTCFullYear());
|
||||
const eintrag = proJahr.get(jahr) ?? { einkauf: 0, verkauf: 0 };
|
||||
eintrag.einkauf += laufzeit.einkauf?.nettoBetrag ?? 0;
|
||||
eintrag.verkauf += laufzeit.verkauf?.nettoBetrag ?? 0;
|
||||
proJahr.set(jahr, eintrag);
|
||||
}
|
||||
return [...proJahr.entries()]
|
||||
.sort((a, b) => b[0].localeCompare(a[0]))
|
||||
.map(([jahr, werte]) => ({ jahr, ...werte, marge: werte.verkauf - werte.einkauf }));
|
||||
}
|
||||
|
||||
/** Offene Rechnungspunkte je Kunde: unbezahlter Einkauf bzw. fehlende Kundenrechnung. */
|
||||
export async function offeneRechnungspunkteProKunde() {
|
||||
const laufzeiten = await prisma.laufzeit.findMany({
|
||||
where: { status: "BESTAETIGT", host: { kundeId: { not: null } } },
|
||||
select: {
|
||||
host: { select: { kundeId: true } },
|
||||
proxmoxPosition: { select: { rechnung: { select: { bezahlt: true } } } },
|
||||
kundenPosition: { select: { rechnung: { select: { erstellt: true } } } },
|
||||
},
|
||||
});
|
||||
|
||||
const proKunde = new Map<string, { offen: number; gesamt: number }>();
|
||||
for (const laufzeit of laufzeiten) {
|
||||
const kundeId = laufzeit.host.kundeId;
|
||||
if (!kundeId) continue;
|
||||
const eintrag = proKunde.get(kundeId) ?? { offen: 0, gesamt: 0 };
|
||||
eintrag.gesamt += 2;
|
||||
if (!laufzeit.proxmoxPosition?.rechnung.bezahlt) eintrag.offen += 1;
|
||||
if (!laufzeit.kundenPosition?.rechnung.erstellt) eintrag.offen += 1;
|
||||
proKunde.set(kundeId, eintrag);
|
||||
}
|
||||
return proKunde;
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
import { prisma } from "@/lib/db";
|
||||
import { protokolliere } from "@/server/audit";
|
||||
|
||||
export class ZuweisungsFehler extends Error {}
|
||||
|
||||
export interface ZuweisungsErgebnis {
|
||||
anzahl: number;
|
||||
kundenName: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* Weist mehrere Hosts einem Kunden (und optional einem seiner Standorte) zu.
|
||||
* Getrennt von der Server Action, damit die Regeln ohne Next.js testbar sind.
|
||||
*/
|
||||
export async function hostsZuweisenService(
|
||||
hostIds: string[],
|
||||
kundeId: string | null,
|
||||
standortId: string | null,
|
||||
): Promise<ZuweisungsErgebnis> {
|
||||
if (hostIds.length === 0) {
|
||||
throw new ZuweisungsFehler("Bitte mindestens einen Host auswählen.");
|
||||
}
|
||||
if (!kundeId) {
|
||||
throw new ZuweisungsFehler("Bitte einen Kunden auswählen.");
|
||||
}
|
||||
|
||||
const kunde = await prisma.kunde.findUnique({
|
||||
where: { id: kundeId },
|
||||
include: { standorte: { select: { id: true } } },
|
||||
});
|
||||
if (!kunde) {
|
||||
throw new ZuweisungsFehler("Der gewählte Kunde existiert nicht mehr.");
|
||||
}
|
||||
if (standortId && !kunde.standorte.some((standort) => standort.id === standortId)) {
|
||||
throw new ZuweisungsFehler("Der gewählte Standort gehört nicht zu diesem Kunden.");
|
||||
}
|
||||
|
||||
const { count } = await prisma.host.updateMany({
|
||||
where: { id: { in: hostIds } },
|
||||
data: { kundeId, standortId },
|
||||
});
|
||||
|
||||
// Die Warnung „Host ohne Kunde“ ist damit erledigt (die Regel selbst folgt in #011).
|
||||
await prisma.alert.updateMany({
|
||||
where: { regel: "host-ohne-kunde", hostId: { in: hostIds }, erledigtAm: null },
|
||||
data: { erledigtAm: new Date() },
|
||||
});
|
||||
|
||||
await protokolliere("host.zugewiesen", "Host", null, { hostIds, kundeId, standortId, anzahl: count });
|
||||
|
||||
return { anzahl: count, kundenName: kunde.name };
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
import { describe, expect, it } from "vitest";
|
||||
import { csvDatei, csvZelle } from "@/lib/csv";
|
||||
|
||||
describe("CSV-Export", () => {
|
||||
it("formatiert Werte deutsch", () => {
|
||||
expect(csvZelle(new Date("2027-03-02T00:00:00Z"))).toBe("02.03.2027");
|
||||
expect(csvZelle(1)).toBe("1");
|
||||
expect(csvZelle(1234.5)).toBe("1.234,50");
|
||||
expect(csvZelle(null)).toBe("");
|
||||
expect(csvZelle(undefined)).toBe("");
|
||||
});
|
||||
|
||||
it("maskiert Semikolon, Anführungszeichen und Zeilenumbrüche", () => {
|
||||
expect(csvZelle("Firma; GmbH")).toBe('"Firma; GmbH"');
|
||||
expect(csvZelle('Er sagte "hallo"')).toBe('"Er sagte ""hallo"""');
|
||||
expect(csvZelle("Zeile1\nZeile2")).toBe('"Zeile1\nZeile2"');
|
||||
});
|
||||
|
||||
it("schreibt BOM und Zeilenenden für Excel", () => {
|
||||
const datei = csvDatei(["A", "B"], [["x", 2]]);
|
||||
expect(datei.startsWith("")).toBe(true);
|
||||
expect(datei).toContain("A;B\r\nx;2\r\n");
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,164 @@
|
||||
import { afterAll, beforeEach, describe, expect, it } from "vitest";
|
||||
import { hostListe } from "@/server/queries/hostliste";
|
||||
import { datenbankLeeren, datenbankVerfuegbar, testPrisma } from "./helpers/db";
|
||||
|
||||
const JETZT = new Date("2026-09-17T12:00:00Z");
|
||||
|
||||
async function beispielDaten() {
|
||||
const kunde = await testPrisma.kunde.create({
|
||||
data: { name: "Brandl Elektrotechnik GmbH", kundennummer: "K-1001" },
|
||||
});
|
||||
const anderer = await testPrisma.kunde.create({
|
||||
data: { name: "Huber Logistik AG", kundennummer: "K-1002" },
|
||||
});
|
||||
|
||||
const brandl = await testPrisma.host.create({
|
||||
data: {
|
||||
agentId: "agent-brandl",
|
||||
hostname: "pve-brandl-01",
|
||||
fqdn: "pve-brandl-01.brandl.local",
|
||||
produkt: "PVE",
|
||||
kundeId: kunde.id,
|
||||
serverId: "A1B2C3D4E5F60718",
|
||||
subKey: "pve1c-a6bd21fcb6",
|
||||
subStatus: "ACTIVE",
|
||||
subNextduedate: new Date("2026-09-24"),
|
||||
subLizenzierteSockets: 1,
|
||||
sockets: 1,
|
||||
ips: ["192.168.10.11"],
|
||||
letzterReportAm: new Date("2026-09-17T03:00:00Z"),
|
||||
},
|
||||
});
|
||||
|
||||
await testPrisma.host.create({
|
||||
data: {
|
||||
agentId: "agent-huber",
|
||||
hostname: "pve-huber-01",
|
||||
produkt: "PVE",
|
||||
kundeId: anderer.id,
|
||||
subKey: "pve1c-77c0ea1b93",
|
||||
subStatus: "ACTIVE",
|
||||
subNextduedate: new Date("2026-12-01"),
|
||||
subLizenzierteSockets: 1,
|
||||
sockets: 2,
|
||||
ips: ["10.8.0.5"],
|
||||
letzterReportAm: new Date("2026-09-17T02:00:00Z"),
|
||||
},
|
||||
});
|
||||
|
||||
await testPrisma.host.create({
|
||||
data: {
|
||||
agentId: "agent-pbs",
|
||||
hostname: "pbs-backup",
|
||||
produkt: "PBS",
|
||||
subStatus: "NOTFOUND",
|
||||
letzterReportAm: new Date("2026-09-10T02:00:00Z"),
|
||||
},
|
||||
});
|
||||
|
||||
const rechnung = await testPrisma.proxmoxRechnung.create({
|
||||
data: {
|
||||
nummer: "PX-2026-14790",
|
||||
datum: new Date("2026-09-10"),
|
||||
nettoBetrag: 115,
|
||||
bezahlt: false,
|
||||
positionen: { create: [{ bezeichnung: "pve1c-a6bd21fcb6", nettoBetrag: 115 }] },
|
||||
},
|
||||
include: { positionen: true },
|
||||
});
|
||||
|
||||
await testPrisma.laufzeit.create({
|
||||
data: {
|
||||
hostId: brandl.id,
|
||||
key: "pve1c-a6bd21fcb6",
|
||||
start: new Date("2026-09-24"),
|
||||
ende: new Date("2027-09-23"),
|
||||
status: "BESTAETIGT",
|
||||
proxmoxPositionId: rechnung.positionen[0].id,
|
||||
},
|
||||
});
|
||||
|
||||
return { kunde, anderer, brandl };
|
||||
}
|
||||
|
||||
describe.runIf(datenbankVerfuegbar)("Host-Tabelle", () => {
|
||||
beforeEach(async () => {
|
||||
await datenbankLeeren();
|
||||
await beispielDaten();
|
||||
});
|
||||
|
||||
afterAll(async () => {
|
||||
await testPrisma.$disconnect();
|
||||
});
|
||||
|
||||
it("findet einen Host über seinen Subscription-Key", async () => {
|
||||
const { hosts, gesamt } = await hostListe({ q: "pve1c-a6bd21fcb6" }, JETZT);
|
||||
expect(gesamt).toBe(1);
|
||||
expect(hosts[0].hostname).toBe("pve-brandl-01");
|
||||
expect(hosts[0].kunde?.name).toBe("Brandl Elektrotechnik GmbH");
|
||||
});
|
||||
|
||||
it("findet Hosts über Server-ID, IP, FQDN und Kundenname", async () => {
|
||||
for (const suche of ["A1B2C3D4E5F60718", "192.168.10.11", "brandl.local", "Brandl Elektro"]) {
|
||||
const { hosts } = await hostListe({ q: suche }, JETZT);
|
||||
expect(hosts.map((h) => h.hostname), `Suche nach ${suche}`).toContain("pve-brandl-01");
|
||||
}
|
||||
});
|
||||
|
||||
it("findet den Host über die Proxmox-Rechnungsnummer", async () => {
|
||||
const { hosts, gesamt } = await hostListe({ q: "PX-2026-14790" }, JETZT);
|
||||
expect(gesamt).toBe(1);
|
||||
expect(hosts[0].hostname).toBe("pve-brandl-01");
|
||||
});
|
||||
|
||||
it("ignoriert Groß- und Kleinschreibung", async () => {
|
||||
const { gesamt } = await hostListe({ q: "PVE-BRANDL-01" }, JETZT);
|
||||
expect(gesamt).toBe(1);
|
||||
});
|
||||
|
||||
it("filtert nach Kunde, Status und Produkt", async () => {
|
||||
const { kunde } = { kunde: await testPrisma.kunde.findFirstOrThrow({ where: { kundennummer: "K-1001" } }) };
|
||||
|
||||
expect((await hostListe({ kunde: kunde.id }, JETZT)).gesamt).toBe(1);
|
||||
expect((await hostListe({ kunde: "ohne" }, JETZT)).gesamt).toBe(1);
|
||||
expect((await hostListe({ status: "ACTIVE" }, JETZT)).gesamt).toBe(2);
|
||||
expect((await hostListe({ status: "NOTFOUND" }, JETZT)).gesamt).toBe(1);
|
||||
expect((await hostListe({ produkt: "PBS" }, JETZT)).gesamt).toBe(1);
|
||||
});
|
||||
|
||||
it("filtert nach Hosts, die sich länger als 48 Stunden nicht gemeldet haben", async () => {
|
||||
const { hosts } = await hostListe({ status: "keine-meldung" }, JETZT);
|
||||
expect(hosts.map((h) => h.hostname)).toEqual(["pbs-backup"]);
|
||||
expect(hosts[0].meldetNicht).toBe(true);
|
||||
});
|
||||
|
||||
it("filtert nach baldigem Ablauf", async () => {
|
||||
expect((await hostListe({ ablauf: "14" }, JETZT)).gesamt).toBe(1);
|
||||
expect((await hostListe({ ablauf: "30" }, JETZT)).gesamt).toBe(1);
|
||||
expect((await hostListe({ ablauf: "abgelaufen" }, JETZT)).gesamt).toBe(0);
|
||||
});
|
||||
|
||||
it("filtert nach offenen Rechnungspunkten", async () => {
|
||||
const { hosts } = await hostListe({ rechnung: "offen" }, JETZT);
|
||||
expect(hosts.map((h) => h.hostname)).toEqual(["pve-brandl-01"]);
|
||||
});
|
||||
|
||||
it("erkennt abweichende Sockets", async () => {
|
||||
const { hosts } = await hostListe({ q: "pve-huber-01" }, JETZT);
|
||||
expect(hosts[0].socketAbweichung).toBe(true);
|
||||
});
|
||||
|
||||
it("sortiert nach Ablaufdatum in beide Richtungen", async () => {
|
||||
const aufsteigend = await hostListe({ sortierung: "ablauf" }, JETZT);
|
||||
expect(aufsteigend.hosts[0].hostname).toBe("pve-brandl-01");
|
||||
|
||||
const absteigend = await hostListe({ sortierung: "ablauf-ab" }, JETZT);
|
||||
expect(absteigend.hosts[0].subNextduedate).not.toBeNull();
|
||||
expect(absteigend.hosts[0].hostname).toBe("pve-huber-01");
|
||||
});
|
||||
|
||||
it("kombiniert mehrere Filter", async () => {
|
||||
const { gesamt } = await hostListe({ status: "ACTIVE", produkt: "PVE", ablauf: "30" }, JETZT);
|
||||
expect(gesamt).toBe(1);
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,165 @@
|
||||
import { afterAll, beforeEach, describe, expect, it } from "vitest";
|
||||
import { hostsZuweisenService, ZuweisungsFehler } from "@/server/services/zuweisung";
|
||||
import { kennzahlen, hostsOhneKunde } from "@/server/queries/hosts";
|
||||
import { kundenListe, offeneRechnungspunkteProKunde } from "@/server/queries/kunden";
|
||||
import { datenbankLeeren, datenbankVerfuegbar, testPrisma } from "./helpers/db";
|
||||
|
||||
async function kundeMitStandort(name = "Testkunde GmbH", nummer = "K-7001") {
|
||||
return testPrisma.kunde.create({
|
||||
data: {
|
||||
name,
|
||||
kundennummer: nummer,
|
||||
standorte: { create: [{ name: "Zentrale" }] },
|
||||
},
|
||||
include: { standorte: true },
|
||||
});
|
||||
}
|
||||
|
||||
async function host(agentId: string, hostname: string, daten: Record<string, unknown> = {}) {
|
||||
return testPrisma.host.create({
|
||||
data: { agentId, hostname, produkt: "PVE", ...daten },
|
||||
});
|
||||
}
|
||||
|
||||
describe.runIf(datenbankVerfuegbar)("Hostzuweisung", () => {
|
||||
beforeEach(async () => {
|
||||
await datenbankLeeren();
|
||||
});
|
||||
|
||||
afterAll(async () => {
|
||||
await testPrisma.$disconnect();
|
||||
});
|
||||
|
||||
it("weist mehrere Hosts gleichzeitig einem Kunden und Standort zu", async () => {
|
||||
const kunde = await kundeMitStandort();
|
||||
const eins = await host("agent-1", "pve-01");
|
||||
const zwei = await host("agent-2", "pve-02");
|
||||
await host("agent-3", "pve-03");
|
||||
|
||||
const ergebnis = await hostsZuweisenService([eins.id, zwei.id], kunde.id, kunde.standorte[0].id);
|
||||
|
||||
expect(ergebnis.anzahl).toBe(2);
|
||||
expect(ergebnis.kundenName).toBe("Testkunde GmbH");
|
||||
|
||||
const zugewiesen = await testPrisma.host.findMany({ where: { kundeId: kunde.id } });
|
||||
expect(zugewiesen.map((h) => h.hostname).sort()).toEqual(["pve-01", "pve-02"]);
|
||||
expect(zugewiesen.every((h) => h.standortId === kunde.standorte[0].id)).toBe(true);
|
||||
|
||||
const offen = await hostsOhneKunde();
|
||||
expect(offen.map((h) => h.hostname)).toEqual(["pve-03"]);
|
||||
});
|
||||
|
||||
it("schreibt einen Audit-Eintrag", async () => {
|
||||
const kunde = await kundeMitStandort();
|
||||
const eins = await host("agent-1", "pve-01");
|
||||
|
||||
await hostsZuweisenService([eins.id], kunde.id, null);
|
||||
|
||||
const eintrag = await testPrisma.auditEintrag.findFirst({ where: { aktion: "host.zugewiesen" } });
|
||||
expect(eintrag).not.toBeNull();
|
||||
expect(eintrag?.aenderung).toMatchObject({ anzahl: 1, kundeId: kunde.id });
|
||||
});
|
||||
|
||||
it("schließt die Warnung „Host ohne Kunde“ mit der Zuweisung", async () => {
|
||||
const kunde = await kundeMitStandort();
|
||||
const eins = await host("agent-1", "pve-01");
|
||||
await testPrisma.alert.create({
|
||||
data: {
|
||||
regel: "host-ohne-kunde",
|
||||
fingerprint: `host-ohne-kunde:${eins.id}`,
|
||||
schwere: "INFO",
|
||||
titel: "Host ist keinem Kunden zugewiesen",
|
||||
beschreibung: "pve-01",
|
||||
hostId: eins.id,
|
||||
},
|
||||
});
|
||||
|
||||
await hostsZuweisenService([eins.id], kunde.id, null);
|
||||
|
||||
const alert = await testPrisma.alert.findFirstOrThrow({ where: { hostId: eins.id } });
|
||||
expect(alert.erledigtAm).not.toBeNull();
|
||||
});
|
||||
|
||||
it("lehnt einen Standort ab, der zu einem anderen Kunden gehört", async () => {
|
||||
const kundeA = await kundeMitStandort("Kunde A", "K-7001");
|
||||
const kundeB = await kundeMitStandort("Kunde B", "K-7002");
|
||||
const eins = await host("agent-1", "pve-01");
|
||||
|
||||
await expect(hostsZuweisenService([eins.id], kundeA.id, kundeB.standorte[0].id)).rejects.toThrow(
|
||||
ZuweisungsFehler,
|
||||
);
|
||||
|
||||
const unveraendert = await testPrisma.host.findUniqueOrThrow({ where: { id: eins.id } });
|
||||
expect(unveraendert.kundeId).toBeNull();
|
||||
});
|
||||
|
||||
it("lehnt eine Zuweisung ohne Auswahl oder ohne Kunde ab", async () => {
|
||||
const kunde = await kundeMitStandort();
|
||||
await expect(hostsZuweisenService([], kunde.id, null)).rejects.toThrow(ZuweisungsFehler);
|
||||
await expect(hostsZuweisenService(["irgendwas"], null, null)).rejects.toThrow(ZuweisungsFehler);
|
||||
});
|
||||
|
||||
it("zählt Kennzahlen für Dashboard und Sidebar korrekt", async () => {
|
||||
const jetzt = new Date("2026-09-17T12:00:00Z");
|
||||
const kunde = await kundeMitStandort();
|
||||
|
||||
await host("agent-1", "pve-aktiv", {
|
||||
kundeId: kunde.id,
|
||||
subStatus: "ACTIVE",
|
||||
subNextduedate: new Date("2026-10-01"),
|
||||
letzterReportAm: new Date("2026-09-17T03:00:00Z"),
|
||||
});
|
||||
await host("agent-2", "pve-abgelaufen", {
|
||||
kundeId: kunde.id,
|
||||
subStatus: "EXPIRED",
|
||||
letzterReportAm: new Date("2026-09-17T03:00:00Z"),
|
||||
});
|
||||
await host("agent-3", "pve-stumm", {
|
||||
subStatus: "ACTIVE",
|
||||
letzterReportAm: new Date("2026-09-10T03:00:00Z"),
|
||||
});
|
||||
|
||||
const zahlen = await kennzahlen(jetzt);
|
||||
|
||||
expect(zahlen.hostsGesamt).toBe(3);
|
||||
expect(zahlen.aktivLizenziert).toBe(2);
|
||||
expect(zahlen.ohneSubscription).toBe(1);
|
||||
expect(zahlen.baldAblaufend).toBe(1);
|
||||
expect(zahlen.ohneKunde).toBe(1);
|
||||
expect(zahlen.ohneMeldung).toBe(1);
|
||||
});
|
||||
|
||||
it("zählt offene Rechnungspunkte je Kunde", async () => {
|
||||
const kunde = await kundeMitStandort();
|
||||
const eins = await host("agent-1", "pve-01", { kundeId: kunde.id });
|
||||
|
||||
const rechnung = await testPrisma.proxmoxRechnung.create({
|
||||
data: {
|
||||
nummer: "PX-TEST-9",
|
||||
datum: new Date("2026-09-01"),
|
||||
nettoBetrag: 115,
|
||||
bezahlt: false,
|
||||
positionen: { create: [{ bezeichnung: "Key", nettoBetrag: 115 }] },
|
||||
},
|
||||
include: { positionen: true },
|
||||
});
|
||||
|
||||
await testPrisma.laufzeit.create({
|
||||
data: {
|
||||
hostId: eins.id,
|
||||
key: "pve1c-test",
|
||||
start: new Date("2026-09-24"),
|
||||
ende: new Date("2027-09-23"),
|
||||
status: "BESTAETIGT",
|
||||
proxmoxPositionId: rechnung.positionen[0].id,
|
||||
},
|
||||
});
|
||||
|
||||
const punkte = await offeneRechnungspunkteProKunde();
|
||||
// Einkauf unbezahlt und Kundenrechnung fehlt = zwei offene Punkte von zwei möglichen.
|
||||
expect(punkte.get(kunde.id)).toEqual({ offen: 2, gesamt: 2 });
|
||||
|
||||
const liste = await kundenListe();
|
||||
expect(liste[0].hosts).toBe(1);
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user