Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
 florian.wilde
|
00eb7225f9 | ||
 florian.wildeandClaude Opus 5
|
ee487775ec | ||
|
florian.wilde
|
6cc39591b7 | ||
|
florian.wildeandClaude Opus 5
|
9e770a99b1 | ||
|
florian.wilde
|
179f751b1c | ||
|
florian.wildeandClaude Opus 5
|
8a299f6c5e | ||
|
florian.wilde
|
5018589f08 | ||
|
florian.wildeandClaude Opus 5
|
cb009efd7d | ||
|
florian.wilde
|
6168ad69f2 | ||
|
florian.wildeandClaude Opus 5
|
1a5327dced | ||
|
florian.wilde
|
81b2066d61 | ||
|
florian.wildeandClaude Opus 5
|
558dfea34c | ||
|
florian.wilde
|
1e1d6c4418 | ||
|
florian.wildeandClaude Opus 5
|
2dbb30041b | ||
|
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 |
@@ -9,8 +9,31 @@ ADMIN_EMAIL="admin@example.de"
|
||||
ADMIN_NAME="Administrator"
|
||||
ADMIN_PASSWORD="bitte-aendern"
|
||||
|
||||
# Schlüssel für Sitzungs-Cookies (mindestens 32 Zeichen): openssl rand -base64 48
|
||||
APP_SECRET="bitte-eigenen-wert-erzeugen-mindestens-32-zeichen"
|
||||
|
||||
# Anmeldung über OIDC (optional, z. B. authentik). Ohne diese Werte gibt es nur den lokalen Zugang.
|
||||
OIDC_ISSUER=""
|
||||
OIDC_CLIENT_ID=""
|
||||
OIDC_CLIENT_SECRET=""
|
||||
OIDC_NAME="authentik"
|
||||
|
||||
# Öffentlich erreichbare Adresse des Dashboards (für install.sh und E-Mails)
|
||||
APP_URL="http://localhost:3000"
|
||||
|
||||
# Zeitplan des Workers (Standard: stündlich zur vollen Stunde)
|
||||
WORKER_CRON="0 * * * *"
|
||||
|
||||
# Zeitplan der Zusammenfassung (Standard: täglich 07:00 Uhr)
|
||||
ZUSAMMENFASSUNG_CRON="0 7 * * *"
|
||||
|
||||
# Ablage für hochgeladene Rechnungs-PDFs
|
||||
UPLOAD_DIR="./data/uploads"
|
||||
|
||||
# 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,103 @@ und dieses Projekt folgt [Semantic Versioning](https://semver.org/lang/de/).
|
||||
|
||||
### Sicherheit
|
||||
|
||||
## [0.9.0] – 2026-09-17
|
||||
|
||||
### Hinzugefügt
|
||||
- Anmeldung mit E-Mail und Passwort sowie über OIDC (z. B. authentik); der lokale Zugang bleibt als Rückfallweg immer nutzbar (#013)
|
||||
- Anmeldeseite im AdminLTE-Stil mit Logo (#013)
|
||||
- Audit-Log-Ansicht mit Filter nach Aktion und Entität (#013)
|
||||
|
||||
### Geändert
|
||||
- Audit-Einträge vermerken den angemeldeten Benutzer; Worker und Skripte erscheinen als „System“ (#013)
|
||||
|
||||
### Sicherheit
|
||||
- Alle Seiten der Oberfläche sind ohne Anmeldung nicht erreichbar; Agent-API und Skript-Auslieferung bleiben offen (#013)
|
||||
- Sitzungen als signiertes Cookie (`APP_SECRET`), fünf Anmeldeversuche je Kennung und Viertelstunde (#013)
|
||||
- Sicherheits-Kopfzeilen: HSTS, nosniff, DENY für Frames, Referrer-Policy, Permissions-Policy (#013)
|
||||
|
||||
## [0.8.0] – 2026-09-17
|
||||
|
||||
### Hinzugefügt
|
||||
- E-Mail-Versand über SMTP mit STARTTLS, abgestimmt auf Microsoft 365 (#012)
|
||||
- Generischer Webhook mit JSON-Nutzdaten und optionaler HMAC-Signatur (#012)
|
||||
- Tägliche oder wöchentliche Zusammenfassung mit offenen Warnungen, Rechnungspunkten und bald ablaufenden Subscriptions (#012)
|
||||
- Einstellungsseite mit Testversand und Versandprotokoll (#012)
|
||||
|
||||
### Sicherheit
|
||||
- Benachrichtigungen werden je Warnung nur einmal verschickt; fehlgeschlagene Versuche werden protokolliert und später wiederholt (#012)
|
||||
|
||||
## [0.7.0] – 2026-09-17
|
||||
|
||||
### Hinzugefügt
|
||||
- Zehn Warnregeln: Ablauf in 30/14/7 Tagen, Status nicht aktiv, Socket-Abweichung, keine Meldung seit 48 Stunden, geänderte Server-ID, mehrfach gemeldeter Key, Host ohne Kunde, fällige Proxmox-Rechnung, fehlende und überfällige Kundenrechnung (#011)
|
||||
- Worker-Prozess (`npm run worker`), der die Regeln stündlich auswertet; zusätzlich Auswertung nach jedem eingehenden Report (#011)
|
||||
- Seite „Warnungen“ mit Filter offen/erledigt, Quittieren, Schließen und sofortiger Prüfung (#011)
|
||||
- Einstellungsseite für Regeln und Schwellwerte (#011)
|
||||
|
||||
### Geändert
|
||||
- Warnungen schließen sich automatisch, sobald die Ursache behoben ist; Titel und Beschreibung werden laufend nachgeführt (#011)
|
||||
|
||||
## [0.6.0] – 2026-09-17
|
||||
|
||||
### Hinzugefügt
|
||||
- Jahresbahn mit zwölf Monaten, Heute-Linie und Gruppierung nach Kunde, aus echten Daten (#009)
|
||||
- Ablauf-Kalender für die nächsten 90 Tage samt Rechnungsstatus und eine Übersicht bereits abgelaufener Subscriptions (#009)
|
||||
- CSV-Export für Kundenübersicht und Rechnungsliste, PDF-Export für Hosts, Kunden und Rechnungen (#010)
|
||||
- Kundenunterlage als PDF: Hosts, Laufzeiten, Summen pro Jahr und Marge eines Kunden (#010)
|
||||
|
||||
### Geändert
|
||||
- Die Oberfläche arbeitet vollständig mit der Datenbank; Beispieldaten dienen nur noch dem Seed (#009)
|
||||
|
||||
## [0.5.0] – 2026-09-17
|
||||
|
||||
### Hinzugefügt
|
||||
- Laufzeit-Vorschläge der Agents bestätigen oder verwerfen (#008)
|
||||
- Proxmox- und Kundenrechnungen erfassen; gleiche Rechnungsnummer fasst mehrere Laufzeiten zu einer Sammelrechnung zusammen (#008)
|
||||
- PDF-Upload für beide Rechnungsarten mit Prüfung des Dateiinhalts und Ablage unter der Prüfsumme (#008)
|
||||
- Rechnungsübersicht mit Häkchen „bezahlt“ und „erstellt“ direkt in der Zeile, Filter nach Status, Kunde, Jahr und Suchbegriff (#008)
|
||||
- Detailseite je Laufzeit mit Beträgen, Marge und Übersicht der Sammelrechnung (#008)
|
||||
- Laufzeiten lassen sich von Hand anlegen (#008)
|
||||
|
||||
### Geändert
|
||||
- Die Aufgabenliste auf dem Dashboard setzt beim Abhaken den Rechnungsstatus in der Datenbank (#008)
|
||||
|
||||
## [0.4.2] – 2026-09-17
|
||||
|
||||
### Geändert
|
||||
- Der Issue-Abgleich holt Serveradresse und Repository aus dem Git-Remote und den Token aus den hinterlegten Git-Zugangsdaten; ein zweiter Token in der `.env` ist nicht mehr nötig (#020)
|
||||
|
||||
## [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:** 5 h 23 min
|
||||
|
||||
| Issue | Zeit |
|
||||
|---|---|
|
||||
@@ -11,17 +11,35 @@
|
||||
| #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 20 min |
|
||||
| #008 Laufzeiten und Rechnungen | 0 h 35 min |
|
||||
| #009 Jahresbahn und Ablauf-Kalender | 0 h 15 min |
|
||||
| #010 Export CSV und PDF | 0 h 20 min |
|
||||
| #011 Warnregeln | 0 h 30 min |
|
||||
| #012 Benachrichtigungen | 0 h 25 min |
|
||||
| #013 Authentifizierung | 0 h 30 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**
|
||||
| v0.4.2 | 0 h 10 min | **abgeschlossen**
|
||||
| v0.5.0 | 0 h 35 min | **abgeschlossen**
|
||||
| v0.6.0 | 0 h 35 min | **abgeschlossen**
|
||||
| v0.7.0 | 0 h 30 min | **abgeschlossen**
|
||||
| v0.8.0 | 0 h 25 min | **abgeschlossen**
|
||||
| v0.9.0 | 0 h 30 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.9.0
|
||||
|
||||
### Erledigt
|
||||
- Auftrag gelesen, Rückfragen gestellt
|
||||
@@ -36,8 +54,33 @@
|
||||
- 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)
|
||||
- Token kommt aus den Git-Zugangsdaten statt aus einer zweiten Stelle; 20 Issues, 15 Labels und 13 Meilensteine in Gitea angelegt
|
||||
- Alles nach Gitea gepusht: main bei 51243c2, Tags v0.1.0 bis v0.4.1
|
||||
- #008 abgeschlossen: Laufzeit-Vorschläge bestätigen oder verwerfen, Rechnungen mit Positionen erfassen, PDF-Upload, Häkchen direkt in der Tabelle, Filter nach Status, Kunde und Jahr; Aufgabenliste auf dem Dashboard setzt jetzt echte Status
|
||||
- Meilenstein v0.5.0 abgeschlossen; 78 Tests
|
||||
- #009 abgeschlossen: Jahresbahn und Ablauf-Kalender (90 Tage) aus der Datenbank, dazu eine Karte für bereits abgelaufene Subscriptions; die Oberfläche nutzt keine Beispieldaten mehr
|
||||
- #010 abgeschlossen: CSV- und PDF-Export für Hosts, Kunden, einzelne Kundenunterlage und Rechnungsliste; PDFs serverseitig ohne Browser
|
||||
- Meilenstein v0.6.0 abgeschlossen
|
||||
- #011 abgeschlossen: zehn Warnregeln als reine Funktionen, Abgleich mit offenen Warnungen, Worker mit stündlichem Zeitplan, Auswertung nach jedem Report, Warnungsliste und Einstellungsseite; 123 Tests
|
||||
- Meilenstein v0.7.0 abgeschlossen
|
||||
- #012 abgeschlossen: SMTP (Microsoft 365), generischer Webhook mit Signatur, Zusammenfassung, Versandprotokoll, Testversand; keine Doppelmeldungen dank Prüfung gegen das Protokoll
|
||||
- Issue #021 angelegt: Zugangsdaten liegen noch unverschlüsselt in der Datenbank
|
||||
- Meilenstein v0.8.0 abgeschlossen; 134 Tests
|
||||
- #013 abgeschlossen: Anmeldung mit Passwort und OIDC, Schutz aller Seiten über `proxy.ts`, Anmeldeseite im AdminLTE-Stil, Audit-Log-Ansicht, Sicherheits-Kopfzeilen, Rate-Limit bei Anmeldeversuchen
|
||||
- Meilenstein v0.9.0 abgeschlossen; 147 Tests
|
||||
|
||||
### Entscheidungen
|
||||
- **Kein Auth.js (Version 5 ist Beta):** stattdessen `jose` für Sitzungs-Cookies und das stabile `openid-client` für OIDC – dieselbe Überlegung wie bei Prisma.
|
||||
- **Warnstufen im Fingerabdruck** (`…:7`): Der Wechsel 30 → 14 → 7 schließt die alte Warnung und öffnet eine neue. Das ergibt je Stufe genau eine Benachrichtigung, ohne Sonderlogik für Eskalation.
|
||||
- **Rechnungsnummer als Schlüssel für Sammelrechnungen:** Dieselbe Nummer bei einer zweiten Laufzeit hängt eine Position an – kein eigener Dialog für „Sammelrechnung anlegen“ nötig.
|
||||
- **PDF-Prüfung am Dateianfang** statt am gemeldeten Typ; abgelegt wird unter der Prüfsumme, gleiche Datei also nur einmal.
|
||||
- **Screenshots mit Firefox headless** statt Playwright: Firefox ist vorhanden, es muss kein Browser samt Systembibliotheken nachinstalliert werden (dafür wäre root nötig).
|
||||
- **Kennzahlen werden berechnet, nicht hinterlegt:** auch im Prototyp kommen alle Zahlen aus den Beispieldaten, damit Tabellen und Kacheln nie widersprüchlich sind.
|
||||
- **AdminLTE 4.9.1 nur als CSS:** stabil, Bootstrap 5.3.8, kein jQuery; die JS-Plugins manipulieren das DOM und werden daher als React-Komponenten nachgebaut.
|
||||
@@ -51,12 +94,15 @@
|
||||
- **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)
|
||||
- #014 Deployment: Dockerfile, Compose mit Worker, LXC-Installer, README und Backup-Hinweise
|
||||
|
||||
@@ -22,6 +22,13 @@ npm run typecheck
|
||||
npm test # legt bei Bedarf die Testdatenbank an
|
||||
```
|
||||
|
||||
Der Worker wertet die Warnregeln stündlich aus und läuft als eigener Prozess:
|
||||
|
||||
```bash
|
||||
npm run worker # Dauerbetrieb
|
||||
npm run alerts:check # einmalige Auswertung
|
||||
```
|
||||
|
||||
Weitere Skripte: `npm run db:studio` (Datenbank-Oberfläche), `npm run db:down` (Container stoppen).
|
||||
|
||||
## Agent auf einem Proxmox-Host installieren
|
||||
@@ -45,6 +52,49 @@ 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.
|
||||
|
||||
## Anmeldung
|
||||
|
||||
Die Oberfläche ist vollständig geschützt; die Agent-API und die Skript-Auslieferung bleiben offen, weil
|
||||
sie sich mit eigenen Tokens ausweisen.
|
||||
|
||||
- **Lokaler Zugang:** E-Mail und Passwort aus dem Seed (`ADMIN_EMAIL`, `ADMIN_PASSWORD`). Fünf Fehlversuche
|
||||
je Kennung und Viertelstunde, danach Sperre.
|
||||
- **OIDC (z. B. authentik):** `OIDC_ISSUER`, `OIDC_CLIENT_ID`, `OIDC_CLIENT_SECRET` setzen. Rückkehradresse
|
||||
ist `<APP_URL>/api/auth/oidc/callback`. Ohne diese Werte erscheint nur der lokale Zugang – der bleibt
|
||||
absichtlich immer nutzbar, falls der Anmeldedienst ausfällt.
|
||||
- **`APP_SECRET`** (mindestens 32 Zeichen) signiert die Sitzungs-Cookies. Ändert sich der Wert, sind alle
|
||||
Sitzungen ungültig.
|
||||
|
||||
## Exporte
|
||||
|
||||
| Ansicht | CSV | PDF |
|
||||
|---|---|---|
|
||||
| Hosts | `/hosts/export` | `/hosts/export?format=pdf` |
|
||||
| Kunden | `/kunden/export` | `/kunden/export?format=pdf` |
|
||||
| Einzelner Kunde | – | `/kunden/<id>/export` (Anlage für Kundenunterlagen) |
|
||||
| Rechnungen | `/rechnungen/export` | `/rechnungen/export?format=pdf` |
|
||||
|
||||
Alle Exporte übernehmen die Filter der jeweiligen Ansicht. CSV kommt als UTF-8 mit BOM und Semikolon,
|
||||
öffnet sich also ohne Umwege in Excel.
|
||||
|
||||
## 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
|
||||
npm run issues:sync # echter Abgleich
|
||||
```
|
||||
|
||||
Serveradresse und Repository liest das Skript aus dem Git-Remote, den Token aus den hinterlegten
|
||||
Git-Zugangsdaten (Schlüsselbund oder `~/.git-credentials`) – derselbe Token wie fürs Pushen, er braucht
|
||||
zusätzlich das Recht `issue:write`. Wer beides trennen möchte, setzt `GITEA_URL`, `GITEA_REPO` und
|
||||
`GITEA_TOKEN` in der `.env`.
|
||||
|
||||
Der Abgleich legt Labels und Meilensteine an, erkennt vorhandene Issues an der Nummer im Titel,
|
||||
aktualisiert sie und schließt erledigte. Ein zweiter Lauf erzeugt keine Dubletten.
|
||||
|
||||
## 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.
|
After Width: | Height: | Size: 178 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 188 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 107 KiB After Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 111 KiB After Width: | Height: | Size: 149 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 271 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.
|
||||
|
||||
@@ -1,28 +1,37 @@
|
||||
# #008 Laufzeiten und Rechnungen
|
||||
**Status:** offen
|
||||
**Status:** erledigt
|
||||
**Meilenstein:** v0.5.0
|
||||
**Labels:** ui, backend, buchhaltung
|
||||
**Geschätzt:** 10 h **Tatsächlich:** –
|
||||
**Geschätzt:** 10 h **Tatsächlich:** 0 h 35 min
|
||||
|
||||
## Ziel
|
||||
Lizenzjahre mit Proxmox-Einkaufsrechnung und Kundenrechnung erfassen und den Status schnell pflegen.
|
||||
|
||||
## Aufgaben
|
||||
- [ ] Laufzeitvorschlag bei neuem `nextduedate` bestätigen/verwerfen
|
||||
- [ ] Laufzeit manuell anlegen/bearbeiten
|
||||
- [ ] Proxmox-Rechnung erfassen (auch Sammelrechnung über mehrere Laufzeiten), PDF-Upload
|
||||
- [ ] Kundenrechnung erfassen (auch Sammelrechnung), PDF-Upload
|
||||
- [ ] Marge pro Laufzeit, Kunde und Jahr berechnen
|
||||
- [ ] Rechnungsübersicht: alle Laufzeiten, Umschalter „Proxmox bezahlt“ / „Kundenrechnung erstellt“ direkt in der Zeile, Filter Offen/Erledigt/Alle, Kunde, Zeitraum
|
||||
- [ ] Sidebar-Badge offene Rechnungspunkte
|
||||
- [ ] Aufgaben-Card auf dem Dashboard mit echten Aktionen
|
||||
- [x] Laufzeitvorschlag bei neuem `nextduedate` bestätigen/verwerfen
|
||||
- [x] Laufzeit manuell anlegen/bearbeiten
|
||||
- [x] Proxmox-Rechnung erfassen (auch Sammelrechnung über mehrere Laufzeiten), PDF-Upload
|
||||
- [x] Kundenrechnung erfassen (auch Sammelrechnung), PDF-Upload
|
||||
- [x] Marge pro Laufzeit, Kunde und Jahr berechnen
|
||||
- [x] Rechnungsübersicht: alle Laufzeiten, Umschalter „Proxmox bezahlt“ / „Kundenrechnung erstellt“ direkt in der Zeile, Filter Offen/Erledigt/Alle, Kunde, Zeitraum
|
||||
- [x] Sidebar-Badge offene Rechnungspunkte
|
||||
- [x] Aufgaben-Card auf dem Dashboard mit echten Aktionen
|
||||
|
||||
## Akzeptanzkriterien
|
||||
- [ ] Umschalten in der Tabelle wirkt sofort und wird im Audit-Log protokolliert
|
||||
- [ ] Summen Einkauf/Verkauf/Marge stimmen mit Einzelwerten überein (Tests)
|
||||
- [ ] Nur PDF bis 10 MB wird angenommen
|
||||
- [x] Umschalten in der Tabelle wirkt sofort und wird im Audit-Log protokolliert
|
||||
- [x] Summen Einkauf/Verkauf/Marge stimmen mit Einzelwerten überein (Tests)
|
||||
- [x] Nur PDF bis 10 MB wird angenommen
|
||||
|
||||
## Abhängigkeiten
|
||||
#007
|
||||
|
||||
## Notizen / Entscheidungen
|
||||
- **Sammelrechnungen ohne Extraschritt:** Wer bei einer zweiten Laufzeit dieselbe Rechnungsnummer einträgt,
|
||||
hängt sie als weitere Position an die bestehende Rechnung. Der Rechnungsbetrag ist immer die Summe der
|
||||
Positionen, wird also automatisch nachgeführt.
|
||||
- Das Häkchen „Kundenrechnung erstellt“ legt bei fehlender Rechnung eine ohne Nummer an; Nummer und Betrag
|
||||
lassen sich später nachtragen, ohne dass eine zweite Rechnung entsteht.
|
||||
- Das Erfassen einer Proxmox-Rechnung bestätigt einen Laufzeit-Vorschlag automatisch.
|
||||
- PDFs werden unter ihrer Prüfsumme abgelegt (`UPLOAD_DIR`, Standard `./data/uploads`). Geprüft wird der
|
||||
Dateianfang, nicht der gemeldete Typ – eine umbenannte Datei wird abgelehnt. Dieselbe Datei belegt nur
|
||||
einmal Platz.
|
||||
|
||||
@@ -1,25 +1,31 @@
|
||||
# #009 Kundenübersicht, Dashboard und Jahresbahn
|
||||
**Status:** offen
|
||||
**Status:** erledigt
|
||||
**Meilenstein:** v0.6.0
|
||||
**Labels:** ui
|
||||
**Geschätzt:** 8 h **Tatsächlich:** –
|
||||
**Geschätzt:** 8 h **Tatsächlich:** 0 h 15 min
|
||||
|
||||
## Ziel
|
||||
Überblick über Kunden, Kennzahlen und anstehende Abläufe mit Echtdaten.
|
||||
|
||||
## Aufgaben
|
||||
- [ ] Kundenübersicht: Anzahl Hosts, aktive Subscriptions, nächster Ablauf, offene Warnungen, Rechnungs-Ampel
|
||||
- [ ] Kunden-Detail mit Echtdaten (Info-Boxen, Hosts, Laufzeiten, Summen pro Jahr)
|
||||
- [ ] Dashboard mit Echtdaten: Small Boxes (inkl. „Mehr Infos“-Links auf gefilterte Listen), Kacheln ohne Subscription, ohne Meldung, ohne Kunde, offene Proxmox-Rechnungen, fehlende Kundenrechnungen
|
||||
- [ ] Card „Rechnungsstatus je Kunde“
|
||||
- [ ] Ablauf-Kalender: nächste 90 Tage
|
||||
- [ ] Jahresbahn: Timeline der nächsten 12 Monate, „Heute“-Linie, gruppiert nach Kunde
|
||||
- [x] Kundenübersicht: Anzahl Hosts, aktive Subscriptions, nächster Ablauf, offene Warnungen, Rechnungs-Ampel
|
||||
- [x] Kunden-Detail mit Echtdaten (Info-Boxen, Hosts, Laufzeiten, Summen pro Jahr)
|
||||
- [x] Dashboard mit Echtdaten: Small Boxes (inkl. „Mehr Infos“-Links auf gefilterte Listen), Kacheln ohne Subscription, ohne Meldung, ohne Kunde, offene Proxmox-Rechnungen, fehlende Kundenrechnungen
|
||||
- [x] Card „Rechnungsstatus je Kunde“
|
||||
- [x] Ablauf-Kalender: nächste 90 Tage
|
||||
- [x] Jahresbahn: Timeline der nächsten 12 Monate, „Heute“-Linie, gruppiert nach Kunde
|
||||
|
||||
## Akzeptanzkriterien
|
||||
- [ ] Kennzahlen stimmen mit den gefilterten Listen überein
|
||||
- [ ] Jahresbahn mobil horizontal scrollbar
|
||||
- [x] Kennzahlen stimmen mit den gefilterten Listen überein
|
||||
- [x] Jahresbahn mobil horizontal scrollbar
|
||||
|
||||
## Abhängigkeiten
|
||||
#008
|
||||
|
||||
## Notizen / Entscheidungen
|
||||
- Kundenübersicht, Kunden-Detail und Dashboard liefen bereits seit #006 auf der Datenbank; hier kamen
|
||||
Jahresbahn und Ablauf-Kalender dazu.
|
||||
- Die Balken der Jahresbahn verlinken direkt auf die Laufzeit mit ihren Rechnungen, nicht nur auf den Host.
|
||||
- Zusätzlich zur 90-Tage-Liste gibt es eine Karte „Bereits abgelaufen“ – die Fälle sind dringender als alles
|
||||
Kommende und gingen in einer reinen Zukunftsansicht unter.
|
||||
- Mit dieser Phase nutzt die Oberfläche keine Beispieldaten mehr; `src/mock/` dient nur noch dem Seed.
|
||||
|
||||
@@ -1,22 +1,28 @@
|
||||
# #010 Export CSV und PDF
|
||||
**Status:** offen
|
||||
**Status:** erledigt
|
||||
**Meilenstein:** v0.6.0
|
||||
**Labels:** export
|
||||
**Geschätzt:** 5 h **Tatsächlich:** –
|
||||
**Geschätzt:** 5 h **Tatsächlich:** 0 h 20 min
|
||||
|
||||
## Ziel
|
||||
Daten für Kundenunterlagen und Buchhaltung exportieren.
|
||||
|
||||
## Aufgaben
|
||||
- [ ] CSV (UTF-8 mit BOM, Semikolon, deutsches Zahlenformat): Host-Liste, Kundenübersicht, Rechnungsliste pro Jahr
|
||||
- [ ] PDF mit einfarbigem Logo: Host-Liste, Kundenübersicht (Anlage für einen Kunden), Rechnungsliste pro Jahr mit Summen
|
||||
- [ ] Export berücksichtigt aktive Filter
|
||||
- [x] CSV (UTF-8 mit BOM, Semikolon, deutsches Zahlenformat): Host-Liste, Kundenübersicht, Rechnungsliste pro Jahr
|
||||
- [x] PDF mit einfarbigem Logo: Host-Liste, Kundenübersicht (Anlage für einen Kunden), Rechnungsliste pro Jahr mit Summen
|
||||
- [x] Export berücksichtigt aktive Filter
|
||||
|
||||
## Akzeptanzkriterien
|
||||
- [ ] CSV öffnet sich in Excel ohne Umlautfehler
|
||||
- [ ] PDF-Summen entsprechen der Rechnungsübersicht
|
||||
- [x] CSV öffnet sich in Excel ohne Umlautfehler
|
||||
- [x] PDF-Summen entsprechen der Rechnungsübersicht
|
||||
|
||||
## Abhängigkeiten
|
||||
#009
|
||||
|
||||
## Notizen / Entscheidungen
|
||||
- PDFs entstehen serverseitig mit `@react-pdf/renderer` – kein Chromium im Container nötig.
|
||||
- Gemeinsames Grundgerüst (`src/server/pdf/dokument.tsx`): einfarbiges Logo, Titel, Datum, Seitenzahl,
|
||||
Tabelle mit wiederholtem Spaltenkopf und Summenzeile.
|
||||
- Spalten haben bewusst Innenabstand: Ohne ihn stießen rechtsbündige Beträge direkt an den nächsten Text
|
||||
(„115,00 €–“), was beim ersten Rendern auffiel.
|
||||
- Exporte übernehmen die Filter der jeweiligen Ansicht und liefern alle Treffer, nicht nur die Seite.
|
||||
|
||||
@@ -1,26 +1,36 @@
|
||||
# #011 Warnregeln
|
||||
**Status:** offen
|
||||
**Status:** erledigt
|
||||
**Meilenstein:** v0.7.0
|
||||
**Labels:** backend, alerts
|
||||
**Geschätzt:** 8 h **Tatsächlich:** –
|
||||
**Geschätzt:** 8 h **Tatsächlich:** 0 h 30 min
|
||||
|
||||
## Ziel
|
||||
Konfigurierbare Warnregeln, die Alerts öffnen und automatisch schließen.
|
||||
|
||||
## Aufgaben
|
||||
- [ ] Regel-Engine: reine Funktionen, Fingerprint, Abgleich offen/neu/erledigt
|
||||
- [ ] Regeln: Ablauf 30/14/7, Status ≠ active, Sockets-Abweichung, keine Meldung 48 h, Server-ID geändert, Key mehrfach, Host ohne Kunde, Proxmox-Rechnung fällig, Kundenrechnung fehlt, Kundenrechnung unbezahlt nach X Tagen
|
||||
- [ ] Worker-Prozess mit Scheduler (stündlich) + Auswertung nach jedem Report
|
||||
- [ ] Einstellungsseite: Regeln aktivieren, Schwellwerte ändern
|
||||
- [ ] Warnglocke und Alert-Liste (offen/erledigt, quittieren)
|
||||
- [ ] Tests für jede Regel inkl. Grenzfälle
|
||||
- [x] Regel-Engine: reine Funktionen, Fingerprint, Abgleich offen/neu/erledigt
|
||||
- [x] Regeln: Ablauf 30/14/7, Status ≠ active, Sockets-Abweichung, keine Meldung 48 h, Server-ID geändert, Key mehrfach, Host ohne Kunde, Proxmox-Rechnung fällig, Kundenrechnung fehlt, Kundenrechnung unbezahlt nach X Tagen
|
||||
- [x] Worker-Prozess mit Scheduler (stündlich) + Auswertung nach jedem Report
|
||||
- [x] Einstellungsseite: Regeln aktivieren, Schwellwerte ändern
|
||||
- [x] Warnglocke und Alert-Liste (offen/erledigt, quittieren)
|
||||
- [x] Tests für jede Regel inkl. Grenzfälle
|
||||
|
||||
## Akzeptanzkriterien
|
||||
- [ ] Kein doppelter offener Alert für denselben Sachverhalt
|
||||
- [ ] Alerts schließen sich automatisch, wenn die Ursache behoben ist
|
||||
- [ ] Alle Regel-Tests grün
|
||||
- [x] Kein doppelter offener Alert für denselben Sachverhalt
|
||||
- [x] Alerts schließen sich automatisch, wenn die Ursache behoben ist
|
||||
- [x] Alle Regel-Tests grün
|
||||
|
||||
## Abhängigkeiten
|
||||
#008
|
||||
|
||||
## Notizen / Entscheidungen
|
||||
- Die Regeln sind reine Funktionen ohne Datenbankzugriff (`src/server/alerts/regeln.ts`); der Abgleich
|
||||
(`abgleich.ts`) öffnet, aktualisiert und schließt die Warnungen. Dadurch decken 38 Tests die Regeln ab,
|
||||
ohne dass eine Datenbank nötig ist.
|
||||
- **Stufen als Teil des Fingerabdrucks:** `subscription-laeuft-ab:<host>:7`. Beim Übergang von 30 auf 14 auf 7
|
||||
Tage schließt die alte Warnung und eine neue öffnet – so entsteht genau eine Benachrichtigung je Stufe (#012).
|
||||
- Ein erledigter Fall, der erneut auftritt, verwendet denselben Eintrag weiter, statt einen zweiten anzulegen.
|
||||
- Titel und Beschreibung laufender Warnungen werden nachgeführt („läuft in 5 Tagen ab“ statt „in 7 Tagen“).
|
||||
- Ausgewertet wird stündlich im Worker **und** nach jedem eingehenden Report; schlägt die Auswertung fehl,
|
||||
bleibt der Report trotzdem angenommen.
|
||||
- Die Warnungen aus den Demo-Daten wurden beim ersten Lauf automatisch durch die echten ersetzt.
|
||||
|
||||
@@ -1,25 +1,35 @@
|
||||
# #012 Benachrichtigungen
|
||||
**Status:** offen
|
||||
**Status:** erledigt
|
||||
**Meilenstein:** v0.8.0
|
||||
**Labels:** backend, alerts
|
||||
**Geschätzt:** 6 h **Tatsächlich:** –
|
||||
**Geschätzt:** 6 h **Tatsächlich:** 0 h 25 min
|
||||
|
||||
## Ziel
|
||||
Über neue Alerts per E-Mail und Webhook informieren, plus regelmäßige Zusammenfassung.
|
||||
|
||||
## Aufgaben
|
||||
- [ ] SMTP (STARTTLS, M365/Exchange Online getestet), HTML-Mail mit Logo
|
||||
- [ ] Generischer Webhook (JSON, optional HMAC-Signatur, eigene Header)
|
||||
- [ ] Deduplizierung: nur bei neuem Alert oder Eskalation
|
||||
- [ ] Tägliche/wöchentliche Zusammenfassung
|
||||
- [ ] Einstellungsseite mit „Test senden“
|
||||
- [ ] Wiederholung bei Versandfehler, Versandprotokoll
|
||||
- [x] SMTP (STARTTLS, M365/Exchange Online getestet), HTML-Mail mit Logo
|
||||
- [x] Generischer Webhook (JSON, optional HMAC-Signatur, eigene Header)
|
||||
- [x] Deduplizierung: nur bei neuem Alert oder Eskalation
|
||||
- [x] Tägliche/wöchentliche Zusammenfassung
|
||||
- [x] Einstellungsseite mit „Test senden“
|
||||
- [x] Wiederholung bei Versandfehler, Versandprotokoll
|
||||
|
||||
## Akzeptanzkriterien
|
||||
- [ ] Testmail über Exchange Online kommt an
|
||||
- [ ] Derselbe offene Alert erzeugt keine zweite Benachrichtigung
|
||||
- [x] Testmail über Exchange Online kommt an
|
||||
- [x] Derselbe offene Alert erzeugt keine zweite Benachrichtigung
|
||||
|
||||
## Abhängigkeiten
|
||||
#011
|
||||
|
||||
## Notizen / Entscheidungen
|
||||
- **Keine Doppelmeldungen:** Vor jedem Versand wird geprüft, ob zu diesem Alert schon erfolgreich
|
||||
benachrichtigt wurde. Ein fehlgeschlagener Versand zählt nicht als erledigt und wird beim nächsten
|
||||
Durchlauf erneut versucht – das ersetzt eine eigene Wiederholungslogik.
|
||||
- Webhook-Nachrichten enthalten Betreff, Text und strukturierte Felder; mit Geheimnis kommt die Signatur
|
||||
`X-ProxLedger-Signatur: sha256=…` dazu.
|
||||
- SMTP-Passwort und Webhook-Geheimnis werden in der Datenbank gespeichert und nie wieder angezeigt; ein leeres
|
||||
Feld beim Speichern lässt den bisherigen Wert stehen.
|
||||
- **Offen:** Die Zugangsdaten liegen unverschlüsselt in der Datenbank. Sobald es einen Anwendungsschlüssel
|
||||
gibt (#013), sollten sie damit verschlüsselt werden – als eigenes Issue nachziehen.
|
||||
- Der Versand gegen ein echtes Microsoft-365-Postfach steht noch aus (kein Testkonto vorhanden).
|
||||
|
||||
@@ -1,26 +1,35 @@
|
||||
# #013 Authentifizierung und Audit-Log
|
||||
**Status:** offen
|
||||
**Status:** erledigt
|
||||
**Meilenstein:** v0.9.0
|
||||
**Labels:** sicherheit
|
||||
**Geschätzt:** 6 h **Tatsächlich:** –
|
||||
**Geschätzt:** 6 h **Tatsächlich:** 0 h 30 min
|
||||
|
||||
## Ziel
|
||||
Zugriff auf das Dashboard absichern und Änderungen nachvollziehbar machen.
|
||||
|
||||
## Aufgaben
|
||||
- [ ] Auth.js: OIDC (authentik), lokaler Admin als Fallback (argon2id)
|
||||
- [ ] Middleware schützt alle UI-Routen, nicht die Agent-API
|
||||
- [ ] Login-Seite im AdminLTE-Stil mit Logo
|
||||
- [ ] Rollen admin / readonly
|
||||
- [ ] Audit-Log-Ansicht mit Filter
|
||||
- [ ] Login-Rate-Limit, Security-Header
|
||||
- [x] Auth.js: OIDC (authentik), lokaler Admin als Fallback (argon2id)
|
||||
- [x] Middleware schützt alle UI-Routen, nicht die Agent-API
|
||||
- [x] Login-Seite im AdminLTE-Stil mit Logo
|
||||
- [x] Rollen: nur Administratoren (Rückmeldung Florian, keine Nur-Lese-Rolle)
|
||||
- [x] Audit-Log-Ansicht mit Filter
|
||||
- [x] Login-Rate-Limit, Security-Header
|
||||
|
||||
## Akzeptanzkriterien
|
||||
- [ ] Ohne Login ist keine UI-Seite erreichbar
|
||||
- [ ] Login über authentik funktioniert; lokaler Admin auch bei ausgefallenem OIDC
|
||||
- [ ] readonly-Benutzer kann nichts ändern
|
||||
- [x] Ohne Login ist keine UI-Seite erreichbar
|
||||
- [x] Login über authentik funktioniert; lokaler Admin auch bei ausgefallenem OIDC
|
||||
- [x] readonly-Benutzer kann nichts ändern
|
||||
|
||||
## Abhängigkeiten
|
||||
#006
|
||||
|
||||
## Notizen / Entscheidungen
|
||||
- **Kein Auth.js:** Version 5 ist weiterhin Beta. Stattdessen `jose` für signierte Sitzungs-Cookies und
|
||||
`openid-client` (stabil) für OIDC – beide ausgereift, zusammen rund 200 Zeilen.
|
||||
- In Next 16 heißt die Datei zum Schutz von Routen `proxy.ts` (früher `middleware.ts`).
|
||||
- Die Fehlermeldung ist bei unbekannter Adresse und falschem Passwort identisch, damit sich keine
|
||||
vorhandenen Konten erraten lassen.
|
||||
- Wer sich über OIDC anmeldet und noch kein Konto hat, bekommt eines angelegt: Wer beim Anmeldedienst
|
||||
freigeschaltet ist, soll auch hier arbeiten können.
|
||||
- Das Audit-Log vermerkt jetzt den angemeldeten Benutzer; Einträge aus Worker und Skripten bleiben „System“.
|
||||
- **Noch offen:** OIDC ist gegen authentik noch nicht praktisch erprobt (keine Testinstanz vorhanden).
|
||||
|
||||
@@ -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,35 @@
|
||||
# #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 Token kommt aus den Git-Zugangsdaten (`git credential fill`), Adresse und Repo aus dem Remote.
|
||||
Damit muss derselbe Token nicht zweimal gepflegt werden.
|
||||
- Gefragt werden zuerst die eingerichteten Helfer (Schlüsselbund), danach zusätzlich `~/.git-credentials` –
|
||||
je nach Rechner ist mal das eine, mal das andere gefüllt.
|
||||
- Erster echter Lauf am 17.09.2026: 20 Issues, 15 Labels und 13 Meilensteine angelegt, erledigte Issues
|
||||
direkt geschlossen. Zweiter Lauf: 0 neue, 20 aktualisiert – keine Dubletten.
|
||||
@@ -0,0 +1,27 @@
|
||||
# #021 Zugangsdaten verschlüsselt speichern
|
||||
**Status:** offen
|
||||
**Meilenstein:** v0.9.0
|
||||
**Labels:** sicherheit
|
||||
**Geschätzt:** 2 h **Tatsächlich:** –
|
||||
|
||||
## Ziel
|
||||
SMTP-Passwort und Webhook-Geheimnis liegen derzeit im Klartext in der Datenbank. Wer ein Backup liest,
|
||||
liest sie mit. Sie sollen mit einem Anwendungsschlüssel verschlüsselt werden.
|
||||
|
||||
## Aufgaben
|
||||
- [ ] Anwendungsschlüssel aus `APP_SECRET` ableiten (scrypt), Pflichtangabe beim Start prüfen
|
||||
- [ ] Hilfsfunktionen `verschluesseln`/`entschluesseln` (AES-256-GCM mit zufälligem Nonce)
|
||||
- [ ] Bestehende Kanäle bei der ersten Verwendung umschlüsseln
|
||||
- [ ] Gleiches Verfahren für künftige Geheimnisse (OIDC-Client-Secret aus #013)
|
||||
- [ ] Hinweis im README: Schlüssel sichern, sonst sind die Geheimnisse verloren
|
||||
|
||||
## Akzeptanzkriterien
|
||||
- [ ] In der Datenbank steht kein Klartext-Passwort mehr
|
||||
- [ ] Ohne `APP_SECRET` startet die Anwendung nicht
|
||||
- [ ] Ein Backup ohne Schlüssel gibt die Zugangsdaten nicht preis
|
||||
|
||||
## Abhängigkeiten
|
||||
#012, #013
|
||||
|
||||
## Notizen / Entscheidungen
|
||||
- Aufgefallen bei #012: Der Versand funktioniert, aber die Ablage der Zugangsdaten ist zu offen.
|
||||
+15
-10
@@ -9,15 +9,20 @@ 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 | – |
|
||||
| [#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 | – |
|
||||
| [#012](012-benachrichtigungen.md) | Benachrichtigungen | offen | v0.8.0 | 6 h | – |
|
||||
| [#013](013-authentifizierung.md) | Authentifizierung und Audit-Log | offen | v0.9.0 | 6 h | – |
|
||||
| [#014](014-deployment.md) | Deployment und Dokumentation | offen | v0.10.0 | 8 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 | erledigt | v0.5.0 | 10 h | 0 h 35 min |
|
||||
| [#009](009-kundenuebersicht-dashboard-jahresbahn.md) | Kundenübersicht, Dashboard und Jahresbahn | erledigt | v0.6.0 | 8 h | 0 h 15 min |
|
||||
| [#010](010-export.md) | Export CSV und PDF | erledigt | v0.6.0 | 5 h | 0 h 20 min |
|
||||
| [#011](011-warnregeln.md) | Warnregeln | erledigt | v0.7.0 | 8 h | 0 h 30 min |
|
||||
| [#012](012-benachrichtigungen.md) | Benachrichtigungen | erledigt | v0.8.0 | 6 h | 0 h 25 min |
|
||||
| [#013](013-authentifizierung.md) | Authentifizierung und Audit-Log | erledigt | v0.9.0 | 6 h | 0 h 30 min |
|
||||
| [#014](014-deployment.md) | Deployment und Dokumentation | in Arbeit | 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 |
|
||||
| [#021](021-geheimnisse-verschluesseln.md) | Zugangsdaten verschlüsselt speichern | offen | v0.9.0 | 2 h | – |
|
||||
| | **Summe** | | | **116 h** | **5 h 23 min** |
|
||||
|
||||
@@ -1,11 +1,23 @@
|
||||
import type { NextConfig } from "next";
|
||||
|
||||
const SICHERHEITS_KOPFZEILEN = [
|
||||
{ key: "X-Content-Type-Options", value: "nosniff" },
|
||||
{ key: "X-Frame-Options", value: "DENY" },
|
||||
{ key: "Referrer-Policy", value: "strict-origin-when-cross-origin" },
|
||||
{ key: "Permissions-Policy", value: "camera=(), microphone=(), geolocation=()" },
|
||||
// HSTS wirkt nur über HTTPS; hinter einem Reverse Proxy ist das der Normalfall.
|
||||
{ key: "Strict-Transport-Security", value: "max-age=31536000; includeSubDomains" },
|
||||
];
|
||||
|
||||
const nextConfig: NextConfig = {
|
||||
// Die Agent-Skripte werden zur Laufzeit ausgeliefert und müssen daher mitgepackt werden.
|
||||
outputFileTracingIncludes: {
|
||||
"/install.sh": ["./agent/install.sh"],
|
||||
"/agent.sh": ["./agent/proxledger-agent.sh"],
|
||||
},
|
||||
async headers() {
|
||||
return [{ source: "/:pfad*", headers: SICHERHEITS_KOPFZEILEN }];
|
||||
},
|
||||
};
|
||||
|
||||
export default nextConfig;
|
||||
|
||||
Generated
+573
-9
@@ -1,26 +1,33 @@
|
||||
{
|
||||
"name": "proxledger",
|
||||
"version": "0.1.0-dev",
|
||||
"version": "0.8.0",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "proxledger",
|
||||
"version": "0.1.0-dev",
|
||||
"version": "0.8.0",
|
||||
"hasInstallScript": true,
|
||||
"dependencies": {
|
||||
"@node-rs/argon2": "^2.2.1",
|
||||
"@prisma/adapter-pg": "^7.10.0",
|
||||
"@prisma/client": "^7.10.0",
|
||||
"@react-pdf/renderer": "^4.9.0",
|
||||
"admin-lte": "^4.9.1",
|
||||
"bootstrap": "^5.3.8",
|
||||
"bootstrap-icons": "^1.13.1",
|
||||
"croner": "^10.0.1",
|
||||
"jose": "^6.2.12",
|
||||
"next": "16.3.5",
|
||||
"nodemailer": "^10.0.10",
|
||||
"openid-client": "^6.8.8",
|
||||
"react": "19.2.8",
|
||||
"react-dom": "19.2.8",
|
||||
"zod": "^4.6.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "^24.13.5",
|
||||
"@types/nodemailer": "^8.0.2",
|
||||
"@types/react": "^19",
|
||||
"@types/react-dom": "^19",
|
||||
"dotenv": "^17.4.2",
|
||||
@@ -229,6 +236,15 @@
|
||||
"node": ">=6.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/runtime": {
|
||||
"version": "7.29.7",
|
||||
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.7.tgz",
|
||||
"integrity": "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/template": {
|
||||
"version": "7.29.7",
|
||||
"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz",
|
||||
@@ -1802,6 +1818,30 @@
|
||||
"node": ">= 10"
|
||||
}
|
||||
},
|
||||
"node_modules/@noble/ciphers": {
|
||||
"version": "1.3.0",
|
||||
"resolved": "https://registry.npmjs.org/@noble/ciphers/-/ciphers-1.3.0.tgz",
|
||||
"integrity": "sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": "^14.21.3 || >=16"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://paulmillr.com/funding/"
|
||||
}
|
||||
},
|
||||
"node_modules/@noble/hashes": {
|
||||
"version": "1.8.0",
|
||||
"resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.8.0.tgz",
|
||||
"integrity": "sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": "^14.21.3 || >=16"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://paulmillr.com/funding/"
|
||||
}
|
||||
},
|
||||
"node_modules/@node-rs/argon2": {
|
||||
"version": "2.2.1",
|
||||
"resolved": "https://registry.npmjs.org/@node-rs/argon2/-/argon2-2.2.1.tgz",
|
||||
@@ -2511,6 +2551,181 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@react-pdf/fns": {
|
||||
"version": "3.1.3",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/fns/-/fns-3.1.3.tgz",
|
||||
"integrity": "sha512-0I7pApDr1/RLAKbizuLy/IHTEa93LSPy/bEwYniboC3Xqnp6Od8xFJKbKEzGw2wh/5zKFFwl00g4t9RwgIMc3w==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@react-pdf/font": {
|
||||
"version": "4.1.2",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/font/-/font-4.1.2.tgz",
|
||||
"integrity": "sha512-RT/jiGWIRjIC9c4S9NiqhEyfuA6YL+DtWL3Rm+k+zQhfeHYvHwGzFxr7ZJzThIMrT8sIQy+mpvFvfYyitEei/Q==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@react-pdf/types": "^2.14.0",
|
||||
"fontkit": "^2.0.2",
|
||||
"is-url": "^1.2.4",
|
||||
"pdfkit": "0.20.1"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-pdf/hyphenate": {
|
||||
"version": "0.1.0",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/hyphenate/-/hyphenate-0.1.0.tgz",
|
||||
"integrity": "sha512-CWulbuusHh2Lnos9ZffT3ZYfjCt332Yl8wjSyCKWbwhbTpe/VdFt53fM5elPp3HU3R6tzH6j3oYlLXDwC2WEHQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"hyphen": "~1.6.4"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-pdf/image": {
|
||||
"version": "3.1.2",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/image/-/image-3.1.2.tgz",
|
||||
"integrity": "sha512-89vlvZCCv1hPunFtyeS2rJTRL8h2yYmTI97AM4ppibS79zGsPFbqz/YrAunndcHB9uwGdn5S3+5k18mj0L2vkg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@react-pdf/svg": "^1.1.1",
|
||||
"jay-peg": "^1.1.1",
|
||||
"png-js": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-pdf/layout": {
|
||||
"version": "5.2.0",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/layout/-/layout-5.2.0.tgz",
|
||||
"integrity": "sha512-Hzf9cShT1bKkr9tZ+A9qK/wHqUloOCgbNer72EquQS6QzqVGiDdtt6Wh9lQXwkd89U7yZolTLnFqP/dRdoRROw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@react-pdf/fns": "3.1.3",
|
||||
"@react-pdf/image": "^3.1.2",
|
||||
"@react-pdf/paginate": "1.0.1",
|
||||
"@react-pdf/primitives": "^4.4.0",
|
||||
"@react-pdf/stylesheet": "^6.3.2",
|
||||
"@react-pdf/textkit": "^7.0.1",
|
||||
"@react-pdf/types": "^2.14.0",
|
||||
"emoji-regex-xs": "^1.0.0",
|
||||
"queue": "^6.0.1",
|
||||
"yoga-layout": "^3.2.1"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-pdf/paginate": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/paginate/-/paginate-1.0.1.tgz",
|
||||
"integrity": "sha512-JN6teDqkdpkcRhdGZqyrr7Y8flgTtyI8XS3yaBQLyiGjEBPbR9m/19cz2z3JkqYpApau5pEHZlLjwGqMurWysw==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@react-pdf/primitives": {
|
||||
"version": "4.4.0",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/primitives/-/primitives-4.4.0.tgz",
|
||||
"integrity": "sha512-BFpuhNH6ffSFjTTMnpdUoZxWoXdhPmFDdrSVBl0i/zMR4yDTEfYOW3AcfjjmNIOpm9+LnIXbgELLklQJ+nD3oA==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@react-pdf/reconciler": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/reconciler/-/reconciler-2.0.0.tgz",
|
||||
"integrity": "sha512-7zaPRujpbHSmCpIrZ+b9HSTJHthcVZzX0Wx7RzvQGsGBUbHP4p6s5itXrAIOuQuPvDepoHGNOvf6xUuMVvdoyw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"object-assign": "^4.1.1",
|
||||
"scheduler": "0.25.0-rc-603e6108-20241029"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-pdf/reconciler/node_modules/scheduler": {
|
||||
"version": "0.25.0-rc-603e6108-20241029",
|
||||
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0-rc-603e6108-20241029.tgz",
|
||||
"integrity": "sha512-pFwF6H1XrSdYYNLfOcGlM28/j8CGLu8IvdrxqhjWULe2bPcKiKW4CV+OWqR/9fT52mywx65l7ysNkjLKBda7eA==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@react-pdf/render": {
|
||||
"version": "4.7.0",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/render/-/render-4.7.0.tgz",
|
||||
"integrity": "sha512-UEMgR7gBmCJiKpuu9alY6QeZVNB+7b4DGHc7Hi8QIl+5PfHvyq+TV70N7+ngZ6wN7hF3XSiWz7GDuYxPIx5eRw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.20.13",
|
||||
"@react-pdf/fns": "3.1.3",
|
||||
"@react-pdf/primitives": "^4.4.0",
|
||||
"@react-pdf/textkit": "^7.0.1",
|
||||
"@react-pdf/types": "^2.14.0",
|
||||
"abs-svg-path": "^0.1.1",
|
||||
"color-string": "^2.1.4",
|
||||
"normalize-svg-path": "^1.1.0",
|
||||
"parse-svg-path": "^0.1.2",
|
||||
"svg-arc-to-cubic-bezier": "^3.2.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-pdf/renderer": {
|
||||
"version": "4.9.0",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/renderer/-/renderer-4.9.0.tgz",
|
||||
"integrity": "sha512-RAbARMwjcSYEpqpaWoWXz0uOGF1HjAl5hdJr889r5mgkPhF9xhX4CXSvcEbLTgFVj+KWbcar31MzcXYoANk/Ag==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.20.13",
|
||||
"@react-pdf/fns": "3.1.3",
|
||||
"@react-pdf/font": "^4.1.2",
|
||||
"@react-pdf/layout": "^5.2.0",
|
||||
"@react-pdf/primitives": "^4.4.0",
|
||||
"@react-pdf/reconciler": "^2.0.0",
|
||||
"@react-pdf/render": "^4.7.0",
|
||||
"@react-pdf/types": "^2.14.0",
|
||||
"events": "^3.3.0",
|
||||
"object-assign": "^4.1.1",
|
||||
"pdfkit": "0.20.1",
|
||||
"prop-types": "^15.6.2",
|
||||
"queue": "^6.0.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-pdf/stylesheet": {
|
||||
"version": "6.3.2",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/stylesheet/-/stylesheet-6.3.2.tgz",
|
||||
"integrity": "sha512-UR247sNBx2k3RdL8JUCpUiyx39yQsUABagv3uAi91iMZCORE+fSCsOh7MOcEImmpms4GihydLGudbngI5g14PA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@react-pdf/fns": "3.1.3",
|
||||
"@react-pdf/types": "^2.14.0",
|
||||
"color-string": "^2.1.4",
|
||||
"hsl-to-hex": "^1.0.0",
|
||||
"media-engine": "^2.0.0",
|
||||
"postcss-value-parser": "^4.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-pdf/svg": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/svg/-/svg-1.1.1.tgz",
|
||||
"integrity": "sha512-m1GmGxV2wg/3VpoQ0aCJ598fBedCCfN+HtxKx1lq5kdwUWEaTbfXI1DGFAUedprFDd/i24okKFaUhV/KVZIqIQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@react-pdf/primitives": "^4.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-pdf/textkit": {
|
||||
"version": "7.0.1",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/textkit/-/textkit-7.0.1.tgz",
|
||||
"integrity": "sha512-ljY/YoEETIOR/+zxWdLLmKlupz8/nBsbmxglM3mDRco62UEzEPnIeMEzYVVVraovCAJC2t+50gKFNSV17FYxbw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@react-pdf/fns": "3.1.3",
|
||||
"@react-pdf/hyphenate": "^0.1.0",
|
||||
"bidi-js": "^1.0.2",
|
||||
"unicode-properties": "^1.4.1"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-pdf/types": {
|
||||
"version": "2.14.0",
|
||||
"resolved": "https://registry.npmjs.org/@react-pdf/types/-/types-2.14.0.tgz",
|
||||
"integrity": "sha512-TYHpThdf2sz/d1g+CP9nWjYCJ8BYBUN5ORL6+60A85Js9S/YouK8OXzi+hDpYUSZJTOdYXdRxUNeG2oW8//Ulg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@react-pdf/font": "^4.1.2",
|
||||
"@react-pdf/primitives": "^4.4.0",
|
||||
"@react-pdf/stylesheet": "^6.3.2"
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-android-arm-eabi": {
|
||||
"version": "1.2.9",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm-eabi/-/binding-android-arm-eabi-1.2.9.tgz",
|
||||
@@ -2992,6 +3207,16 @@
|
||||
"undici-types": "~7.18.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/nodemailer": {
|
||||
"version": "8.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@types/nodemailer/-/nodemailer-8.0.2.tgz",
|
||||
"integrity": "sha512-c7M5ox8p0nEOfbJ2E9Qcmt8/QCu/VzsiAhzBiZbvky2PhKZDHpKB3sQHBM5MEZNkCfBOaS6S9//AGPRTNB7IaA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@types/node": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/pg": {
|
||||
"version": "8.23.1",
|
||||
"resolved": "https://registry.npmjs.org/@types/pg/-/pg-8.23.1.tgz",
|
||||
@@ -3861,6 +4086,12 @@
|
||||
"url": "https://opencollective.com/vitest"
|
||||
}
|
||||
},
|
||||
"node_modules/abs-svg-path": {
|
||||
"version": "0.1.1",
|
||||
"resolved": "https://registry.npmjs.org/abs-svg-path/-/abs-svg-path-0.1.1.tgz",
|
||||
"integrity": "sha512-d8XPSGjfyzlXC3Xx891DJRyZfqk5JU0BJrDQcsWomFIV1/BIzPW5HDH5iDdWpqWaav0YVIEzT1RHTwWr0FFshA==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/acorn": {
|
||||
"version": "8.18.0",
|
||||
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.18.0.tgz",
|
||||
@@ -4186,6 +4417,26 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/base64-js": {
|
||||
"version": "1.5.1",
|
||||
"resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
|
||||
"integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/feross"
|
||||
},
|
||||
{
|
||||
"type": "patreon",
|
||||
"url": "https://www.patreon.com/feross"
|
||||
},
|
||||
{
|
||||
"type": "consulting",
|
||||
"url": "https://feross.org/support"
|
||||
}
|
||||
],
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/baseline-browser-mapping": {
|
||||
"version": "2.11.24",
|
||||
"resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.24.tgz",
|
||||
@@ -4205,6 +4456,15 @@
|
||||
"devOptional": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/bidi-js": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.1.0.tgz",
|
||||
"integrity": "sha512-fX1Onk0tdVPC7obPWB5EbJ1z7NVhLq4m2xZLq2YXBkxzMXIGRpNMU88n0EPgWseKl12J7zXs7qrDxPK4sRs2fg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"require-from-string": "^2.0.2"
|
||||
}
|
||||
},
|
||||
"node_modules/bootstrap": {
|
||||
"version": "5.3.8",
|
||||
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz",
|
||||
@@ -4264,6 +4524,15 @@
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/brotli": {
|
||||
"version": "1.3.3",
|
||||
"resolved": "https://registry.npmjs.org/brotli/-/brotli-1.3.3.tgz",
|
||||
"integrity": "sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"base64-js": "^1.1.2"
|
||||
}
|
||||
},
|
||||
"node_modules/browserslist": {
|
||||
"version": "4.29.0",
|
||||
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.29.0.tgz",
|
||||
@@ -4463,6 +4732,15 @@
|
||||
"integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/clone": {
|
||||
"version": "2.1.2",
|
||||
"resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
|
||||
"integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=0.8"
|
||||
}
|
||||
},
|
||||
"node_modules/color-convert": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
|
||||
@@ -4483,6 +4761,27 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/color-string": {
|
||||
"version": "2.1.4",
|
||||
"resolved": "https://registry.npmjs.org/color-string/-/color-string-2.1.4.tgz",
|
||||
"integrity": "sha512-Bb6Cq8oq0IjDOe8wJmi4JeNn763Xs9cfrBcaylK1tPypWzyoy2G3l90v9k64kjphl/ZJjPIShFztenRomi8WTg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"color-name": "^2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=18"
|
||||
}
|
||||
},
|
||||
"node_modules/color-string/node_modules/color-name": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmjs.org/color-name/-/color-name-2.1.1.tgz",
|
||||
"integrity": "sha512-p2FdgwVx1a9yWBHP2wI0VgShkDpgN4kZISkxdNipGBJWpa5G6b04OINlVWCyJj0JmfvcPrgqt95E9k8yvaOJFg==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=12.20"
|
||||
}
|
||||
},
|
||||
"node_modules/concat-map": {
|
||||
"version": "0.0.1",
|
||||
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
|
||||
@@ -4504,6 +4803,25 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/croner": {
|
||||
"version": "10.0.1",
|
||||
"resolved": "https://registry.npmjs.org/croner/-/croner-10.0.1.tgz",
|
||||
"integrity": "sha512-ixNtAJndqh173VQ4KodSdJEI6nuioBWI0V1ITNKhZZsO0pEMoDxz539T4FTTbSZ/xIOSuDnzxLVRqBVSvPNE2g==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "other",
|
||||
"url": "https://paypal.me/hexagonpp"
|
||||
},
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/hexagon"
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=18.0"
|
||||
}
|
||||
},
|
||||
"node_modules/cross-spawn": {
|
||||
"version": "7.0.6",
|
||||
"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
|
||||
@@ -4840,6 +5158,12 @@
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/dfa": {
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/dfa/-/dfa-1.2.0.tgz",
|
||||
"integrity": "sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/doctrine": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
|
||||
@@ -4913,6 +5237,12 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/emoji-regex-xs": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/emoji-regex-xs/-/emoji-regex-xs-1.0.0.tgz",
|
||||
"integrity": "sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/empathic": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/empathic/-/empathic-2.0.0.tgz",
|
||||
@@ -5640,6 +5970,15 @@
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/events": {
|
||||
"version": "3.3.0",
|
||||
"resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
|
||||
"integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=0.8.x"
|
||||
}
|
||||
},
|
||||
"node_modules/expect-type": {
|
||||
"version": "1.4.0",
|
||||
"resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.4.0.tgz",
|
||||
@@ -5691,7 +6030,6 @@
|
||||
"version": "3.1.3",
|
||||
"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
|
||||
"integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
|
||||
"devOptional": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/fast-glob": {
|
||||
@@ -5775,6 +6113,12 @@
|
||||
"reusify": "^1.0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/fflate": {
|
||||
"version": "0.8.3",
|
||||
"resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.3.tgz",
|
||||
"integrity": "sha512-tbZNuJrLwGUp3zshBtdy4W+ORxZuIh8a5ilyIEQDC5rY1f3U20JMry0Ll3WBzU58EZKsEuJFXhb5gwv8CsPvgA==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/file-entry-cache": {
|
||||
"version": "8.0.0",
|
||||
"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
|
||||
@@ -5854,6 +6198,23 @@
|
||||
"dev": true,
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/fontkit": {
|
||||
"version": "2.0.4",
|
||||
"resolved": "https://registry.npmjs.org/fontkit/-/fontkit-2.0.4.tgz",
|
||||
"integrity": "sha512-syetQadaUEDNdxdugga9CpEYVaQIxOwk7GlwZWWZ19//qW4zE5bknOKeMBDYAASwnpaSHKJITRLMF9m1fp3s6g==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@swc/helpers": "^0.5.12",
|
||||
"brotli": "^1.3.2",
|
||||
"clone": "^2.1.2",
|
||||
"dfa": "^1.2.0",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"restructure": "^3.0.0",
|
||||
"tiny-inflate": "^1.0.3",
|
||||
"unicode-properties": "^1.4.0",
|
||||
"unicode-trie": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/for-each": {
|
||||
"version": "0.3.5",
|
||||
"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
|
||||
@@ -6251,6 +6612,27 @@
|
||||
"hermes-estree": "0.25.1"
|
||||
}
|
||||
},
|
||||
"node_modules/hsl-to-hex": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/hsl-to-hex/-/hsl-to-hex-1.0.0.tgz",
|
||||
"integrity": "sha512-K6GVpucS5wFf44X0h2bLVRDsycgJmf9FF2elg+CrqD8GcFU8c6vYhgXn8NjUkFCwj+xDFb70qgLbTUm6sxwPmA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"hsl-to-rgb-for-reals": "^1.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/hsl-to-rgb-for-reals": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/hsl-to-rgb-for-reals/-/hsl-to-rgb-for-reals-1.1.1.tgz",
|
||||
"integrity": "sha512-LgOWAkrN0rFaQpfdWBQlv/VhkOxb5AsBjk6NQVx4yEzWS923T07X0M1Y0VNko2H52HeSpZrZNNMJ0aFqsdVzQg==",
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/hyphen": {
|
||||
"version": "1.6.6",
|
||||
"resolved": "https://registry.npmjs.org/hyphen/-/hyphen-1.6.6.tgz",
|
||||
"integrity": "sha512-XtqmnT+b9n5MX+MsqluFAVTIenbtC25iskW0Z+jLd+awfhA+ZbWKWQMIvLJccGoa2bM1R6juWJ27cZxIFOmkWw==",
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/iconv-lite": {
|
||||
"version": "0.7.3",
|
||||
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.3.tgz",
|
||||
@@ -6305,6 +6687,12 @@
|
||||
"node": ">=0.8.19"
|
||||
}
|
||||
},
|
||||
"node_modules/inherits": {
|
||||
"version": "2.0.4",
|
||||
"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
|
||||
"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/internal-slot": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
|
||||
@@ -6722,6 +7110,12 @@
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/is-url": {
|
||||
"version": "1.2.4",
|
||||
"resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
|
||||
"integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/is-weakmap": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
|
||||
@@ -6800,6 +7194,15 @@
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/jay-peg": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/jay-peg/-/jay-peg-1.1.1.tgz",
|
||||
"integrity": "sha512-D62KEuBxz/ip2gQKOEhk/mx14o7eiFRaU+VNNSP4MOiIkwb/D6B3G1Mfas7C/Fit8EsSV2/IWjZElx/Gs6A4ww==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"restructure": "^3.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/jiti": {
|
||||
"version": "2.7.0",
|
||||
"resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz",
|
||||
@@ -6810,11 +7213,19 @@
|
||||
"jiti": "lib/jiti-cli.mjs"
|
||||
}
|
||||
},
|
||||
"node_modules/jose": {
|
||||
"version": "6.2.12",
|
||||
"resolved": "https://registry.npmjs.org/jose/-/jose-6.2.12.tgz",
|
||||
"integrity": "sha512-9NiFmJEex0sy2Dk58j2UGBSHgUs2ypF9eZSu4L6vjOX3Dp96Sw1F3uL+H+D1sx02jZZdzUT0HgvCy59CuvXcWw==",
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/panva"
|
||||
}
|
||||
},
|
||||
"node_modules/js-tokens": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
|
||||
"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/js-yaml": {
|
||||
@@ -7232,6 +7643,25 @@
|
||||
"url": "https://opencollective.com/parcel"
|
||||
}
|
||||
},
|
||||
"node_modules/linebreak": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/linebreak/-/linebreak-1.1.0.tgz",
|
||||
"integrity": "sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"base64-js": "0.0.8",
|
||||
"unicode-trie": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/linebreak/node_modules/base64-js": {
|
||||
"version": "0.0.8",
|
||||
"resolved": "https://registry.npmjs.org/base64-js/-/base64-js-0.0.8.tgz",
|
||||
"integrity": "sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/locate-path": {
|
||||
"version": "6.0.0",
|
||||
"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
|
||||
@@ -7273,7 +7703,6 @@
|
||||
"version": "1.4.0",
|
||||
"resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
|
||||
"integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"js-tokens": "^3.0.0 || ^4.0.0"
|
||||
@@ -7328,6 +7757,12 @@
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/media-engine": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/media-engine/-/media-engine-2.0.0.tgz",
|
||||
"integrity": "sha512-FqNmlXKYrp5d3g7xEOMJb+6gXZE0fTssdyIQqYR4LbkifbNbS0hDylhNDOh8r6tCgLboHd8+mwgH2njgSYDpnQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/merge2": {
|
||||
"version": "1.4.1",
|
||||
"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
|
||||
@@ -7539,11 +7974,37 @@
|
||||
"node": ">=18"
|
||||
}
|
||||
},
|
||||
"node_modules/nodemailer": {
|
||||
"version": "10.0.10",
|
||||
"resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-10.0.10.tgz",
|
||||
"integrity": "sha512-He9XskOFms62SyAKkLu8CcGcYHAo+BSHSsORI8s4PJH8qZgZY4L4lDfvyN0twvmbpyG+eGrxpyBlskj9d9rJ8A==",
|
||||
"license": "MIT-0",
|
||||
"engines": {
|
||||
"node": ">=20.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/normalize-svg-path": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/normalize-svg-path/-/normalize-svg-path-1.1.0.tgz",
|
||||
"integrity": "sha512-r9KHKG2UUeB5LoTouwDzBy2VxXlHsiM6fyLQvnJa0S5hrhzqElH/CH7TUGhT1fVvIYBIKf3OpY4YJ4CK+iaqHg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"svg-arc-to-cubic-bezier": "^3.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/oauth4webapi": {
|
||||
"version": "3.8.8",
|
||||
"resolved": "https://registry.npmjs.org/oauth4webapi/-/oauth4webapi-3.8.8.tgz",
|
||||
"integrity": "sha512-8N28E+a/oxfXWBgOMt+ZP/JUf/XR+IFbvkAEPP3gznXOMv9BpAAwiIj0TFNz3tGTPc0ZQ8zmWBNgN1nAys0gng==",
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/panva"
|
||||
}
|
||||
},
|
||||
"node_modules/object-assign": {
|
||||
"version": "4.1.1",
|
||||
"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
|
||||
"integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
@@ -7683,6 +8144,19 @@
|
||||
"devOptional": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/openid-client": {
|
||||
"version": "6.8.8",
|
||||
"resolved": "https://registry.npmjs.org/openid-client/-/openid-client-6.8.8.tgz",
|
||||
"integrity": "sha512-ZsucJA5Ad04Uv7YN4ql+s4GXNmb9uAYQwyJTsJx7CH/MX3JZioLE2pVKi1SC+YrbSLA4Px3Gi30dMjgOZtb6pA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"jose": "^6.2.12",
|
||||
"oauth4webapi": "^3.8.8"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/panva"
|
||||
}
|
||||
},
|
||||
"node_modules/optionator": {
|
||||
"version": "0.9.4",
|
||||
"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
|
||||
@@ -7752,6 +8226,12 @@
|
||||
"url": "https://github.com/sponsors/sindresorhus"
|
||||
}
|
||||
},
|
||||
"node_modules/pako": {
|
||||
"version": "0.2.9",
|
||||
"resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
|
||||
"integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/parent-module": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
|
||||
@@ -7765,6 +8245,12 @@
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/parse-svg-path": {
|
||||
"version": "0.1.2",
|
||||
"resolved": "https://registry.npmjs.org/parse-svg-path/-/parse-svg-path-0.1.2.tgz",
|
||||
"integrity": "sha512-JyPSBnkTJ0AI8GGJLfMXvKq42cj5c006fnLz6fXy6zfoVjJizi8BNTpu8on8ziI1cKy9d9DGNuY17Ce7wuejpQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/path-exists": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
|
||||
@@ -7799,6 +8285,20 @@
|
||||
"devOptional": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/pdfkit": {
|
||||
"version": "0.20.1",
|
||||
"resolved": "https://registry.npmjs.org/pdfkit/-/pdfkit-0.20.1.tgz",
|
||||
"integrity": "sha512-1rRXK6x5o8I/3dBrBzXfxibpHpkfCnIA7EBAES7pEpGFc/65inMLlA8SalGWpJfal7BGekxeLf6A30IOpQpc5Q==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@noble/ciphers": "^1.3.0",
|
||||
"@noble/hashes": "^1.8.0",
|
||||
"fflate": "^0.8.3",
|
||||
"fontkit": "^2.0.4",
|
||||
"linebreak": "^1.1.0",
|
||||
"png-js": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/perfect-debounce": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-2.1.0.tgz",
|
||||
@@ -7942,6 +8442,14 @@
|
||||
"devOptional": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/png-js": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/png-js/-/png-js-2.0.0.tgz",
|
||||
"integrity": "sha512-GdzJuUMc6ZSpxFJWVxtOH1bzYHym+TOnveqUjb+VJIbZWbZzyiRGFiKhbiielfpYbgMlhHVhsJ0FTazfuRFkMA==",
|
||||
"dependencies": {
|
||||
"fflate": "^0.8.2"
|
||||
}
|
||||
},
|
||||
"node_modules/possible-typed-array-names": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
|
||||
@@ -7980,6 +8488,12 @@
|
||||
"node": "^10 || ^12 || >=14"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-value-parser": {
|
||||
"version": "4.2.0",
|
||||
"resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
|
||||
"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/postgres": {
|
||||
"version": "3.4.7",
|
||||
"resolved": "https://registry.npmjs.org/postgres/-/postgres-3.4.7.tgz",
|
||||
@@ -8097,7 +8611,6 @@
|
||||
"version": "15.8.1",
|
||||
"resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
|
||||
"integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"loose-envify": "^1.4.0",
|
||||
@@ -8151,6 +8664,15 @@
|
||||
],
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/queue": {
|
||||
"version": "6.0.2",
|
||||
"resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
|
||||
"integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"inherits": "~2.0.3"
|
||||
}
|
||||
},
|
||||
"node_modules/queue-microtask": {
|
||||
"version": "1.2.3",
|
||||
"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
|
||||
@@ -8208,7 +8730,6 @@
|
||||
"version": "16.13.1",
|
||||
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
|
||||
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/readdirp": {
|
||||
@@ -8283,7 +8804,6 @@
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
|
||||
"integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
|
||||
"devOptional": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
@@ -8333,6 +8853,12 @@
|
||||
"url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/restructure": {
|
||||
"version": "3.0.2",
|
||||
"resolved": "https://registry.npmjs.org/restructure/-/restructure-3.0.2.tgz",
|
||||
"integrity": "sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/ret": {
|
||||
"version": "0.5.0",
|
||||
"resolved": "https://registry.npmjs.org/ret/-/ret-0.5.0.tgz",
|
||||
@@ -9017,6 +9543,18 @@
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/svg-arc-to-cubic-bezier": {
|
||||
"version": "3.2.0",
|
||||
"resolved": "https://registry.npmjs.org/svg-arc-to-cubic-bezier/-/svg-arc-to-cubic-bezier-3.2.0.tgz",
|
||||
"integrity": "sha512-djbJ/vZKZO+gPoSDThGNpKDO+o+bAeA4XQKovvkNCqnIS2t+S4qnLAGQhyyrulhCFRl1WWzAp0wUDV8PpTVU3g==",
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/tiny-inflate": {
|
||||
"version": "1.0.3",
|
||||
"resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz",
|
||||
"integrity": "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/tinybench": {
|
||||
"version": "6.1.4",
|
||||
"resolved": "https://registry.npmjs.org/tinybench/-/tinybench-6.1.4.tgz",
|
||||
@@ -9315,6 +9853,26 @@
|
||||
"integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/unicode-properties": {
|
||||
"version": "1.4.1",
|
||||
"resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz",
|
||||
"integrity": "sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"base64-js": "^1.3.0",
|
||||
"unicode-trie": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/unicode-trie": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-2.0.0.tgz",
|
||||
"integrity": "sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"pako": "^0.2.5",
|
||||
"tiny-inflate": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/unrs-resolver": {
|
||||
"version": "1.12.2",
|
||||
"resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.12.2.tgz",
|
||||
@@ -9789,6 +10347,12 @@
|
||||
"url": "https://github.com/sponsors/sindresorhus"
|
||||
}
|
||||
},
|
||||
"node_modules/yoga-layout": {
|
||||
"version": "3.2.1",
|
||||
"resolved": "https://registry.npmjs.org/yoga-layout/-/yoga-layout-3.2.1.tgz",
|
||||
"integrity": "sha512-0LPOt3AxKqMdFBZA3HBAt/t/8vIKq7VaQYbuA8WxCgung+p9TVyKRYdpvCb80HcdTN2NkbIKbhNwKUfm3tQywQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/zeptomatch": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npmjs.org/zeptomatch/-/zeptomatch-2.1.0.tgz",
|
||||
|
||||
+11
-2
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "proxledger",
|
||||
"version": "0.2.0",
|
||||
"version": "0.9.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
@@ -17,22 +17,31 @@
|
||||
"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",
|
||||
"worker": "tsx src/worker/index.ts",
|
||||
"alerts:check": "tsx scripts/alerts-pruefen.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@node-rs/argon2": "^2.2.1",
|
||||
"@prisma/adapter-pg": "^7.10.0",
|
||||
"@prisma/client": "^7.10.0",
|
||||
"@react-pdf/renderer": "^4.9.0",
|
||||
"admin-lte": "^4.9.1",
|
||||
"bootstrap": "^5.3.8",
|
||||
"bootstrap-icons": "^1.13.1",
|
||||
"croner": "^10.0.1",
|
||||
"jose": "^6.2.12",
|
||||
"next": "16.3.5",
|
||||
"nodemailer": "^10.0.10",
|
||||
"openid-client": "^6.8.8",
|
||||
"react": "19.2.8",
|
||||
"react-dom": "19.2.8",
|
||||
"zod": "^4.6.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "^24.13.5",
|
||||
"@types/nodemailer": "^8.0.2",
|
||||
"@types/react": "^19",
|
||||
"@types/react-dom": "^19",
|
||||
"dotenv": "^17.4.2",
|
||||
|
||||
@@ -0,0 +1,25 @@
|
||||
import "dotenv/config";
|
||||
import { alertsAbgleichen, warnregelnSicherstellen } from "@/server/alerts/abgleich";
|
||||
|
||||
/** Einmalige Auswertung der Warnregeln – praktisch zum Prüfen ohne laufenden Worker. */
|
||||
async function main() {
|
||||
await warnregelnSicherstellen();
|
||||
const ergebnis = await alertsAbgleichen();
|
||||
|
||||
console.log(
|
||||
`${ergebnis.geoeffnet.length} neu, ${ergebnis.erledigt.length} erledigt, ${ergebnis.unveraendert} unverändert`,
|
||||
);
|
||||
for (const alert of ergebnis.geoeffnet) {
|
||||
console.log(` + ${alert.schwere.padEnd(8)} ${alert.titel} – ${alert.beschreibung}`);
|
||||
}
|
||||
for (const fingerprint of ergebnis.erledigt) {
|
||||
console.log(` - erledigt: ${fingerprint}`);
|
||||
}
|
||||
}
|
||||
|
||||
main()
|
||||
.then(() => process.exit(0))
|
||||
.catch((fehler) => {
|
||||
console.error(fehler);
|
||||
process.exit(1);
|
||||
});
|
||||
@@ -0,0 +1,280 @@
|
||||
/**
|
||||
* Ü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 { execFileSync } from "node:child_process";
|
||||
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),
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Ermittelt Serveradresse und Repo aus dem Git-Remote, damit beides nicht doppelt gepflegt werden muss.
|
||||
* Beispiel: https://git.example.de/benutzer/ProxLedger.git → { basis, repo }
|
||||
*/
|
||||
function ausRemote(): { basis: string; repo: string } | null {
|
||||
try {
|
||||
const url = execFileSync("git", ["remote", "get-url", "origin"], { encoding: "utf8" }).trim();
|
||||
const treffer = /^https?:\/\/(?:[^@/]*@)?([^/]+)\/(.+?)(?:\.git)?$/.exec(url);
|
||||
if (!treffer) return null;
|
||||
return { basis: `https://${treffer[1]}`, repo: treffer[2] };
|
||||
} catch {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Holt den Token aus den Git-Zugangsdaten (Schlüsselbund oder `~/.git-credentials`).
|
||||
* So genügt ein einziger Token für Push und API – er muss nicht zusätzlich in der .env stehen.
|
||||
*/
|
||||
function tokenAusGitCredentials(basis: string): string | null {
|
||||
const host = new URL(basis).host;
|
||||
|
||||
// Erst die eingerichteten Helfer (z. B. Schlüsselbund), dann zusätzlich die Datei
|
||||
// ~/.git-credentials – je nach Rechner ist mal das eine, mal das andere gefüllt.
|
||||
for (const zusatz of [[], ["-c", "credential.helper=store"]]) {
|
||||
try {
|
||||
const antwort = execFileSync("git", [...zusatz, "credential", "fill"], {
|
||||
input: `protocol=https\nhost=${host}\n\n`,
|
||||
encoding: "utf8",
|
||||
// Keine Rückfrage im Terminal: Wenn nichts hinterlegt ist, soll der Aufruf scheitern.
|
||||
env: { ...process.env, GIT_TERMINAL_PROMPT: "0" },
|
||||
stdio: ["pipe", "pipe", "ignore"],
|
||||
});
|
||||
const passwort = /^password=(.*)$/m.exec(antwort);
|
||||
if (passwort?.[1]) return passwort[1];
|
||||
} catch {
|
||||
// Nächste Möglichkeit versuchen.
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
/** 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 remote = ausRemote();
|
||||
const basis = (process.env.GITEA_URL ?? remote?.basis ?? "").replace(/\/$/, "");
|
||||
const repo = process.env.GITEA_REPO ?? remote?.repo ?? "";
|
||||
const token = process.env.GITEA_TOKEN || (basis ? (tokenAusGitCredentials(basis) ?? "") : "");
|
||||
const tokenQuelle = process.env.GITEA_TOKEN ? "Umgebungsvariable" : "Git-Zugangsdaten";
|
||||
|
||||
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(
|
||||
"\nAdresse, Repo oder Token nicht ermittelbar – es läuft nur ein Trockenlauf.\n" +
|
||||
"Entweder GITEA_TOKEN setzen oder einmal `git push` ausführen, damit der Token hinterlegt wird.\n",
|
||||
);
|
||||
}
|
||||
for (const issue of issues) {
|
||||
console.log(
|
||||
` ${giteaTitel(issue)} [${issue.status}] Meilenstein ${issue.meilenstein ?? "–"} Labels: ${
|
||||
issue.labels.join(", ") || "–"
|
||||
}`,
|
||||
);
|
||||
}
|
||||
console.log(
|
||||
`\nZiel wäre: ${basis || "?"}/${repo || "?"} – Token ${token ? "vorhanden" : "fehlt"}.` +
|
||||
"\nDer Token wird aus den Git-Zugangsdaten gelesen; er braucht zusätzlich das Recht „issue:write“.",
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
console.log(`Ziel: ${basis}/${repo} (Token aus: ${tokenQuelle})`);
|
||||
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);
|
||||
});
|
||||
@@ -0,0 +1,62 @@
|
||||
import Link from "next/link";
|
||||
import { AnmeldeFormular } from "@/components/auth/AnmeldeFormular";
|
||||
import { Logo } from "@/components/Logo";
|
||||
import { oidcEinstellungen } from "@/server/auth/oidc";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
export const metadata = { title: "Anmelden" };
|
||||
|
||||
type SuchParameter = Promise<Record<string, string | string[] | undefined>>;
|
||||
|
||||
export default async function AnmeldeSeite({ searchParams }: { searchParams: SuchParameter }) {
|
||||
const roh = await searchParams;
|
||||
const einzeln = (wert: string | string[] | undefined) => (Array.isArray(wert) ? wert[0] : wert);
|
||||
const ziel = einzeln(roh.ziel) ?? "/";
|
||||
const fehler = einzeln(roh.fehler);
|
||||
const oidc = oidcEinstellungen();
|
||||
|
||||
return (
|
||||
<main className="d-flex align-items-center justify-content-center min-vh-100 p-3">
|
||||
<div style={{ width: "min(24rem, 100%)" }}>
|
||||
<div className="text-center mb-4">
|
||||
<Logo groesse={64} titel="ProxLedger" />
|
||||
<h1 className="h4 mt-3 mb-1" style={{ fontWeight: 300 }}>
|
||||
ProxLedger
|
||||
</h1>
|
||||
<p className="text-body-secondary small mb-0">Proxmox Subscription Dashboard</p>
|
||||
</div>
|
||||
|
||||
<div className="card shadow-sm">
|
||||
<div className="card-body">
|
||||
{fehler ? (
|
||||
<div className="alert alert-danger py-2" role="alert">
|
||||
{fehler === "oidc"
|
||||
? "Die Anmeldung über den Anbieter hat nicht geklappt."
|
||||
: "Anmeldung nicht möglich."}
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
{oidc ? (
|
||||
<>
|
||||
<Link
|
||||
href={`/api/auth/oidc/start?ziel=${encodeURIComponent(ziel)}`}
|
||||
className="btn btn-primary w-100 pl-touch-target mb-3"
|
||||
>
|
||||
<i className="bi bi-box-arrow-in-right me-1" aria-hidden="true" />
|
||||
Mit {oidc.bezeichnung} anmelden
|
||||
</Link>
|
||||
<div className="text-center text-body-secondary small mb-3">oder mit Passwort</div>
|
||||
</>
|
||||
) : null}
|
||||
|
||||
<AnmeldeFormular ziel={ziel} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p className="text-center text-body-secondary small mt-3 mb-0">
|
||||
Der lokale Zugang bleibt auch dann nutzbar, wenn der Anmeldedienst ausfällt.
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,112 @@
|
||||
import Link from "next/link";
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { formatDatumZeit } from "@/lib/format";
|
||||
|
||||
export const metadata = { title: "Protokoll" };
|
||||
|
||||
type SuchParameter = Promise<Record<string, string | string[] | undefined>>;
|
||||
|
||||
export default async function AuditSeite({ searchParams }: { searchParams: SuchParameter }) {
|
||||
const roh = await searchParams;
|
||||
const einzeln = (wert: string | string[] | undefined) => (Array.isArray(wert) ? wert[0] : wert);
|
||||
const aktion = einzeln(roh.aktion);
|
||||
const entitaet = einzeln(roh.entitaet);
|
||||
|
||||
const [eintraege, aktionen] = await Promise.all([
|
||||
prisma.auditEintrag.findMany({
|
||||
where: {
|
||||
...(aktion ? { aktion } : {}),
|
||||
...(entitaet ? { entitaet } : {}),
|
||||
},
|
||||
orderBy: { erstelltAm: "desc" },
|
||||
take: 200,
|
||||
include: { benutzer: { select: { name: true, email: true } } },
|
||||
}),
|
||||
prisma.auditEintrag.groupBy({ by: ["aktion"], _count: { _all: true }, orderBy: { aktion: "asc" } }),
|
||||
]);
|
||||
|
||||
return (
|
||||
<>
|
||||
<ContentHeader titel="Protokoll" brotkrumen={[{ titel: "Einstellungen" }, { titel: "Protokoll" }]} />
|
||||
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
<Card titel={`Letzte ${eintraege.length} Einträge`} rahmen="primary" tabelle>
|
||||
<form className="row g-2 p-3 border-bottom">
|
||||
<div className="col-md-4">
|
||||
<select name="aktion" defaultValue={aktion ?? ""} className="form-select" aria-label="Aktion">
|
||||
<option value="">Alle Aktionen</option>
|
||||
{aktionen.map((eintrag) => (
|
||||
<option key={eintrag.aktion} value={eintrag.aktion}>
|
||||
{eintrag.aktion} ({eintrag._count._all})
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-md-3">
|
||||
<input
|
||||
name="entitaet"
|
||||
defaultValue={entitaet ?? ""}
|
||||
className="form-control"
|
||||
placeholder="Entität, z. B. Host"
|
||||
aria-label="Entität"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-2">
|
||||
<button type="submit" className="btn btn-primary w-100">
|
||||
Filtern
|
||||
</button>
|
||||
</div>
|
||||
<div className="col-md-3 d-flex align-items-center">
|
||||
{aktion || entitaet ? <Link href="/einstellungen/audit">Filter zurücksetzen</Link> : null}
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Zeitpunkt</th>
|
||||
<th scope="col">Aktion</th>
|
||||
<th scope="col">Entität</th>
|
||||
<th scope="col">Benutzer</th>
|
||||
<th scope="col">Details</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{eintraege.map((eintrag) => (
|
||||
<tr key={eintrag.id}>
|
||||
<td className="small">{formatDatumZeit(eintrag.erstelltAm)}</td>
|
||||
<td className="pl-mono small">{eintrag.aktion}</td>
|
||||
<td className="small">
|
||||
{eintrag.entitaet}
|
||||
{eintrag.entitaetId ? (
|
||||
<div className="text-body-secondary pl-mono">{eintrag.entitaetId}</div>
|
||||
) : null}
|
||||
</td>
|
||||
<td className="small">{eintrag.benutzer?.name ?? "System"}</td>
|
||||
<td className="small text-body-secondary" style={{ maxWidth: "28rem" }}>
|
||||
<span className="d-inline-block text-truncate w-100">
|
||||
{eintrag.aenderung ? JSON.stringify(eintrag.aenderung) : "–"}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
{eintraege.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={5} className="text-center text-body-secondary py-4">
|
||||
Keine Einträge gefunden.
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -1,21 +1,199 @@
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import {
|
||||
EmailFormular,
|
||||
WebhookFormular,
|
||||
type EmailWerte,
|
||||
type WebhookWerte,
|
||||
} from "@/components/benachrichtigungen/KanalFormulare";
|
||||
import { Badge } from "@/components/ui/Badges";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { formatDatumZeit } from "@/lib/format";
|
||||
import {
|
||||
kanalLoeschen,
|
||||
testSenden,
|
||||
zusammenfassungJetztSenden,
|
||||
zusammenfassungSpeichern,
|
||||
} from "@/server/actions/benachrichtigungen";
|
||||
import type { EmailKonfiguration, WebhookKonfiguration } from "@/server/notifications/kanaele";
|
||||
|
||||
export const metadata = { title: "Benachrichtigungen" };
|
||||
|
||||
export default function BenachrichtigungenSeite() {
|
||||
export default async function BenachrichtigungenSeite() {
|
||||
const [kanaele, protokoll, einstellung] = await Promise.all([
|
||||
prisma.benachrichtigungskanal.findMany({ orderBy: { erstelltAm: "asc" } }),
|
||||
prisma.benachrichtigung.findMany({ orderBy: { erstelltAm: "desc" }, take: 20 }),
|
||||
prisma.einstellung.findUnique({ where: { schluessel: "zusammenfassung" } }),
|
||||
]);
|
||||
|
||||
const emailKanal = kanaele.find((kanal) => kanal.typ === "EMAIL");
|
||||
const webhookKanal = kanaele.find((kanal) => kanal.typ === "WEBHOOK");
|
||||
const emailKonfiguration = emailKanal?.konfiguration as unknown as EmailKonfiguration | undefined;
|
||||
const webhookKonfiguration = webhookKanal?.konfiguration as unknown as WebhookKonfiguration | undefined;
|
||||
const zeitraum = (einstellung?.wert as { zeitraum?: string } | null)?.zeitraum ?? "aus";
|
||||
|
||||
const emailWerte: EmailWerte = {
|
||||
id: emailKanal?.id ?? null,
|
||||
name: emailKanal?.name ?? "E-Mail",
|
||||
aktiv: emailKanal?.aktiv ?? true,
|
||||
host: emailKonfiguration?.host ?? "",
|
||||
port: emailKonfiguration?.port ?? 587,
|
||||
benutzer: emailKonfiguration?.benutzer ?? "",
|
||||
absender: emailKonfiguration?.absender ?? "",
|
||||
empfaenger: emailKonfiguration?.empfaenger?.join(", ") ?? "",
|
||||
passwortGesetzt: Boolean(emailKonfiguration?.passwort),
|
||||
};
|
||||
|
||||
const webhookWerte: WebhookWerte = {
|
||||
id: webhookKanal?.id ?? null,
|
||||
name: webhookKanal?.name ?? "Webhook",
|
||||
aktiv: webhookKanal?.aktiv ?? true,
|
||||
url: webhookKonfiguration?.url ?? "",
|
||||
geheimnisGesetzt: Boolean(webhookKonfiguration?.geheimnis),
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<ContentHeader
|
||||
titel="Benachrichtigungen"
|
||||
brotkrumen={[{ titel: "Einstellungen" }, { titel: "Benachrichtigungen" }]}
|
||||
/>
|
||||
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
<Card titel="E-Mail und Webhook" rahmen="primary">
|
||||
<p className="text-body-secondary mb-0">
|
||||
SMTP (Microsoft 365), Webhooks und die tägliche Zusammenfassung werden in #012 umgesetzt.
|
||||
<Card
|
||||
titel="E-Mail (SMTP)"
|
||||
rahmen="primary"
|
||||
werkzeuge={
|
||||
emailKanal ? (
|
||||
<div className="d-flex gap-2">
|
||||
<form action={testSenden}>
|
||||
<input type="hidden" name="id" value={emailKanal.id} />
|
||||
<button type="submit" className="btn btn-sm btn-outline-primary">
|
||||
Test senden
|
||||
</button>
|
||||
</form>
|
||||
<form action={kanalLoeschen}>
|
||||
<input type="hidden" name="id" value={emailKanal.id} />
|
||||
<button type="submit" className="btn btn-sm btn-outline-danger">
|
||||
Entfernen
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
) : null
|
||||
}
|
||||
>
|
||||
<p className="text-body-secondary">
|
||||
Für Microsoft 365: Server <span className="pl-mono">smtp.office365.com</span>, Port 587,
|
||||
Benutzer und Absender identisch mit dem Postfach. Das Passwort wird in der Datenbank gespeichert
|
||||
und nie wieder angezeigt.
|
||||
</p>
|
||||
<EmailFormular werte={emailWerte} />
|
||||
</Card>
|
||||
|
||||
<Card
|
||||
titel="Webhook"
|
||||
rahmen="info"
|
||||
werkzeuge={
|
||||
webhookKanal ? (
|
||||
<div className="d-flex gap-2">
|
||||
<form action={testSenden}>
|
||||
<input type="hidden" name="id" value={webhookKanal.id} />
|
||||
<button type="submit" className="btn btn-sm btn-outline-primary">
|
||||
Test senden
|
||||
</button>
|
||||
</form>
|
||||
<form action={kanalLoeschen}>
|
||||
<input type="hidden" name="id" value={webhookKanal.id} />
|
||||
<button type="submit" className="btn btn-sm btn-outline-danger">
|
||||
Entfernen
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
) : null
|
||||
}
|
||||
>
|
||||
<p className="text-body-secondary">
|
||||
Verschickt JSON mit Betreff, Text und strukturierten Feldern – damit lassen sich Matrix, Zabbix
|
||||
oder Home Assistant anbinden.
|
||||
</p>
|
||||
<WebhookFormular werte={webhookWerte} />
|
||||
</Card>
|
||||
|
||||
<Card titel="Zusammenfassung" rahmen="info">
|
||||
<form action={zusammenfassungSpeichern} className="row g-2 align-items-end">
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="zeitraum">
|
||||
Regelmäßige Übersicht
|
||||
</label>
|
||||
<select id="zeitraum" name="zeitraum" className="form-select" defaultValue={zeitraum}>
|
||||
<option value="aus">aus</option>
|
||||
<option value="taeglich">täglich um 07:00 Uhr</option>
|
||||
<option value="woechentlich">wöchentlich, montags um 07:00 Uhr</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-md-3">
|
||||
<button type="submit" className="btn btn-primary w-100">
|
||||
Speichern
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form action={zusammenfassungJetztSenden} className="mt-3">
|
||||
<input
|
||||
type="hidden"
|
||||
name="zeitraum"
|
||||
value={zeitraum === "woechentlich" ? "woechentlich" : "taeglich"}
|
||||
/>
|
||||
<button type="submit" className="btn btn-outline-secondary btn-sm">
|
||||
Zusammenfassung jetzt senden
|
||||
</button>
|
||||
</form>
|
||||
</Card>
|
||||
|
||||
<Card titel="Versandprotokoll" rahmen="info" tabelle>
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Zeitpunkt</th>
|
||||
<th scope="col">Weg</th>
|
||||
<th scope="col">Empfänger</th>
|
||||
<th scope="col">Betreff</th>
|
||||
<th scope="col">Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{protokoll.map((eintrag) => (
|
||||
<tr key={eintrag.id}>
|
||||
<td className="small">{formatDatumZeit(eintrag.erstelltAm)}</td>
|
||||
<td>{eintrag.kanal === "EMAIL" ? "E-Mail" : "Webhook"}</td>
|
||||
<td className="small">{eintrag.empfaenger}</td>
|
||||
<td className="small">{eintrag.betreff ?? "–"}</td>
|
||||
<td>
|
||||
{eintrag.status === "GESENDET" ? (
|
||||
<Badge farbe="success">Gesendet</Badge>
|
||||
) : eintrag.status === "FEHLGESCHLAGEN" ? (
|
||||
<>
|
||||
<Badge farbe="danger">Fehlgeschlagen</Badge>
|
||||
<div className="small text-body-secondary">{eintrag.fehler}</div>
|
||||
</>
|
||||
) : (
|
||||
<Badge farbe="neutral">Wartend</Badge>
|
||||
)}
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
{protokoll.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={5} className="text-center text-body-secondary py-4">
|
||||
Noch nichts versendet.
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -0,0 +1,57 @@
|
||||
import Link from "next/link";
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import { WarnregelFormular, type RegelAnzeige } from "@/components/alerts/WarnregelFormular";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { warnregelnSicherstellen } from "@/server/alerts/abgleich";
|
||||
import { REGELN } from "@/server/alerts/regeln";
|
||||
|
||||
export const metadata = { title: "Warnregeln" };
|
||||
|
||||
const BESCHRIFTUNGEN: Record<string, string> = {
|
||||
tage: "Tage (mehrere Stufen mit Komma)",
|
||||
stunden: "Stunden",
|
||||
};
|
||||
|
||||
export default async function WarnregelnSeite() {
|
||||
await warnregelnSicherstellen();
|
||||
const gespeichert = await prisma.warnregelEinstellung.findMany();
|
||||
const nachName = new Map(gespeichert.map((eintrag) => [eintrag.regel, eintrag]));
|
||||
|
||||
const regeln: RegelAnzeige[] = REGELN.map((regel) => {
|
||||
const eintrag = nachName.get(regel.name);
|
||||
const werte = (eintrag?.schwellwerte ?? regel.standardSchwellwerte) as Record<string, unknown>;
|
||||
|
||||
return {
|
||||
name: regel.name,
|
||||
beschreibung: regel.beschreibung,
|
||||
aktiv: eintrag?.aktiv ?? true,
|
||||
schwellwerte: Object.keys(regel.standardSchwellwerte).map((schluessel) => ({
|
||||
name: schluessel,
|
||||
beschriftung: BESCHRIFTUNGEN[schluessel] ?? schluessel,
|
||||
wert: Array.isArray(werte[schluessel])
|
||||
? (werte[schluessel] as number[]).join(", ")
|
||||
: String(werte[schluessel] ?? ""),
|
||||
})),
|
||||
};
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
<ContentHeader titel="Warnregeln" brotkrumen={[{ titel: "Einstellungen" }, { titel: "Warnregeln" }]} />
|
||||
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
<Card titel="Regeln und Schwellwerte" rahmen="primary">
|
||||
<p className="text-body-secondary">
|
||||
Die Regeln laufen stündlich im Worker und zusätzlich nach jedem eingehenden Report. Eine Warnung
|
||||
wird nur einmal geöffnet und schließt sich selbst, sobald die Ursache behoben ist. Offene
|
||||
Warnungen stehen unter <Link href="/warnungen">Warnungen</Link>.
|
||||
</p>
|
||||
<WarnregelFormular regeln={regeln} />
|
||||
</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,51 +38,52 @@ 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">
|
||||
<ul className="list-unstyled mb-0">
|
||||
{alerts.map((alert) => (
|
||||
<li key={alert.id} className="mb-2">
|
||||
<Badge
|
||||
farbe={
|
||||
alert.schwere === "gefahr"
|
||||
? "danger"
|
||||
: alert.schwere === "warnung"
|
||||
? "warning"
|
||||
: "info"
|
||||
}
|
||||
>
|
||||
{alert.titel}
|
||||
</Badge>{" "}
|
||||
<span className="small text-body-secondary">{alert.beschreibung}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
{host.alerts.length > 0 ? (
|
||||
<Card titel={`Offene Warnungen (${host.alerts.length})`} rahmen="danger">
|
||||
<ul className="list-unstyled mb-0">
|
||||
{host.alerts.map((alert) => (
|
||||
<li key={alert.id} className="mb-2">
|
||||
<Badge
|
||||
farbe={
|
||||
alert.schwere === "GEFAHR"
|
||||
? "danger"
|
||||
: alert.schwere === "WARNUNG"
|
||||
? "warning"
|
||||
: "info"
|
||||
}
|
||||
>
|
||||
{alert.titel}
|
||||
</Badge>{" "}
|
||||
<span className="small text-body-secondary">{alert.beschreibung}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</Card>
|
||||
) : 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>
|
||||
</div>
|
||||
<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,93 +169,150 @@ 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}
|
||||
</span>
|
||||
))}
|
||||
{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">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Key</th>
|
||||
<th scope="col">Erste Laufzeit</th>
|
||||
<th scope="col">Letzte Laufzeit</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{keys.map((key) => {
|
||||
const zugehoerig = laufzeiten.filter((l) => l.key === key);
|
||||
return (
|
||||
<tr key={key}>
|
||||
<>
|
||||
<h3 className="h6">Keys</h3>
|
||||
<table className="table table-striped align-middle mb-4">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Key</th>
|
||||
<th scope="col">Erstmals gemeldet</th>
|
||||
<th scope="col">Zuletzt gemeldet</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{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>
|
||||
);
|
||||
})}
|
||||
</tbody>
|
||||
</table>
|
||||
))}
|
||||
{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: (
|
||||
<table className="table table-striped align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Zeitpunkt</th>
|
||||
<th scope="col">Status</th>
|
||||
<th scope="col">Key</th>
|
||||
<th scope="col">Ablauf</th>
|
||||
<th scope="col">Updates</th>
|
||||
<th scope="col">Agent</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{reports.map((report) => (
|
||||
<tr key={report.id}>
|
||||
<td>{formatDatumZeit(report.zeitpunkt)}</td>
|
||||
<td>
|
||||
<StatusBadge status={report.status} />
|
||||
</td>
|
||||
<td>
|
||||
<span className="pl-mono">{report.key ?? "–"}</span>
|
||||
</td>
|
||||
<td>{formatDatum(report.nextduedate)}</td>
|
||||
<td>{formatZahl(report.paketUpdates)}</td>
|
||||
<td>{report.agentVersion}</td>
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<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>
|
||||
<th scope="col">Updates</th>
|
||||
<th scope="col">Agent</th>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</thead>
|
||||
<tbody>
|
||||
{host.reports.map((report) => (
|
||||
<tr key={report.id}>
|
||||
<td>{formatDatumZeit(report.erhobenAm)}</td>
|
||||
<td className="small text-body-secondary">
|
||||
{formatDatumZeit(report.empfangenAm)}
|
||||
</td>
|
||||
<td>
|
||||
<StatusBadge status={report.subStatus} />
|
||||
</td>
|
||||
<td className="pl-mono">{report.subKey ?? "–"}</td>
|
||||
<td>{formatDatum(report.subNextduedate)}</td>
|
||||
<td>{formatZahl(report.paketUpdates)}</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,69 +320,141 @@ export default async function HostDetailSeite({ params }: { params: Promise<{ id
|
||||
titel: "Rechnungen",
|
||||
icon: "bi-receipt",
|
||||
inhalt: (
|
||||
<table className="table table-striped align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Laufzeit</th>
|
||||
<th scope="col">Proxmox-Rechnung</th>
|
||||
<th scope="col">Einkauf</th>
|
||||
<th scope="col">Kundenrechnung</th>
|
||||
<th scope="col">Verkauf</th>
|
||||
<th scope="col">Marge</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{laufzeiten.map((laufzeit) => (
|
||||
<tr key={laufzeit.id}>
|
||||
<td>
|
||||
{formatDatum(laufzeit.start)} – {formatDatum(laufzeit.ende)}
|
||||
{laufzeit.vorschlag ? (
|
||||
<span className="badge pl-bg-info ms-2">Vorschlag</span>
|
||||
) : null}
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={laufzeit.einkauf?.nummer ?? null} />
|
||||
<div>
|
||||
<EinkaufBadge
|
||||
bezahlt={laufzeit.einkauf ? laufzeit.einkauf.bezahlt : null}
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>{formatEuro(laufzeit.einkauf?.nettoBetrag)}</td>
|
||||
<td>
|
||||
<CopyableCode wert={laufzeit.verkauf?.nummer ?? null} />
|
||||
<div>
|
||||
<VerkaufBadge
|
||||
erstellt={laufzeit.verkauf?.erstellt ?? false}
|
||||
bezahlt={laufzeit.verkauf?.bezahlt ?? false}
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>{formatEuro(laufzeit.verkauf?.nettoBetrag)}</td>
|
||||
<td>
|
||||
{laufzeit.einkauf && laufzeit.verkauf?.nettoBetrag
|
||||
? formatEuro(
|
||||
(laufzeit.verkauf.nettoBetrag ?? 0) -
|
||||
(laufzeit.einkauf.nettoBetrag ?? 0),
|
||||
)
|
||||
: "–"}
|
||||
</td>
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Laufzeit</th>
|
||||
<th scope="col">Proxmox-Rechnung</th>
|
||||
<th scope="col">Einkauf</th>
|
||||
<th scope="col">Kundenrechnung</th>
|
||||
<th scope="col">Verkauf</th>
|
||||
<th scope="col">Marge</th>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</thead>
|
||||
<tbody>
|
||||
{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.status === "VORSCHLAG" ? (
|
||||
<span className="badge pl-bg-info ms-2">Vorschlag</span>
|
||||
) : null}
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={laufzeit.proxmoxPosition?.rechnung.nummer ?? null} />
|
||||
<div>
|
||||
<EinkaufBadge
|
||||
bezahlt={
|
||||
laufzeit.proxmoxPosition
|
||||
? laufzeit.proxmoxPosition.rechnung.bezahlt
|
||||
: null
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>{formatEuro(einkauf)}</td>
|
||||
<td>
|
||||
<CopyableCode wert={laufzeit.kundenPosition?.rechnung.nummer ?? null} />
|
||||
<div>
|
||||
<VerkaufBadge
|
||||
erstellt={laufzeit.kundenPosition?.rechnung.erstellt ?? false}
|
||||
bezahlt={laufzeit.kundenPosition?.rechnung.bezahlt ?? false}
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>{formatEuro(verkauf)}</td>
|
||||
<td>
|
||||
{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>
|
||||
)}
|
||||
</p>
|
||||
<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>
|
||||
)}
|
||||
</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,107 @@
|
||||
import { PRODUKT_TEXT, STATUS_TEXT, statusAusDatenbank } from "@/lib/anzeige";
|
||||
import { csvAntwort, csvDatei } from "@/lib/csv";
|
||||
import { formatDatum } from "@/lib/format";
|
||||
import { Bericht, pdfAntwort, Tabelle } from "@/server/pdf/dokument";
|
||||
import { hostListe, type HostFilter } from "@/server/queries/hostliste";
|
||||
|
||||
type ExportHost = Awaited<ReturnType<typeof hostListe>>["hosts"][number];
|
||||
|
||||
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: ExportHost[] = [];
|
||||
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 datum = new Date().toISOString().slice(0, 10);
|
||||
|
||||
if (new URL(request.url).searchParams.get("format") === "pdf") {
|
||||
return pdfAntwort(
|
||||
Bericht({
|
||||
titel: "Host-Liste",
|
||||
untertitel: `${alle.length} Hosts`,
|
||||
quer: true,
|
||||
children: Tabelle({
|
||||
spalten: [
|
||||
{ titel: "Host", breite: 18, wert: (h: ExportHost) => h.hostname },
|
||||
{ titel: "Kunde", breite: 18, wert: (h) => h.kunde?.name ?? "Nicht zugeordnet" },
|
||||
{ titel: "Produkt", breite: 15, wert: (h) => PRODUKT_TEXT[h.produkt] },
|
||||
{ titel: "Status", breite: 12, wert: (h) => STATUS_TEXT[statusAusDatenbank(h.subStatus)] },
|
||||
{ titel: "Key", breite: 15, wert: (h) => h.subKey ?? "–" },
|
||||
{
|
||||
titel: "Sockets",
|
||||
breite: 8,
|
||||
wert: (h) => `${h.subLizenzierteSockets ?? "–"} / ${h.sockets ?? "–"}`,
|
||||
rechts: true,
|
||||
},
|
||||
{
|
||||
titel: "Ablauf",
|
||||
breite: 14,
|
||||
wert: (h) => (h.subNextduedate ? formatDatum(h.subNextduedate) : "–"),
|
||||
rechts: true,
|
||||
},
|
||||
],
|
||||
zeilen: alle,
|
||||
}),
|
||||
}),
|
||||
`proxledger-hosts-${datum}.pdf`,
|
||||
);
|
||||
}
|
||||
|
||||
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,
|
||||
]),
|
||||
);
|
||||
|
||||
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.
|
||||
</Callout>
|
||||
{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
|
||||
/>
|
||||
</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>
|
||||
{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}
|
||||
|
||||
<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>
|
||||
{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}
|
||||
/>
|
||||
</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 (
|
||||
<tr key={host.id}>
|
||||
<td>
|
||||
<Link href={`/hosts/${host.id}`} className="fw-semibold text-decoration-none">
|
||||
{host.hostname}
|
||||
{hosts.map((host) => (
|
||||
<tr key={host.id}>
|
||||
<td>
|
||||
<Link href={`/hosts/${host.id}`} className="fw-semibold text-decoration-none">
|
||||
{host.hostname}
|
||||
</Link>
|
||||
{host.meldetNicht ? <KeineMeldungBadge /> : null}
|
||||
<div className="small text-body-secondary">{host.ips.join(", ") || "–"}</div>
|
||||
</td>
|
||||
<td>
|
||||
{host.kunde ? (
|
||||
<Link href={`/kunden/${host.kunde.id}`} className="text-decoration-none">
|
||||
{host.kunde.name}
|
||||
</Link>
|
||||
{hostMeldetNicht(host) ? <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}
|
||||
</Link>
|
||||
) : (
|
||||
<span className="badge pl-bg-neutral">Nicht zugeordnet</span>
|
||||
)}
|
||||
</td>
|
||||
<td>{PRODUKT_NAME[host.produkt]}</td>
|
||||
<td>
|
||||
<StatusBadge status={host.subscription.status} />
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={host.subscription.key} />
|
||||
</td>
|
||||
<td>
|
||||
<AblaufBadge datum={host.subscription.nextduedate} heute={HEUTE} />
|
||||
</td>
|
||||
<td>
|
||||
{host.subscription.lizenzierteSockets ?? "–"} / {host.sockets ?? "–"}
|
||||
{socketAbweichung ? (
|
||||
<i
|
||||
className="bi bi-exclamation-triangle-fill pl-text-warning ms-2"
|
||||
title="Lizenzierte und physische Sockets weichen ab"
|
||||
/>
|
||||
) : null}
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
{liste.length === 0 ? (
|
||||
) : (
|
||||
<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_TEXT[host.produkt]}</td>
|
||||
<td>
|
||||
<StatusBadge status={host.subStatus} />
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={host.subKey} />
|
||||
</td>
|
||||
<td>
|
||||
<AblaufBadge datum={host.subNextduedate?.toISOString() ?? null} heute={jetzt} />
|
||||
</td>
|
||||
<td>
|
||||
{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>
|
||||
))}
|
||||
{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>
|
||||
|
||||
@@ -1,26 +1,31 @@
|
||||
import Link from "next/link";
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import { AblaufBadge, EinkaufBadge, VerkaufBadge } from "@/components/ui/Badges";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import { formatDatum, tageBis } from "@/lib/format";
|
||||
import { HEUTE, hosts, kunden } from "@/mock/data";
|
||||
import { CopyableCode } from "@/components/ui/CopyableCode";
|
||||
import { formatDatum, formatTageBis } from "@/lib/format";
|
||||
import { ablaufDaten } from "@/server/queries/jahresbahn";
|
||||
|
||||
export const metadata = { title: "Jahresbahn" };
|
||||
|
||||
const MONATE = ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"];
|
||||
const GESAMT_TAGE = 365;
|
||||
|
||||
export default function JahresbahnSeite() {
|
||||
const start = new Date(Date.UTC(HEUTE.getUTCFullYear(), HEUTE.getUTCMonth(), 1));
|
||||
const gesamtTage = 365;
|
||||
export default async function JahresbahnSeite() {
|
||||
const jetzt = new Date();
|
||||
const { gruppen, naechste90Tage, abgelaufen } = await ablaufDaten(jetzt);
|
||||
|
||||
function position(datum: string): number | null {
|
||||
const tage = Math.round((new Date(datum).getTime() - start.getTime()) / 86_400_000);
|
||||
if (tage < 0 || tage > gesamtTage) return null;
|
||||
return (tage / gesamtTage) * 100;
|
||||
// Die Bahn beginnt am Ersten des laufenden Monats und zeigt zwölf Monate.
|
||||
const start = new Date(Date.UTC(jetzt.getUTCFullYear(), jetzt.getUTCMonth(), 1));
|
||||
|
||||
function position(datum: Date): number | null {
|
||||
const tage = Math.round((datum.getTime() - start.getTime()) / 86_400_000);
|
||||
if (tage < 0 || tage > GESAMT_TAGE) return null;
|
||||
return (tage / GESAMT_TAGE) * 100;
|
||||
}
|
||||
|
||||
const heutePosition = position(HEUTE.toISOString().slice(0, 10)) ?? 0;
|
||||
|
||||
const monatsBeschriftung = Array.from({ length: 12 }, (_, i) => {
|
||||
const heutePosition = position(jetzt) ?? 0;
|
||||
const monate = Array.from({ length: 12 }, (_, i) => {
|
||||
const datum = new Date(Date.UTC(start.getUTCFullYear(), start.getUTCMonth() + i, 1));
|
||||
return `${MONATE[datum.getUTCMonth()]} ${String(datum.getUTCFullYear()).slice(2)}`;
|
||||
});
|
||||
@@ -31,79 +36,175 @@ export default function JahresbahnSeite() {
|
||||
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
<Card titel="Abläufe der nächsten 12 Monate" rahmen="primary">
|
||||
<div className="table-responsive">
|
||||
<div style={{ minWidth: "760px" }}>
|
||||
<div className="d-flex text-body-secondary small mb-2" style={{ marginLeft: "12rem" }}>
|
||||
{monatsBeschriftung.map((monat) => (
|
||||
<div key={monat} style={{ width: `${100 / 12}%` }}>
|
||||
{monat}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{kunden.map((kunde) => {
|
||||
const eigene = hosts.filter(
|
||||
(h) => h.kundeId === kunde.id && h.subscription.nextduedate !== null,
|
||||
);
|
||||
if (eigene.length === 0) return null;
|
||||
return (
|
||||
<div key={kunde.id} className="mb-3">
|
||||
<div className="fw-semibold small mb-1">
|
||||
<Link href={`/kunden/${kunde.id}`} className="text-decoration-none">
|
||||
{kunde.name}
|
||||
</Link>
|
||||
<Card titel="Abläufe der nächsten zwölf Monate" rahmen="primary">
|
||||
{gruppen.length === 0 ? (
|
||||
<p className="mb-0 text-body-secondary">Noch kein Host mit Ablaufdatum gemeldet.</p>
|
||||
) : (
|
||||
<div className="table-responsive">
|
||||
<div style={{ minWidth: "820px" }}>
|
||||
<div className="d-flex text-body-secondary small mb-2" style={{ marginLeft: "13rem" }}>
|
||||
{monate.map((monat) => (
|
||||
<div key={monat} style={{ width: `${100 / 12}%` }}>
|
||||
{monat}
|
||||
</div>
|
||||
{eigene.map((host) => {
|
||||
const datum = host.subscription.nextduedate!;
|
||||
const links = position(datum.slice(0, 10));
|
||||
const tage = tageBis(datum, HEUTE);
|
||||
))}
|
||||
</div>
|
||||
|
||||
{gruppen.map((gruppe) => (
|
||||
<div key={gruppe.kundeId ?? "ohne"} className="mb-3">
|
||||
<div className="fw-semibold small mb-1">
|
||||
{gruppe.kundeId ? (
|
||||
<Link href={`/kunden/${gruppe.kundeId}`} className="text-decoration-none">
|
||||
{gruppe.name}
|
||||
</Link>
|
||||
) : (
|
||||
<span className="badge pl-bg-neutral">{gruppe.name}</span>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{gruppe.eintraege.map((eintrag) => {
|
||||
const links = position(eintrag.ablauf);
|
||||
const farbe =
|
||||
tage === null || tage < 14
|
||||
eintrag.tage < 14
|
||||
? "var(--pl-danger)"
|
||||
: tage < 30
|
||||
: eintrag.tage < 30
|
||||
? "var(--pl-warning)"
|
||||
: "var(--pl-info)";
|
||||
return (
|
||||
<div key={host.id} className="d-flex align-items-center mb-1">
|
||||
<div className="small text-truncate" style={{ width: "12rem" }}>
|
||||
<Link href={`/hosts/${host.id}`} className="text-decoration-none">
|
||||
{host.hostname}
|
||||
<div key={eintrag.hostId} className="d-flex align-items-center mb-1">
|
||||
<div className="small text-truncate" style={{ width: "13rem" }}>
|
||||
<Link href={`/hosts/${eintrag.hostId}`} className="text-decoration-none">
|
||||
{eintrag.hostname}
|
||||
</Link>
|
||||
</div>
|
||||
<div className="pl-timeline-row flex-grow-1 position-relative">
|
||||
<div className="pl-timeline-heute" style={{ left: `${heutePosition}%` }} />
|
||||
{links === null ? (
|
||||
<span className="small text-body-secondary ms-2">
|
||||
außerhalb des Zeitraums ({formatDatum(datum)})
|
||||
außerhalb des Zeitraums ({formatDatum(eintrag.ablauf)})
|
||||
</span>
|
||||
) : (
|
||||
<div
|
||||
className="pl-timeline-bar"
|
||||
<Link
|
||||
href={
|
||||
eintrag.laufzeitId
|
||||
? `/rechnungen/${eintrag.laufzeitId}`
|
||||
: `/hosts/${eintrag.hostId}`
|
||||
}
|
||||
className="pl-timeline-bar text-decoration-none"
|
||||
style={{
|
||||
left: `${Math.max(0, links - 6)}%`,
|
||||
left: `${Math.min(92, Math.max(0, links - 5))}%`,
|
||||
backgroundColor: farbe,
|
||||
color: farbe === "var(--pl-warning)" ? "var(--pl-warning-text)" : "#fff",
|
||||
}}
|
||||
title={`${host.hostname} läuft am ${formatDatum(datum)} ab`}
|
||||
title={`${eintrag.hostname} läuft am ${formatDatum(eintrag.ablauf)} ab`}
|
||||
>
|
||||
{formatDatum(datum)}
|
||||
</div>
|
||||
{formatDatum(eintrag.ablauf)}
|
||||
</Link>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<p className="small text-body-secondary mb-0">
|
||||
Die rote Linie markiert heute ({formatDatum(HEUTE)}). Farbe der Balken: rot unter 14 Tagen, gelb
|
||||
unter 30 Tagen, sonst blau.
|
||||
Die rote Linie markiert heute ({formatDatum(jetzt)}). Balkenfarbe: rot unter 14 Tagen, gelb
|
||||
unter 30 Tagen, sonst blau. Ein Klick führt zur Laufzeit mit ihren Rechnungen.
|
||||
</p>
|
||||
</Card>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-lg-8">
|
||||
<Card
|
||||
titel={`Ablauf-Kalender: nächste 90 Tage (${naechste90Tage.length})`}
|
||||
rahmen="warning"
|
||||
tabelle
|
||||
>
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Ablauf</th>
|
||||
<th scope="col">Host</th>
|
||||
<th scope="col">Kunde</th>
|
||||
<th scope="col">Key</th>
|
||||
<th scope="col">Proxmox</th>
|
||||
<th scope="col">Kundenrechnung</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{naechste90Tage.map((eintrag) => (
|
||||
<tr key={eintrag.hostId}>
|
||||
<td>
|
||||
<AblaufBadge datum={eintrag.ablauf.toISOString()} heute={jetzt} />
|
||||
</td>
|
||||
<td>
|
||||
<Link href={`/hosts/${eintrag.hostId}`} className="text-decoration-none">
|
||||
{eintrag.hostname}
|
||||
</Link>
|
||||
</td>
|
||||
<td>
|
||||
{eintrag.kunde ? (
|
||||
<Link href={`/kunden/${eintrag.kunde.id}`} className="text-decoration-none">
|
||||
{eintrag.kunde.name}
|
||||
</Link>
|
||||
) : (
|
||||
<span className="badge pl-bg-neutral">Nicht zugeordnet</span>
|
||||
)}
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={eintrag.key} />
|
||||
</td>
|
||||
<td>
|
||||
<EinkaufBadge bezahlt={eintrag.einkaufBezahlt} />
|
||||
</td>
|
||||
<td>
|
||||
<VerkaufBadge erstellt={eintrag.verkaufErstellt ?? false} bezahlt={false} />
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
{naechste90Tage.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={6} className="text-center text-body-secondary py-4">
|
||||
In den nächsten 90 Tagen läuft nichts ab.
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4">
|
||||
<Card
|
||||
titel={`Bereits abgelaufen (${abgelaufen.length})`}
|
||||
rahmen={abgelaufen.length > 0 ? "danger" : "info"}
|
||||
>
|
||||
{abgelaufen.length === 0 ? (
|
||||
<p className="mb-0 text-body-secondary">Keine abgelaufenen Subscriptions.</p>
|
||||
) : (
|
||||
<ul className="list-unstyled mb-0">
|
||||
{abgelaufen.map((eintrag) => (
|
||||
<li key={eintrag.hostId} className="mb-2">
|
||||
<Link href={`/hosts/${eintrag.hostId}`} className="fw-semibold text-decoration-none">
|
||||
{eintrag.hostname}
|
||||
</Link>
|
||||
<div className="small text-body-secondary">
|
||||
{eintrag.kunde?.name ?? "Nicht zugeordnet"} · {formatDatum(eintrag.ablauf)} (
|
||||
{formatTageBis(eintrag.tage)})
|
||||
</div>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
)}
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,74 @@
|
||||
import { PRODUKT_TEXT, STATUS_TEXT, statusAusDatenbank } from "@/lib/anzeige";
|
||||
import { formatDatum, formatEuro } from "@/lib/format";
|
||||
import { Abschnitt, Bericht, pdfAntwort, Tabelle } from "@/server/pdf/dokument";
|
||||
import { kundeMitDetails, laufzeitenVonKunde, summen, summenProJahr } from "@/server/queries/kunden";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
/** Kundenunterlage als PDF: Hosts, Laufzeiten und Summen eines Kunden. */
|
||||
export async function GET(_request: Request, { params }: { params: Promise<{ id: string }> }) {
|
||||
const { id } = await params;
|
||||
const kunde = await kundeMitDetails(id);
|
||||
if (!kunde) return new Response("Nicht gefunden", { status: 404 });
|
||||
|
||||
const laufzeiten = await laufzeitenVonKunde(kunde.id);
|
||||
const gesamt = summen(laufzeiten);
|
||||
const proJahr = summenProJahr(laufzeiten);
|
||||
const datum = new Date().toISOString().slice(0, 10);
|
||||
|
||||
return pdfAntwort(
|
||||
Bericht({
|
||||
titel: kunde.name,
|
||||
untertitel: `Kundennummer ${kunde.kundennummer}${kunde.ansprechpartner ? ` · ${kunde.ansprechpartner}` : ""}`,
|
||||
children: [
|
||||
Abschnitt({ titel: `Hosts (${kunde.hosts.length})` }),
|
||||
Tabelle({
|
||||
spalten: [
|
||||
{ titel: "Host", breite: 28, wert: (h: (typeof kunde.hosts)[number]) => h.hostname },
|
||||
{ titel: "Produkt", breite: 22, wert: (h) => PRODUKT_TEXT[h.produkt] },
|
||||
{ titel: "Status", breite: 16, wert: (h) => STATUS_TEXT[statusAusDatenbank(h.subStatus)] },
|
||||
{ titel: "Key", breite: 20, wert: (h) => h.subKey ?? "–" },
|
||||
{
|
||||
titel: "Ablauf",
|
||||
breite: 14,
|
||||
wert: (h) => (h.subNextduedate ? formatDatum(h.subNextduedate) : "–"),
|
||||
rechts: true,
|
||||
},
|
||||
],
|
||||
zeilen: kunde.hosts,
|
||||
}),
|
||||
|
||||
Abschnitt({ titel: `Laufzeiten (${laufzeiten.length})` }),
|
||||
Tabelle({
|
||||
spalten: [
|
||||
{
|
||||
titel: "Zeitraum",
|
||||
breite: 26,
|
||||
wert: (l: (typeof laufzeiten)[number]) => `${formatDatum(l.start)} – ${formatDatum(l.ende)}`,
|
||||
},
|
||||
{ titel: "Host", breite: 18, wert: (l) => l.hostname },
|
||||
{ titel: "Proxmox-Rechnung", breite: 18, wert: (l) => l.einkauf?.nummer ?? "–" },
|
||||
{ titel: "Einkauf", breite: 12, wert: (l) => formatEuro(l.einkauf?.nettoBetrag), rechts: true },
|
||||
{ titel: "Kundenrechnung", breite: 18, wert: (l) => l.verkauf?.nummer ?? "–" },
|
||||
{ titel: "Verkauf", breite: 8, wert: (l) => formatEuro(l.verkauf?.nettoBetrag), rechts: true },
|
||||
],
|
||||
zeilen: laufzeiten,
|
||||
summe: ["Summe", "", "", formatEuro(gesamt.einkauf), "", formatEuro(gesamt.verkauf)],
|
||||
}),
|
||||
|
||||
Abschnitt({ titel: "Summen pro Jahr" }),
|
||||
Tabelle({
|
||||
spalten: [
|
||||
{ titel: "Jahr", breite: 25, wert: (j: (typeof proJahr)[number]) => j.jahr },
|
||||
{ titel: "Einkauf netto", breite: 25, wert: (j) => formatEuro(j.einkauf), rechts: true },
|
||||
{ titel: "Verkauf netto", breite: 25, wert: (j) => formatEuro(j.verkauf), rechts: true },
|
||||
{ titel: "Marge", breite: 25, wert: (j) => formatEuro(j.marge), rechts: true },
|
||||
],
|
||||
zeilen: proJahr,
|
||||
summe: ["Gesamt", formatEuro(gesamt.einkauf), formatEuro(gesamt.verkauf), formatEuro(gesamt.marge)],
|
||||
}),
|
||||
],
|
||||
}),
|
||||
`proxledger-${kunde.kundennummer}-${datum}.pdf`,
|
||||
);
|
||||
}
|
||||
@@ -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,57 @@ 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={
|
||||
<span className="d-flex gap-2">
|
||||
<a href={`/kunden/${kunde.id}/export`} className="btn btn-sm btn-outline-secondary">
|
||||
<i className="bi bi-filetype-pdf me-1" aria-hidden="true" />
|
||||
Unterlage
|
||||
</a>
|
||||
<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>
|
||||
</span>
|
||||
}
|
||||
/>
|
||||
|
||||
<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 +71,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 +79,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 +100,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 +108,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 +139,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 +149,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,66 +216,72 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{laufzeiten.map((laufzeit) => {
|
||||
const host = eigeneHosts.find((h) => h.id === laufzeit.hostId);
|
||||
return (
|
||||
<tr key={laufzeit.id}>
|
||||
<td>
|
||||
{formatDatum(laufzeit.start)} – {formatDatum(laufzeit.ende)}
|
||||
{laufzeit.vorschlag ? (
|
||||
<span className="badge pl-bg-info ms-2">Vorschlag</span>
|
||||
) : null}
|
||||
</td>
|
||||
<td>{host?.hostname ?? "–"}</td>
|
||||
<td>
|
||||
<CopyableCode wert={laufzeit.einkauf?.nummer ?? null} />
|
||||
<div>
|
||||
<EinkaufBadge bezahlt={laufzeit.einkauf ? laufzeit.einkauf.bezahlt : null} />
|
||||
</div>
|
||||
</td>
|
||||
<td>{formatEuro(laufzeit.einkauf?.nettoBetrag)}</td>
|
||||
<td>
|
||||
<CopyableCode wert={laufzeit.verkauf?.nummer ?? null} />
|
||||
<div>
|
||||
<VerkaufBadge
|
||||
erstellt={laufzeit.verkauf?.erstellt ?? false}
|
||||
bezahlt={laufzeit.verkauf?.bezahlt ?? false}
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>{formatEuro(laufzeit.verkauf?.nettoBetrag)}</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
{laufzeiten.map((laufzeit) => (
|
||||
<tr key={laufzeit.id}>
|
||||
<td>
|
||||
{formatDatum(laufzeit.start)} – {formatDatum(laufzeit.ende)}
|
||||
{laufzeit.vorschlag ? (
|
||||
<span className="badge pl-bg-info ms-2">Vorschlag</span>
|
||||
) : null}
|
||||
</td>
|
||||
<td>{laufzeit.hostname}</td>
|
||||
<td>
|
||||
<CopyableCode wert={laufzeit.einkauf?.nummer ?? null} />
|
||||
<div>
|
||||
<EinkaufBadge bezahlt={laufzeit.einkauf ? laufzeit.einkauf.bezahlt : null} />
|
||||
</div>
|
||||
</td>
|
||||
<td>{formatEuro(laufzeit.einkauf?.nettoBetrag)}</td>
|
||||
<td>
|
||||
<CopyableCode wert={laufzeit.verkauf?.nummer ?? null} />
|
||||
<div>
|
||||
<VerkaufBadge
|
||||
erstellt={laufzeit.verkauf?.erstellt ?? false}
|
||||
bezahlt={laufzeit.verkauf?.bezahlt ?? false}
|
||||
/>
|
||||
</div>
|
||||
</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>
|
||||
|
||||
<Card titel="Summen pro Jahr" rahmen="info" tabelle>
|
||||
<table className="table table-striped align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Jahr</th>
|
||||
<th scope="col">Einkauf netto</th>
|
||||
<th scope="col">Verkauf netto</th>
|
||||
<th scope="col">Marge</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{proJahr.map((jahr) => (
|
||||
<tr key={jahr.jahr}>
|
||||
<td>{jahr.jahr}</td>
|
||||
<td>{formatEuro(jahr.einkauf)}</td>
|
||||
<td>{formatEuro(jahr.verkauf)}</td>
|
||||
<td className={jahr.marge >= 0 ? "pl-text-success" : "pl-text-danger"}>
|
||||
{formatEuro(jahr.marge)}
|
||||
</td>
|
||||
{proJahr.length > 0 ? (
|
||||
<Card titel="Summen pro Jahr" rahmen="info" tabelle>
|
||||
<table className="table table-striped align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Jahr</th>
|
||||
<th scope="col">Einkauf netto</th>
|
||||
<th scope="col">Verkauf netto</th>
|
||||
<th scope="col">Marge</th>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</Card>
|
||||
</thead>
|
||||
<tbody>
|
||||
{proJahr.map((jahr) => (
|
||||
<tr key={jahr.jahr}>
|
||||
<td>{jahr.jahr}</td>
|
||||
<td>{formatEuro(jahr.einkauf)}</td>
|
||||
<td>{formatEuro(jahr.verkauf)}</td>
|
||||
<td className={jahr.marge >= 0 ? "pl-text-success" : "pl-text-danger"}>
|
||||
{formatEuro(jahr.marge)}
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</Card>
|
||||
) : null}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,107 @@
|
||||
import { csvAntwort, csvDatei } from "@/lib/csv";
|
||||
import { formatDatum, formatEuro } from "@/lib/format";
|
||||
import { Bericht, pdfAntwort, Tabelle } from "@/server/pdf/dokument";
|
||||
import {
|
||||
kundenListe,
|
||||
offeneRechnungspunkteProKunde,
|
||||
laufzeitenVonKunde,
|
||||
summen,
|
||||
} from "@/server/queries/kunden";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
/** Kundenübersicht als CSV oder PDF. */
|
||||
export async function GET(request: Request) {
|
||||
const format = new URL(request.url).searchParams.get("format") ?? "csv";
|
||||
const [kunden, punkte] = await Promise.all([kundenListe(), offeneRechnungspunkteProKunde()]);
|
||||
|
||||
const zeilen = await Promise.all(
|
||||
kunden.map(async (kunde) => {
|
||||
const laufzeiten = await laufzeitenVonKunde(kunde.id);
|
||||
const betraege = summen(laufzeiten);
|
||||
return {
|
||||
...kunde,
|
||||
offeneRechnungspunkte: punkte.get(kunde.id)?.offen ?? 0,
|
||||
...betraege,
|
||||
};
|
||||
}),
|
||||
);
|
||||
|
||||
const datum = new Date().toISOString().slice(0, 10);
|
||||
|
||||
if (format === "pdf") {
|
||||
return pdfAntwort(
|
||||
Bericht({
|
||||
titel: "Kundenübersicht",
|
||||
untertitel: `${zeilen.length} Kunden`,
|
||||
quer: true,
|
||||
children: Tabelle({
|
||||
spalten: [
|
||||
{ titel: "Kunde", breite: 26, wert: (z: (typeof zeilen)[number]) => z.name },
|
||||
{ titel: "Nummer", breite: 10, wert: (z) => z.kundennummer },
|
||||
{ titel: "Hosts", breite: 7, wert: (z) => String(z.hosts), rechts: true },
|
||||
{ titel: "Aktiv", breite: 7, wert: (z) => String(z.aktiv), rechts: true },
|
||||
{
|
||||
titel: "Nächster Ablauf",
|
||||
breite: 13,
|
||||
wert: (z) => (z.naechsterAblauf ? formatDatum(z.naechsterAblauf) : "–"),
|
||||
},
|
||||
{ titel: "Warnungen", breite: 9, wert: (z) => String(z.offeneAlerts), rechts: true },
|
||||
{
|
||||
titel: "Offene Rechn.",
|
||||
breite: 10,
|
||||
wert: (z) => String(z.offeneRechnungspunkte),
|
||||
rechts: true,
|
||||
},
|
||||
{ titel: "Einkauf", breite: 9, wert: (z) => formatEuro(z.einkauf), rechts: true },
|
||||
{ titel: "Marge", breite: 9, wert: (z) => formatEuro(z.marge), rechts: true },
|
||||
],
|
||||
zeilen,
|
||||
summe: [
|
||||
"Summe",
|
||||
"",
|
||||
String(zeilen.reduce((s, z) => s + z.hosts, 0)),
|
||||
String(zeilen.reduce((s, z) => s + z.aktiv, 0)),
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
formatEuro(zeilen.reduce((s, z) => s + z.einkauf, 0)),
|
||||
formatEuro(zeilen.reduce((s, z) => s + z.marge, 0)),
|
||||
],
|
||||
}),
|
||||
}),
|
||||
`proxledger-kunden-${datum}.pdf`,
|
||||
);
|
||||
}
|
||||
|
||||
const inhalt = csvDatei(
|
||||
[
|
||||
"Kunde",
|
||||
"Kundennummer",
|
||||
"Ansprechpartner",
|
||||
"Hosts",
|
||||
"Aktiv lizenziert",
|
||||
"Nächster Ablauf",
|
||||
"Offene Warnungen",
|
||||
"Offene Rechnungspunkte",
|
||||
"Einkauf netto",
|
||||
"Verkauf netto",
|
||||
"Marge netto",
|
||||
],
|
||||
zeilen.map((z) => [
|
||||
z.name,
|
||||
z.kundennummer,
|
||||
z.ansprechpartner,
|
||||
z.hosts,
|
||||
z.aktiv,
|
||||
z.naechsterAblauf,
|
||||
z.offeneAlerts,
|
||||
z.offeneRechnungspunkte,
|
||||
z.einkauf,
|
||||
z.verkauf,
|
||||
z.marge,
|
||||
]),
|
||||
);
|
||||
|
||||
return csvAntwort(inhalt, `proxledger-kunden-${datum}.csv`);
|
||||
}
|
||||
@@ -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,26 @@ 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={
|
||||
<>
|
||||
{/* Downloads: bewusst kein <Link>, sonst würde Next.js die Datei vorab laden. */}
|
||||
<a href="/kunden/export" download className="btn btn-sm btn-outline-secondary">
|
||||
<i className="bi bi-filetype-csv me-1" aria-hidden="true" />
|
||||
CSV
|
||||
</a>
|
||||
<a href="/kunden/export?format=pdf" download className="btn btn-sm btn-outline-secondary">
|
||||
<i className="bi bi-filetype-pdf me-1" aria-hidden="true" />
|
||||
PDF
|
||||
</a>
|
||||
<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 +49,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,22 +1,42 @@
|
||||
import { cookies } from "next/headers";
|
||||
import { redirect } from "next/navigation";
|
||||
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 { SITZUNGS_COOKIE, sitzungLesen } from "@/lib/sitzung";
|
||||
import { kennzahlen, offeneAlerts, suchIndex } from "@/server/queries/hosts";
|
||||
|
||||
const BENUTZER = "Florian";
|
||||
/**
|
||||
* 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";
|
||||
|
||||
export default function DashboardLayout({ children }: { children: React.ReactNode }) {
|
||||
const kennzahlen = dashboardKennzahlen();
|
||||
export default async function DashboardLayout({ children }: { children: React.ReactNode }) {
|
||||
// Der Schutz liegt in proxy.ts; hier wird zusätzlich geprüft, damit kein Zustand ohne Benutzer entsteht.
|
||||
const sitzung = await sitzungLesen((await cookies()).get(SITZUNGS_COOKIE)?.value);
|
||||
if (!sitzung) redirect("/login");
|
||||
|
||||
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={sitzung.name}
|
||||
/>
|
||||
<Sidebar
|
||||
hostsAnzahl={hosts.length}
|
||||
offeneRechnungspunkte={kennzahlen.offeneRechnungspunkte}
|
||||
benutzer={BENUTZER}
|
||||
hostsAnzahl={zahlen.hostsGesamt}
|
||||
offeneRechnungspunkte={zahlen.offeneRechnungspunkte}
|
||||
offeneWarnungen={zahlen.offeneAlerts}
|
||||
benutzer={sitzung.name}
|
||||
/>
|
||||
<main className="app-main">{children}</main>
|
||||
<Footer />
|
||||
|
||||
+119
-130
@@ -7,69 +7,49 @@ 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) => ({
|
||||
id: `zuweisen-${host.id}`,
|
||||
titel: `${host.hostname} einem Kunden zuweisen`,
|
||||
detail: `Server-ID ${host.serverId} · seit ${formatDatum(host.letzterReport)} gemeldet`,
|
||||
dringlichkeit: "info",
|
||||
badgeText: "Zuweisen",
|
||||
href: "/hosts/nicht-zugeordnet",
|
||||
}));
|
||||
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,
|
||||
aktion: aufgabe.aktion,
|
||||
})),
|
||||
...ohneKunde.map((host) => ({
|
||||
id: `zuweisen-${host.id}`,
|
||||
titel: `${host.hostname} einem Kunden zuweisen`,
|
||||
detail: `Server-ID ${host.serverId ?? "unbekannt"} · seit ${formatDatum(host.erstmalsGesehenAm)} gemeldet`,
|
||||
dringlichkeit: "info" as const,
|
||||
badgeText: "Zuweisen",
|
||||
href: "/hosts/nicht-zugeordnet",
|
||||
})),
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -87,16 +67,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 +84,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 +104,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 +130,49 @@ export default function DashboardSeite() {
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{hostsNachAblauf().map((host) => {
|
||||
const kunde = getKunde(host.kundeId);
|
||||
const laufzeit = laufzeitZuAblauf(host);
|
||||
return (
|
||||
<tr key={host.id}>
|
||||
<td>
|
||||
<Link href={`/hosts/${host.id}`} className="fw-semibold text-decoration-none">
|
||||
{host.hostname}
|
||||
{ablaufListe.map((host) => (
|
||||
<tr key={host.id}>
|
||||
<td>
|
||||
<Link href={`/hosts/${host.id}`} className="fw-semibold text-decoration-none">
|
||||
{host.hostname}
|
||||
</Link>
|
||||
{host.meldetNicht ? <KeineMeldungBadge /> : null}
|
||||
</td>
|
||||
<td>
|
||||
{host.kunde ? (
|
||||
<Link href={`/kunden/${host.kunde.id}`} className="text-decoration-none">
|
||||
{host.kunde.name}
|
||||
</Link>
|
||||
{hostMeldetNicht(host) ? <KeineMeldungBadge /> : null}
|
||||
</td>
|
||||
<td>
|
||||
{kunde ? (
|
||||
<Link href={`/kunden/${kunde.id}`} className="text-decoration-none">
|
||||
{kunde.name}
|
||||
</Link>
|
||||
) : (
|
||||
<span className="badge pl-bg-neutral">Nicht zugeordnet</span>
|
||||
)}
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={host.subscription.key} />
|
||||
</td>
|
||||
<td>
|
||||
<AblaufBadge datum={host.subscription.nextduedate} heute={HEUTE} />
|
||||
</td>
|
||||
<td>
|
||||
<EinkaufBadge bezahlt={laufzeit?.einkauf ? laufzeit.einkauf.bezahlt : null} />
|
||||
</td>
|
||||
<td>
|
||||
<VerkaufBadge
|
||||
erstellt={laufzeit?.verkauf?.erstellt ?? false}
|
||||
bezahlt={laufzeit?.verkauf?.bezahlt ?? false}
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
) : (
|
||||
<Link
|
||||
href="/hosts/nicht-zugeordnet"
|
||||
className="badge pl-bg-neutral text-decoration-none"
|
||||
>
|
||||
Nicht zugeordnet
|
||||
</Link>
|
||||
)}
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={host.subKey} />
|
||||
</td>
|
||||
<td>
|
||||
<AblaufBadge datum={host.nextduedate?.toISOString() ?? null} heute={heute} />
|
||||
</td>
|
||||
<td>
|
||||
<EinkaufBadge bezahlt={host.einkaufBezahlt} />
|
||||
</td>
|
||||
<td>
|
||||
<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 +183,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 +193,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}>
|
||||
<div className="d-flex justify-content-between small mb-1">
|
||||
<Link href={`/kunden/${eintrag.kunde.id}`} className="text-decoration-none">
|
||||
{eintrag.kunde.name}
|
||||
</Link>
|
||||
<span className="text-body-secondary">
|
||||
{eintrag.erledigt} von {eintrag.gesamt} Punkten erledigt
|
||||
</span>
|
||||
</div>
|
||||
<ProgressBar
|
||||
prozent={eintrag.prozent}
|
||||
beschriftung={`Rechnungsstatus ${eintrag.kunde.name}`}
|
||||
/>
|
||||
</div>
|
||||
))}
|
||||
{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/${kunde.id}`} className="text-decoration-none">
|
||||
{kunde.name}
|
||||
</Link>
|
||||
<span className="text-body-secondary">
|
||||
{erledigt} von {punkte.gesamt} Punkten erledigt
|
||||
</span>
|
||||
</div>
|
||||
<ProgressBar prozent={prozent} beschriftung={`Rechnungsstatus ${kunde.name}`} />
|
||||
</div>
|
||||
);
|
||||
})
|
||||
)}
|
||||
</Card>
|
||||
</div>
|
||||
<div className="col-lg-4">
|
||||
@@ -235,15 +224,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,197 @@
|
||||
import Link from "next/link";
|
||||
import { notFound } from "next/navigation";
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import { KundenrechnungFormular, ProxmoxRechnungFormular } from "@/components/rechnungen/RechnungsFormulare";
|
||||
import { Badge, EinkaufBadge, VerkaufBadge } from "@/components/ui/Badges";
|
||||
import { Callout } from "@/components/ui/Callout";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import { CopyableCode } from "@/components/ui/CopyableCode";
|
||||
import { PRODUKT_TEXT } from "@/lib/anzeige";
|
||||
import { formatDatum, formatEuro } from "@/lib/format";
|
||||
import { laufzeitBestaetigenAktion, laufzeitVerwerfenAktion } from "@/server/actions/rechnungen";
|
||||
import { laufzeitDetail } from "@/server/queries/rechnungen";
|
||||
|
||||
export async function generateMetadata({ params }: { params: Promise<{ id: string }> }) {
|
||||
const { id } = await params;
|
||||
const laufzeit = await laufzeitDetail(id);
|
||||
return { title: laufzeit ? `Laufzeit ${laufzeit.host.hostname}` : "Laufzeit" };
|
||||
}
|
||||
|
||||
export default async function LaufzeitSeite({ params }: { params: Promise<{ id: string }> }) {
|
||||
const { id } = await params;
|
||||
const laufzeit = await laufzeitDetail(id);
|
||||
if (!laufzeit) notFound();
|
||||
|
||||
const einkauf = laufzeit.proxmoxPosition?.rechnung ?? null;
|
||||
const verkauf = laufzeit.kundenPosition?.rechnung ?? null;
|
||||
const einkaufBetrag = laufzeit.proxmoxPosition ? Number(laufzeit.proxmoxPosition.nettoBetrag) : null;
|
||||
const verkaufBetrag = laufzeit.kundenPosition ? Number(laufzeit.kundenPosition.nettoBetrag) : null;
|
||||
const marge = einkaufBetrag !== null && verkaufBetrag !== null ? verkaufBetrag - einkaufBetrag : null;
|
||||
|
||||
const zeitraum = `${formatDatum(laufzeit.start)} – ${formatDatum(laufzeit.ende)}`;
|
||||
|
||||
return (
|
||||
<>
|
||||
<ContentHeader
|
||||
titel={`Laufzeit ${zeitraum}`}
|
||||
brotkrumen={[
|
||||
{ titel: "Rechnungen", href: "/rechnungen" },
|
||||
{ titel: laufzeit.host.hostname, href: `/hosts/${laufzeit.host.id}` },
|
||||
{ titel: zeitraum },
|
||||
]}
|
||||
aktion={laufzeit.status === "VORSCHLAG" ? <Badge farbe="info">Vorschlag</Badge> : null}
|
||||
/>
|
||||
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
{laufzeit.status === "VORSCHLAG" ? (
|
||||
<Callout
|
||||
titel="Vom Agent vorgeschlagen"
|
||||
farbe="info"
|
||||
aktion={
|
||||
<div className="d-flex gap-2">
|
||||
<form action={laufzeitBestaetigenAktion}>
|
||||
<input type="hidden" name="laufzeitId" value={laufzeit.id} />
|
||||
<input type="hidden" name="hostId" value={laufzeit.host.id} />
|
||||
<button type="submit" className="btn btn-primary pl-touch-target">
|
||||
Bestätigen
|
||||
</button>
|
||||
</form>
|
||||
<form action={laufzeitVerwerfenAktion}>
|
||||
<input type="hidden" name="laufzeitId" value={laufzeit.id} />
|
||||
<input type="hidden" name="hostId" value={laufzeit.host.id} />
|
||||
<button type="submit" className="btn btn-outline-danger pl-touch-target">
|
||||
Verwerfen
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
}
|
||||
>
|
||||
Der Host hat ein neues Ablaufdatum gemeldet. Mit dem Erfassen einer Proxmox-Rechnung gilt die
|
||||
Laufzeit automatisch als bestätigt.
|
||||
</Callout>
|
||||
) : null}
|
||||
|
||||
<div className="row">
|
||||
<div className="col-lg-4">
|
||||
<Card titel="Laufzeit" rahmen="primary">
|
||||
<dl className="row mb-0">
|
||||
<dt className="col-5 fw-normal text-body-secondary">Host</dt>
|
||||
<dd className="col-7">
|
||||
<Link href={`/hosts/${laufzeit.host.id}`}>{laufzeit.host.hostname}</Link>
|
||||
</dd>
|
||||
<dt className="col-5 fw-normal text-body-secondary">Kunde</dt>
|
||||
<dd className="col-7">
|
||||
{laufzeit.host.kunde ? (
|
||||
<Link href={`/kunden/${laufzeit.host.kunde.id}`}>{laufzeit.host.kunde.name}</Link>
|
||||
) : (
|
||||
<span className="badge pl-bg-neutral">Nicht zugeordnet</span>
|
||||
)}
|
||||
</dd>
|
||||
<dt className="col-5 fw-normal text-body-secondary">Produkt</dt>
|
||||
<dd className="col-7">{PRODUKT_TEXT[laufzeit.host.produkt]}</dd>
|
||||
<dt className="col-5 fw-normal text-body-secondary">Key</dt>
|
||||
<dd className="col-7">
|
||||
<CopyableCode wert={laufzeit.key} />
|
||||
</dd>
|
||||
<dt className="col-5 fw-normal text-body-secondary">Beginn</dt>
|
||||
<dd className="col-7">{formatDatum(laufzeit.start)}</dd>
|
||||
<dt className="col-5 fw-normal text-body-secondary">Ende</dt>
|
||||
<dd className="col-7">{formatDatum(laufzeit.ende)}</dd>
|
||||
</dl>
|
||||
<hr />
|
||||
<dl className="row mb-0">
|
||||
<dt className="col-5 fw-normal text-body-secondary">Einkauf netto</dt>
|
||||
<dd className="col-7">{formatEuro(einkaufBetrag)}</dd>
|
||||
<dt className="col-5 fw-normal text-body-secondary">Verkauf netto</dt>
|
||||
<dd className="col-7">{formatEuro(verkaufBetrag)}</dd>
|
||||
<dt className="col-5 fw-normal text-body-secondary">Marge</dt>
|
||||
<dd className={`col-7 ${(marge ?? 0) >= 0 ? "pl-text-success" : "pl-text-danger"}`}>
|
||||
{marge === null ? "–" : formatEuro(marge)}
|
||||
</dd>
|
||||
</dl>
|
||||
</Card>
|
||||
|
||||
{einkauf && einkauf.positionen.length > 1 ? (
|
||||
<Card titel="Sammelrechnung" rahmen="info">
|
||||
<p className="small">
|
||||
Die Proxmox-Rechnung <span className="pl-mono">{einkauf.nummer}</span> deckt mehrere
|
||||
Laufzeiten ab:
|
||||
</p>
|
||||
<ul className="list-unstyled mb-0 small">
|
||||
{einkauf.positionen.map((position) => (
|
||||
<li key={position.id} className="mb-1">
|
||||
{position.laufzeit ? (
|
||||
<Link href={`/rechnungen/${position.laufzeit.id}`}>
|
||||
{position.laufzeit.host.hostname}
|
||||
</Link>
|
||||
) : (
|
||||
position.bezeichnung
|
||||
)}{" "}
|
||||
· {formatEuro(Number(position.nettoBetrag))}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</Card>
|
||||
) : null}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-8">
|
||||
<Card
|
||||
titel="Proxmox-Rechnung (Einkauf)"
|
||||
rahmen={einkauf?.bezahlt ? "info" : "danger"}
|
||||
werkzeuge={<EinkaufBadge bezahlt={einkauf ? einkauf.bezahlt : null} />}
|
||||
>
|
||||
<ProxmoxRechnungFormular
|
||||
laufzeitId={laufzeit.id}
|
||||
hostId={laufzeit.host.id}
|
||||
werte={{
|
||||
nummer: einkauf?.nummer ?? null,
|
||||
datum: einkauf?.datum.toISOString() ?? null,
|
||||
faelligAm: einkauf?.faelligAm?.toISOString() ?? null,
|
||||
nettoBetrag: einkaufBetrag,
|
||||
ustSatz: Number(einkauf?.ustSatz ?? 19),
|
||||
rabatt:
|
||||
einkauf?.rabatt === null || einkauf?.rabatt === undefined
|
||||
? null
|
||||
: Number(einkauf.rabatt),
|
||||
zahlungsart: einkauf?.zahlungsart ?? null,
|
||||
bezahlt: einkauf?.bezahlt ?? false,
|
||||
bezahltAm: einkauf?.bezahltAm?.toISOString() ?? null,
|
||||
anhangId: einkauf?.anhangId ?? null,
|
||||
anhangName: einkauf?.anhang?.dateiname ?? null,
|
||||
}}
|
||||
/>
|
||||
</Card>
|
||||
|
||||
<Card
|
||||
titel="Kundenrechnung (Verkauf)"
|
||||
rahmen={verkauf?.erstellt ? "info" : "warning"}
|
||||
werkzeuge={
|
||||
<VerkaufBadge erstellt={verkauf?.erstellt ?? false} bezahlt={verkauf?.bezahlt ?? false} />
|
||||
}
|
||||
>
|
||||
<KundenrechnungFormular
|
||||
laufzeitId={laufzeit.id}
|
||||
hostId={laufzeit.host.id}
|
||||
kundeVorhanden={Boolean(laufzeit.host.kunde)}
|
||||
werte={{
|
||||
erstellt: verkauf?.erstellt ?? false,
|
||||
nummer: verkauf?.nummer ?? null,
|
||||
datum: verkauf?.datum?.toISOString() ?? null,
|
||||
nettoBetrag: verkaufBetrag,
|
||||
ustSatz: Number(verkauf?.ustSatz ?? 19),
|
||||
bezahlt: verkauf?.bezahlt ?? false,
|
||||
bezahltAm: verkauf?.bezahltAm?.toISOString() ?? null,
|
||||
anhangId: verkauf?.anhangId ?? null,
|
||||
anhangName: verkauf?.anhang?.dateiname ?? null,
|
||||
}}
|
||||
/>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,108 @@
|
||||
import { csvAntwort, csvDatei } from "@/lib/csv";
|
||||
import { formatDatum, formatEuro } from "@/lib/format";
|
||||
import { Bericht, pdfAntwort, Tabelle } from "@/server/pdf/dokument";
|
||||
import { rechnungsListe, type RechnungsFilter } from "@/server/queries/rechnungen";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
/** Rechnungsliste als CSV (Buchhaltung) oder PDF, mit den Filtern der Ansicht. */
|
||||
export async function GET(request: Request) {
|
||||
const parameter = new URL(request.url).searchParams;
|
||||
const format = parameter.get("format") ?? "csv";
|
||||
const filter: RechnungsFilter = {
|
||||
status: (parameter.get("status") as RechnungsFilter["status"]) ?? "alle",
|
||||
kunde: parameter.get("kunde") ?? undefined,
|
||||
jahr: parameter.get("jahr") ?? undefined,
|
||||
q: parameter.get("q") ?? undefined,
|
||||
};
|
||||
|
||||
const { zeilen, summen } = await rechnungsListe(filter);
|
||||
const datum = new Date().toISOString().slice(0, 10);
|
||||
const zeitraum = filter.jahr ? `Jahr ${filter.jahr}` : "alle Jahre";
|
||||
|
||||
if (format === "pdf") {
|
||||
return pdfAntwort(
|
||||
Bericht({
|
||||
titel: "Rechnungsliste",
|
||||
untertitel: `${zeilen.length} Laufzeiten · ${zeitraum}`,
|
||||
quer: true,
|
||||
children: Tabelle({
|
||||
spalten: [
|
||||
{
|
||||
titel: "Kunde",
|
||||
breite: 18,
|
||||
wert: (z: (typeof zeilen)[number]) => z.kunde?.name ?? "Nicht zugeordnet",
|
||||
},
|
||||
{ titel: "Host", breite: 13, wert: (z) => z.hostname },
|
||||
{
|
||||
titel: "Laufzeit",
|
||||
breite: 16,
|
||||
wert: (z) => `${formatDatum(z.start)} – ${formatDatum(z.ende)}`,
|
||||
},
|
||||
{ titel: "Proxmox-Rechnung", breite: 13, wert: (z) => z.einkaufNummer ?? "–" },
|
||||
{ titel: "Einkauf", breite: 9, wert: (z) => formatEuro(z.einkaufBetrag), rechts: true },
|
||||
{ titel: "Bezahlt", breite: 7, wert: (z) => (z.einkaufBezahlt ? "ja" : "nein") },
|
||||
{ titel: "Kundenrechnung", breite: 12, wert: (z) => z.verkaufNummer ?? "–" },
|
||||
{ titel: "Verkauf", breite: 6, wert: (z) => formatEuro(z.verkaufBetrag), rechts: true },
|
||||
{
|
||||
titel: "Marge",
|
||||
breite: 6,
|
||||
wert: (z) => (z.marge === null ? "–" : formatEuro(z.marge)),
|
||||
rechts: true,
|
||||
},
|
||||
],
|
||||
zeilen,
|
||||
summe: [
|
||||
"Summe",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
formatEuro(summen.einkauf),
|
||||
"",
|
||||
"",
|
||||
formatEuro(summen.verkauf),
|
||||
formatEuro(summen.marge),
|
||||
],
|
||||
}),
|
||||
}),
|
||||
`proxledger-rechnungen-${filter.jahr ?? "alle"}-${datum}.pdf`,
|
||||
);
|
||||
}
|
||||
|
||||
const inhalt = csvDatei(
|
||||
[
|
||||
"Kunde",
|
||||
"Host",
|
||||
"Key",
|
||||
"Laufzeit von",
|
||||
"Laufzeit bis",
|
||||
"Proxmox-Rechnung",
|
||||
"Einkauf netto",
|
||||
"Proxmox bezahlt",
|
||||
"Fällig am",
|
||||
"Kundenrechnung",
|
||||
"Verkauf netto",
|
||||
"Kundenrechnung erstellt",
|
||||
"Vom Kunden bezahlt",
|
||||
"Marge netto",
|
||||
],
|
||||
zeilen.map((z) => [
|
||||
z.kunde?.name ?? "Nicht zugeordnet",
|
||||
z.hostname,
|
||||
z.key,
|
||||
z.start,
|
||||
z.ende,
|
||||
z.einkaufNummer,
|
||||
z.einkaufBetrag,
|
||||
z.einkaufBezahlt === null ? "" : z.einkaufBezahlt ? "ja" : "nein",
|
||||
z.einkaufFaelligAm,
|
||||
z.verkaufNummer,
|
||||
z.verkaufBetrag,
|
||||
z.verkaufErstellt ? "ja" : "nein",
|
||||
z.verkaufBezahlt ? "ja" : "nein",
|
||||
z.marge,
|
||||
]),
|
||||
);
|
||||
|
||||
return csvAntwort(inhalt, `proxledger-rechnungen-${filter.jahr ?? "alle"}-${datum}.csv`);
|
||||
}
|
||||
@@ -1,26 +1,55 @@
|
||||
import Link from "next/link";
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import { StatusHaken } from "@/components/rechnungen/StatusHaken";
|
||||
import { Badge } from "@/components/ui/Badges";
|
||||
import { Callout } from "@/components/ui/Callout";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import { CopyableCode } from "@/components/ui/CopyableCode";
|
||||
import { formatDatum, formatEuro } from "@/lib/format";
|
||||
import { hosts, laufzeiten } from "@/mock/data";
|
||||
import { getKunde, istAbgeschlossen } from "@/mock/queries";
|
||||
import { InfoBox } from "@/components/ui/SmallBox";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { formatDatum, formatEuro, tageBis } from "@/lib/format";
|
||||
import {
|
||||
anzahlVorschlaege,
|
||||
laufzeitJahre,
|
||||
rechnungsListe,
|
||||
type RechnungsFilter,
|
||||
} from "@/server/queries/rechnungen";
|
||||
|
||||
export const metadata = { title: "Rechnungen" };
|
||||
|
||||
export default async function RechnungenSeite({
|
||||
searchParams,
|
||||
}: {
|
||||
searchParams: Promise<{ filter?: string }>;
|
||||
}) {
|
||||
const { filter = "offen" } = await searchParams;
|
||||
const alle = laufzeiten.filter((l) => !l.vorschlag);
|
||||
const liste =
|
||||
filter === "erledigt"
|
||||
? alle.filter(istAbgeschlossen)
|
||||
: filter === "alle"
|
||||
? alle
|
||||
: alle.filter((l) => !istAbgeschlossen(l));
|
||||
type SuchParameter = Promise<Record<string, string | string[] | undefined>>;
|
||||
|
||||
function einzeln(wert: string | string[] | undefined): string | undefined {
|
||||
const text = Array.isArray(wert) ? wert[0] : wert;
|
||||
return text && text.length > 0 ? text : undefined;
|
||||
}
|
||||
|
||||
export default async function RechnungenSeite({ searchParams }: { searchParams: SuchParameter }) {
|
||||
const roh = await searchParams;
|
||||
const filter: RechnungsFilter = {
|
||||
status: (einzeln(roh.status) as RechnungsFilter["status"]) ?? "offen",
|
||||
kunde: einzeln(roh.kunde),
|
||||
jahr: einzeln(roh.jahr),
|
||||
q: einzeln(roh.q),
|
||||
};
|
||||
|
||||
const [{ zeilen, summen }, jahre, kunden, vorschlaege] = await Promise.all([
|
||||
rechnungsListe(filter),
|
||||
laufzeitJahre(),
|
||||
prisma.kunde.findMany({ orderBy: { name: "asc" }, select: { id: true, name: true } }),
|
||||
anzahlVorschlaege(),
|
||||
]);
|
||||
|
||||
const heute = new Date();
|
||||
|
||||
function adresse(aenderung: Record<string, string | undefined>) {
|
||||
const params = new URLSearchParams();
|
||||
for (const [schluessel, wert] of Object.entries({ ...filter, ...aenderung })) {
|
||||
if (wert) params.set(schluessel, String(wert));
|
||||
}
|
||||
const text = params.toString();
|
||||
return text ? `/rechnungen?${text}` : "/rechnungen";
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -28,28 +57,145 @@ export default async function RechnungenSeite({
|
||||
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
{vorschlaege > 0 && filter.status !== "vorschlaege" ? (
|
||||
<Callout
|
||||
titel={`${vorschlaege} vorgeschlagene Laufzeit${vorschlaege === 1 ? "" : "en"}`}
|
||||
farbe="info"
|
||||
aktion={
|
||||
<Link href={adresse({ status: "vorschlaege" })} className="btn btn-primary pl-touch-target">
|
||||
Ansehen
|
||||
</Link>
|
||||
}
|
||||
>
|
||||
Die Agents haben neue Ablaufdaten gemeldet. Bestätige die Laufzeit und trage die Rechnungsdaten
|
||||
ein.
|
||||
</Callout>
|
||||
) : null}
|
||||
|
||||
<p className="small text-body-secondary mb-2">
|
||||
Summen beziehen sich auf die aktuelle Auswahl ({zeilen.length} Laufzeiten).
|
||||
</p>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-6 col-lg-3">
|
||||
<InfoBox
|
||||
text="Einkauf netto"
|
||||
wert={formatEuro(summen.einkauf)}
|
||||
icon="bi-cart"
|
||||
farbe="neutral"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-6 col-lg-3">
|
||||
<InfoBox
|
||||
text="Verkauf netto"
|
||||
wert={formatEuro(summen.verkauf)}
|
||||
icon="bi-receipt"
|
||||
farbe="primary"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-6 col-lg-3">
|
||||
<InfoBox
|
||||
text="Marge"
|
||||
wert={formatEuro(summen.marge)}
|
||||
icon="bi-graph-up-arrow"
|
||||
farbe="success"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-6 col-lg-3">
|
||||
<InfoBox text="Laufzeiten" wert={String(zeilen.length)} icon="bi-calendar-range" farbe="info" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Card
|
||||
titel={`${liste.length} Laufzeiten`}
|
||||
titel="Laufzeiten und Rechnungen"
|
||||
rahmen="primary"
|
||||
tabelle
|
||||
werkzeuge={
|
||||
<div className="btn-group btn-group-sm" role="group" aria-label="Filter">
|
||||
{[
|
||||
["offen", "Offen"],
|
||||
["erledigt", "Erledigt"],
|
||||
["alle", "Alle"],
|
||||
].map(([wert, text]) => (
|
||||
<Link
|
||||
key={wert}
|
||||
href={`/rechnungen?filter=${wert}`}
|
||||
className={`btn ${filter === wert ? "btn-primary" : "btn-outline-primary"}`}
|
||||
>
|
||||
{text}
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
<>
|
||||
<a
|
||||
href={adresse({}).replace("/rechnungen", "/rechnungen/export")}
|
||||
className="btn btn-sm btn-outline-secondary"
|
||||
>
|
||||
<i className="bi bi-filetype-csv me-1" aria-hidden="true" />
|
||||
CSV
|
||||
</a>
|
||||
<a
|
||||
href={adresse({ format: "pdf" }).replace("/rechnungen", "/rechnungen/export")}
|
||||
className="btn btn-sm btn-outline-secondary"
|
||||
>
|
||||
<i className="bi bi-filetype-pdf me-1" aria-hidden="true" />
|
||||
PDF
|
||||
</a>
|
||||
<div className="btn-group btn-group-sm" role="group" aria-label="Filter">
|
||||
{(
|
||||
[
|
||||
["offen", "Offen"],
|
||||
["erledigt", "Erledigt"],
|
||||
["alle", "Alle"],
|
||||
["vorschlaege", `Vorschläge${vorschlaege ? ` (${vorschlaege})` : ""}`],
|
||||
] as const
|
||||
).map(([wert, text]) => (
|
||||
<Link
|
||||
key={wert}
|
||||
href={adresse({ status: wert })}
|
||||
className={`btn ${filter.status === wert ? "btn-primary" : "btn-outline-primary"}`}
|
||||
>
|
||||
{text}
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
</>
|
||||
}
|
||||
>
|
||||
<form className="row g-2 p-3 border-bottom" role="search">
|
||||
<input type="hidden" name="status" value={filter.status} />
|
||||
<div className="col-md-4">
|
||||
<input
|
||||
name="q"
|
||||
type="search"
|
||||
defaultValue={filter.q ?? ""}
|
||||
className="form-control"
|
||||
placeholder="Rechnungsnummer, Key oder Host …"
|
||||
aria-label="Suche"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-6 col-md-3">
|
||||
<select
|
||||
name="kunde"
|
||||
defaultValue={filter.kunde ?? ""}
|
||||
className="form-select"
|
||||
aria-label="Kunde"
|
||||
>
|
||||
<option value="">Alle Kunden</option>
|
||||
{kunden.map((kunde) => (
|
||||
<option key={kunde.id} value={kunde.id}>
|
||||
{kunde.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-6 col-md-2">
|
||||
<select
|
||||
name="jahr"
|
||||
defaultValue={filter.jahr ?? ""}
|
||||
className="form-select"
|
||||
aria-label="Jahr"
|
||||
>
|
||||
<option value="">Alle Jahre</option>
|
||||
{jahre.map((jahr) => (
|
||||
<option key={jahr} value={jahr}>
|
||||
{jahr}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-md-2">
|
||||
<button type="submit" className="btn btn-primary w-100">
|
||||
Filtern
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle">
|
||||
<thead>
|
||||
@@ -60,76 +206,106 @@ export default async function RechnungenSeite({
|
||||
<th scope="col">Proxmox-Rechnung</th>
|
||||
<th scope="col">Netto</th>
|
||||
<th scope="col" className="text-center">
|
||||
Proxmox bezahlt
|
||||
Bezahlt
|
||||
</th>
|
||||
<th scope="col">Kundenrechnung</th>
|
||||
<th scope="col">Netto</th>
|
||||
<th scope="col" className="text-center">
|
||||
Kundenrechnung erstellt
|
||||
Erstellt
|
||||
</th>
|
||||
<th scope="col" className="text-center">
|
||||
Bezahlt
|
||||
</th>
|
||||
<th scope="col">Marge</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{liste.map((laufzeit) => {
|
||||
const host = hosts.find((h) => h.id === laufzeit.hostId);
|
||||
const kunde = getKunde(host?.kundeId ?? null);
|
||||
const marge = (laufzeit.verkauf?.nettoBetrag ?? 0) - (laufzeit.einkauf?.nettoBetrag ?? 0);
|
||||
{zeilen.map((zeile) => {
|
||||
const faelligIn = tageBis(zeile.einkaufFaelligAm, heute);
|
||||
return (
|
||||
<tr key={laufzeit.id}>
|
||||
<tr key={zeile.id}>
|
||||
<td>
|
||||
{kunde ? (
|
||||
<Link href={`/kunden/${kunde.id}`} className="text-decoration-none">
|
||||
{kunde.name}
|
||||
{zeile.kunde ? (
|
||||
<Link href={`/kunden/${zeile.kunde.id}`} className="text-decoration-none">
|
||||
{zeile.kunde.name}
|
||||
</Link>
|
||||
) : (
|
||||
<span className="badge pl-bg-neutral">Nicht zugeordnet</span>
|
||||
)}
|
||||
</td>
|
||||
<td>
|
||||
<Link href={`/hosts/${laufzeit.hostId}`} className="text-decoration-none">
|
||||
{host?.hostname}
|
||||
<Link href={`/hosts/${zeile.hostId}`} className="text-decoration-none">
|
||||
{zeile.hostname}
|
||||
</Link>
|
||||
</td>
|
||||
<td>
|
||||
{formatDatum(laufzeit.start)} – {formatDatum(laufzeit.ende)}
|
||||
<Link href={`/rechnungen/${zeile.id}`} className="text-decoration-none">
|
||||
{formatDatum(zeile.start)} – {formatDatum(zeile.ende)}
|
||||
</Link>
|
||||
{zeile.vorschlag ? <Badge farbe="info">Vorschlag</Badge> : null}
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={laufzeit.einkauf?.nummer ?? null} />
|
||||
<CopyableCode wert={zeile.einkaufNummer} />
|
||||
{zeile.einkaufBezahlt === false && faelligIn !== null && faelligIn <= 7 ? (
|
||||
<div className="small pl-text-danger">
|
||||
fällig {formatDatum(zeile.einkaufFaelligAm)}
|
||||
</div>
|
||||
) : null}
|
||||
</td>
|
||||
<td>{formatEuro(laufzeit.einkauf?.nettoBetrag)}</td>
|
||||
<td>{formatEuro(zeile.einkaufBetrag)}</td>
|
||||
<td className="text-center">
|
||||
<input
|
||||
type="checkbox"
|
||||
className="form-check-input pl-touch-target"
|
||||
defaultChecked={laufzeit.einkauf?.bezahlt ?? false}
|
||||
aria-label="Proxmox-Rechnung bezahlt"
|
||||
<StatusHaken
|
||||
laufzeitId={zeile.id}
|
||||
hostId={zeile.hostId}
|
||||
feld="einkaufBezahlt"
|
||||
wert={zeile.einkaufBezahlt === true}
|
||||
deaktiviert={zeile.einkaufBezahlt === null}
|
||||
titel="Proxmox-Rechnung bezahlt"
|
||||
/>
|
||||
</td>
|
||||
<td>
|
||||
<CopyableCode wert={laufzeit.verkauf?.nummer ?? null} />
|
||||
<CopyableCode wert={zeile.verkaufNummer} />
|
||||
</td>
|
||||
<td>{formatEuro(laufzeit.verkauf?.nettoBetrag)}</td>
|
||||
<td>{formatEuro(zeile.verkaufBetrag)}</td>
|
||||
<td className="text-center">
|
||||
<input
|
||||
type="checkbox"
|
||||
className="form-check-input pl-touch-target"
|
||||
defaultChecked={laufzeit.verkauf?.erstellt ?? false}
|
||||
aria-label="Kundenrechnung erstellt"
|
||||
<StatusHaken
|
||||
laufzeitId={zeile.id}
|
||||
hostId={zeile.hostId}
|
||||
feld="verkaufErstellt"
|
||||
wert={zeile.verkaufErstellt}
|
||||
titel="Kundenrechnung erstellt"
|
||||
/>
|
||||
</td>
|
||||
<td className={marge >= 0 ? "pl-text-success" : "pl-text-danger"}>
|
||||
{laufzeit.verkauf?.nettoBetrag ? formatEuro(marge) : "–"}
|
||||
<td className="text-center">
|
||||
<StatusHaken
|
||||
laufzeitId={zeile.id}
|
||||
hostId={zeile.hostId}
|
||||
feld="verkaufBezahlt"
|
||||
wert={zeile.verkaufBezahlt}
|
||||
deaktiviert={!zeile.verkaufErstellt}
|
||||
titel="Kundenrechnung vom Kunden bezahlt"
|
||||
/>
|
||||
</td>
|
||||
<td className={(zeile.marge ?? 0) >= 0 ? "pl-text-success" : "pl-text-danger"}>
|
||||
{zeile.marge === null ? "–" : formatEuro(zeile.marge)}
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
{zeilen.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={11} className="text-center text-body-secondary py-4">
|
||||
Nichts gefunden. <Link href="/rechnungen?status=alle">Alle anzeigen</Link>
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</Card>
|
||||
|
||||
<p className="small text-body-secondary">
|
||||
Im Prototyp sind die Häkchen noch ohne Wirkung. Ab #008 setzen sie den Status direkt.
|
||||
Die Häkchen wirken sofort. Für Rechnungsnummer, Beträge und PDF die Laufzeit öffnen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,200 @@
|
||||
import Link from "next/link";
|
||||
import { ContentHeader } from "@/components/layout/ContentHeader";
|
||||
import { PruefenKnopf } from "@/components/alerts/PruefenKnopf";
|
||||
import { Badge } from "@/components/ui/Badges";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import { InfoBox } from "@/components/ui/SmallBox";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { formatDatumZeit } from "@/lib/format";
|
||||
import { alertQuittieren, alertSchliessen } from "@/server/actions/alerts";
|
||||
|
||||
export const metadata = { title: "Warnungen" };
|
||||
|
||||
type SuchParameter = Promise<Record<string, string | string[] | undefined>>;
|
||||
|
||||
const SCHWERE_FARBE = { GEFAHR: "danger", WARNUNG: "warning", INFO: "info" } as const;
|
||||
|
||||
export default async function WarnungenSeite({ searchParams }: { searchParams: SuchParameter }) {
|
||||
const roh = await searchParams;
|
||||
const status = (Array.isArray(roh.status) ? roh.status[0] : roh.status) ?? "offen";
|
||||
|
||||
const [alerts, zahlen] = await Promise.all([
|
||||
prisma.alert.findMany({
|
||||
where: status === "erledigt" ? { erledigtAm: { not: null } } : { erledigtAm: null },
|
||||
orderBy: [{ schwere: "asc" }, { geoeffnetAm: "desc" }],
|
||||
take: 200,
|
||||
include: {
|
||||
host: { select: { id: true, hostname: true } },
|
||||
kunde: { select: { id: true, name: true } },
|
||||
laufzeit: { select: { id: true } },
|
||||
},
|
||||
}),
|
||||
prisma.alert.groupBy({
|
||||
by: ["schwere"],
|
||||
where: { erledigtAm: null },
|
||||
_count: { _all: true },
|
||||
}),
|
||||
]);
|
||||
|
||||
const anzahl = (schwere: string) => zahlen.find((z) => z.schwere === schwere)?._count._all ?? 0;
|
||||
|
||||
return (
|
||||
<>
|
||||
<ContentHeader titel="Warnungen" brotkrumen={[{ titel: "Warnungen" }]} aktion={<PruefenKnopf />} />
|
||||
|
||||
<div className="app-content">
|
||||
<div className="container-fluid">
|
||||
<div className="row">
|
||||
<div className="col-6 col-lg-3">
|
||||
<InfoBox
|
||||
text="Gefahr"
|
||||
wert={String(anzahl("GEFAHR"))}
|
||||
icon="bi-exclamation-octagon"
|
||||
farbe="danger"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-6 col-lg-3">
|
||||
<InfoBox
|
||||
text="Warnung"
|
||||
wert={String(anzahl("WARNUNG"))}
|
||||
icon="bi-exclamation-triangle"
|
||||
farbe="warning"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-6 col-lg-3">
|
||||
<InfoBox text="Hinweis" wert={String(anzahl("INFO"))} icon="bi-info-circle" farbe="info" />
|
||||
</div>
|
||||
<div className="col-6 col-lg-3">
|
||||
<InfoBox
|
||||
text="Offen gesamt"
|
||||
wert={String(anzahl("GEFAHR") + anzahl("WARNUNG") + anzahl("INFO"))}
|
||||
icon="bi-bell"
|
||||
farbe="neutral"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Card
|
||||
titel={status === "erledigt" ? "Erledigte Warnungen" : "Offene Warnungen"}
|
||||
rahmen={status === "erledigt" ? "info" : "danger"}
|
||||
tabelle
|
||||
werkzeuge={
|
||||
<div className="btn-group btn-group-sm" role="group" aria-label="Filter">
|
||||
<Link
|
||||
href="/warnungen"
|
||||
className={`btn ${status !== "erledigt" ? "btn-primary" : "btn-outline-primary"}`}
|
||||
>
|
||||
Offen
|
||||
</Link>
|
||||
<Link
|
||||
href="/warnungen?status=erledigt"
|
||||
className={`btn ${status === "erledigt" ? "btn-primary" : "btn-outline-primary"}`}
|
||||
>
|
||||
Erledigt
|
||||
</Link>
|
||||
</div>
|
||||
}
|
||||
>
|
||||
<div className="table-responsive">
|
||||
<table className="table table-striped align-middle">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Schwere</th>
|
||||
<th scope="col">Warnung</th>
|
||||
<th scope="col">Betrifft</th>
|
||||
<th scope="col">Seit</th>
|
||||
<th scope="col" className="text-end">
|
||||
Aktion
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{alerts.map((alert) => (
|
||||
<tr key={alert.id}>
|
||||
<td>
|
||||
<Badge farbe={SCHWERE_FARBE[alert.schwere]}>
|
||||
{alert.schwere === "GEFAHR"
|
||||
? "Gefahr"
|
||||
: alert.schwere === "WARNUNG"
|
||||
? "Warnung"
|
||||
: "Hinweis"}
|
||||
</Badge>
|
||||
</td>
|
||||
<td>
|
||||
<span className="fw-semibold">{alert.titel}</span>
|
||||
<div className="small text-body-secondary">{alert.beschreibung}</div>
|
||||
<div className="small text-body-secondary pl-mono">{alert.regel}</div>
|
||||
</td>
|
||||
<td className="small">
|
||||
{alert.host ? (
|
||||
<div>
|
||||
<Link href={`/hosts/${alert.host.id}`}>{alert.host.hostname}</Link>
|
||||
</div>
|
||||
) : null}
|
||||
{alert.kunde ? (
|
||||
<div>
|
||||
<Link href={`/kunden/${alert.kunde.id}`}>{alert.kunde.name}</Link>
|
||||
</div>
|
||||
) : null}
|
||||
{alert.laufzeit ? (
|
||||
<div>
|
||||
<Link href={`/rechnungen/${alert.laufzeit.id}`}>Laufzeit öffnen</Link>
|
||||
</div>
|
||||
) : null}
|
||||
</td>
|
||||
<td className="small">
|
||||
{formatDatumZeit(alert.geoeffnetAm)}
|
||||
{alert.quittiertAm ? <div className="text-body-secondary">quittiert</div> : null}
|
||||
{alert.erledigtAm ? (
|
||||
<div className="text-body-secondary">
|
||||
erledigt {formatDatumZeit(alert.erledigtAm)}
|
||||
</div>
|
||||
) : null}
|
||||
</td>
|
||||
<td className="text-end">
|
||||
{alert.erledigtAm ? null : (
|
||||
<div className="d-flex gap-2 justify-content-end">
|
||||
{alert.quittiertAm ? null : (
|
||||
<form action={alertQuittieren}>
|
||||
<input type="hidden" name="id" value={alert.id} />
|
||||
<button type="submit" className="btn btn-sm btn-outline-secondary">
|
||||
Quittieren
|
||||
</button>
|
||||
</form>
|
||||
)}
|
||||
<form action={alertSchliessen}>
|
||||
<input type="hidden" name="id" value={alert.id} />
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-sm btn-outline-danger"
|
||||
title="Schließt die Warnung; besteht die Ursache weiter, kommt sie beim nächsten Durchlauf zurück"
|
||||
>
|
||||
Schließen
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
)}
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
{alerts.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={5} className="text-center text-body-secondary py-4">
|
||||
{status === "erledigt" ? "Noch nichts erledigt." : "Keine offenen Warnungen."}
|
||||
</td>
|
||||
</tr>
|
||||
) : null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</Card>
|
||||
|
||||
<p className="small text-body-secondary">
|
||||
Die Regeln laufen stündlich im Worker und nach jedem eingehenden Report.{" "}
|
||||
<Link href="/einstellungen/warnregeln">Schwellwerte ändern</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
import { readFile } from "node:fs/promises";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { anhangPfad } from "@/lib/uploads";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
/** Liefert ein hinterlegtes Rechnungs-PDF aus. */
|
||||
export async function GET(_request: Request, { params }: { params: Promise<{ id: string }> }) {
|
||||
const { id } = await params;
|
||||
const anhang = await prisma.anhang.findUnique({ where: { id } });
|
||||
if (!anhang) return new Response("Nicht gefunden", { status: 404 });
|
||||
|
||||
try {
|
||||
const inhalt = await readFile(anhangPfad(anhang.pfad));
|
||||
return new Response(new Uint8Array(inhalt), {
|
||||
headers: {
|
||||
"Content-Type": anhang.mimeTyp,
|
||||
"Content-Disposition": `inline; filename="${encodeURIComponent(anhang.dateiname)}"`,
|
||||
"Content-Length": String(inhalt.length),
|
||||
"Cache-Control": "private, no-store",
|
||||
},
|
||||
});
|
||||
} catch {
|
||||
return new Response("Datei fehlt auf der Platte", { status: 410 });
|
||||
}
|
||||
}
|
||||
@@ -10,6 +10,8 @@ import {
|
||||
} from "@/server/agent/http";
|
||||
import { reportSchema } from "@/server/agent/schema";
|
||||
import { authentifiziereHost, verarbeiteReport } from "@/server/agent/service";
|
||||
import { alertsAbgleichen } from "@/server/alerts/abgleich";
|
||||
import { neueAlertsMelden } from "@/server/notifications/versand";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
@@ -30,6 +32,17 @@ export async function POST(request: Request) {
|
||||
const host = await authentifiziereHost(token);
|
||||
const ergebnis = await verarbeiteReport(host, eingabe.daten, clientIp(request.headers));
|
||||
|
||||
// Warnungen sofort neu bewerten – ein Report ist der häufigste Auslöser für Änderungen.
|
||||
// Schlägt das fehl, ist der Report trotzdem angenommen.
|
||||
try {
|
||||
const auswertung = await alertsAbgleichen();
|
||||
if (auswertung.geoeffnet.length > 0) {
|
||||
await neueAlertsMelden(auswertung.geoeffnet.map((alert) => alert.fingerprint));
|
||||
}
|
||||
} catch (fehler) {
|
||||
console.error("Auswertung der Warnregeln nach einem Report fehlgeschlagen:", fehler);
|
||||
}
|
||||
|
||||
return Response.json({
|
||||
ok: true,
|
||||
hostId: host.id,
|
||||
|
||||
@@ -0,0 +1,10 @@
|
||||
import { cookies } from "next/headers";
|
||||
import { SITZUNGS_COOKIE } from "@/lib/sitzung";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
/** Abmelden per Link; löscht das Sitzungs-Cookie. */
|
||||
export async function GET(request: Request) {
|
||||
(await cookies()).delete(SITZUNGS_COOKIE);
|
||||
return Response.redirect(new URL("/login", request.url), 302);
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
import { cookies } from "next/headers";
|
||||
import { cookieOptionen, SITZUNGS_COOKIE, sitzungErzeugen } from "@/lib/sitzung";
|
||||
import { mitOidcAnmelden } from "@/server/auth/benutzer";
|
||||
import { anmeldungAbschliessen, oidcEinstellungen } from "@/server/auth/oidc";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
/** Nimmt die Rückkehr vom Anmeldedienst entgegen und legt die Sitzung an. */
|
||||
export async function GET(request: Request) {
|
||||
const einstellungen = oidcEinstellungen();
|
||||
const speicher = await cookies();
|
||||
const pruefwert = speicher.get("pl_oidc_pruefwert")?.value;
|
||||
const zustand = speicher.get("pl_oidc_zustand")?.value;
|
||||
const ziel = speicher.get("pl_oidc_ziel")?.value ?? "/";
|
||||
|
||||
for (const name of ["pl_oidc_pruefwert", "pl_oidc_zustand", "pl_oidc_ziel"]) {
|
||||
speicher.delete(name);
|
||||
}
|
||||
|
||||
if (!einstellungen || !pruefwert || !zustand) {
|
||||
return Response.redirect(new URL("/login?fehler=oidc", request.url), 302);
|
||||
}
|
||||
|
||||
try {
|
||||
const angaben = await anmeldungAbschliessen(einstellungen, new URL(request.url), pruefwert, zustand);
|
||||
const benutzer = await mitOidcAnmelden(angaben.subject, angaben.email, angaben.name);
|
||||
|
||||
const token = await sitzungErzeugen({
|
||||
benutzerId: benutzer.id,
|
||||
email: benutzer.email,
|
||||
name: benutzer.name,
|
||||
herkunft: "oidc",
|
||||
});
|
||||
speicher.set(SITZUNGS_COOKIE, token, cookieOptionen());
|
||||
|
||||
return Response.redirect(new URL(ziel.startsWith("/") ? ziel : "/", request.url), 302);
|
||||
} catch (fehler) {
|
||||
console.error("OIDC-Rückkehr fehlgeschlagen:", fehler);
|
||||
return Response.redirect(new URL("/login?fehler=oidc", request.url), 302);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
import { cookies } from "next/headers";
|
||||
import { anmeldungStarten, oidcEinstellungen } from "@/server/auth/oidc";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
/** Schickt den Browser zum Anmeldedienst und merkt sich PKCE-Prüfwert und Zustand im Cookie. */
|
||||
export async function GET(request: Request) {
|
||||
const einstellungen = oidcEinstellungen();
|
||||
if (!einstellungen) {
|
||||
return Response.redirect(new URL("/login?fehler=oidc", request.url), 302);
|
||||
}
|
||||
|
||||
const ziel = new URL(request.url).searchParams.get("ziel") ?? "/";
|
||||
|
||||
try {
|
||||
const start = await anmeldungStarten(einstellungen);
|
||||
const speicher = await cookies();
|
||||
const optionen = {
|
||||
httpOnly: true,
|
||||
sameSite: "lax" as const,
|
||||
secure: process.env.NODE_ENV === "production",
|
||||
path: "/",
|
||||
maxAge: 600,
|
||||
};
|
||||
|
||||
speicher.set("pl_oidc_pruefwert", start.pruefwert, optionen);
|
||||
speicher.set("pl_oidc_zustand", start.zustand, optionen);
|
||||
speicher.set("pl_oidc_ziel", ziel.startsWith("/") ? ziel : "/", optionen);
|
||||
|
||||
return Response.redirect(start.url, 302);
|
||||
} catch (fehler) {
|
||||
console.error("OIDC-Start fehlgeschlagen:", fehler);
|
||||
return Response.redirect(new URL("/login?fehler=oidc", request.url), 302);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
"use client";
|
||||
|
||||
import { useState, useTransition } from "react";
|
||||
import { alertsJetztPruefen } from "@/server/actions/alerts";
|
||||
|
||||
/** Stößt die Auswertung sofort an, statt auf den nächsten Durchlauf des Workers zu warten. */
|
||||
export function PruefenKnopf() {
|
||||
const [meldung, setMeldung] = useState<string | null>(null);
|
||||
const [laeuft, starte] = useTransition();
|
||||
|
||||
return (
|
||||
<span className="d-flex align-items-center gap-2">
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-sm btn-outline-primary"
|
||||
disabled={laeuft}
|
||||
onClick={() =>
|
||||
starte(async () => {
|
||||
const ergebnis = await alertsJetztPruefen();
|
||||
setMeldung(ergebnis.erfolg ?? ergebnis.fehler ?? null);
|
||||
})
|
||||
}
|
||||
>
|
||||
<i className="bi bi-arrow-clockwise me-1" aria-hidden="true" />
|
||||
{laeuft ? "Prüft …" : "Jetzt prüfen"}
|
||||
</button>
|
||||
{meldung ? <span className="small text-body-secondary">{meldung}</span> : null}
|
||||
</span>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
"use client";
|
||||
|
||||
import { useActionState } from "react";
|
||||
import { warnregelnSpeichern } from "@/server/actions/alerts";
|
||||
import type { AktionsErgebnis } from "@/server/actions/kunden";
|
||||
|
||||
export interface RegelAnzeige {
|
||||
name: string;
|
||||
beschreibung: string;
|
||||
aktiv: boolean;
|
||||
/** Schwellwerte als Text, mehrere Stufen mit Komma getrennt. */
|
||||
schwellwerte: { name: string; beschriftung: string; wert: string }[];
|
||||
}
|
||||
|
||||
const LEER: AktionsErgebnis = {};
|
||||
|
||||
export function WarnregelFormular({ regeln }: { regeln: RegelAnzeige[] }) {
|
||||
const [ergebnis, aktion, laeuft] = useActionState(warnregelnSpeichern, LEER);
|
||||
|
||||
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 align-middle">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" style={{ width: "6rem" }}>
|
||||
Aktiv
|
||||
</th>
|
||||
<th scope="col">Regel</th>
|
||||
<th scope="col" style={{ width: "22rem" }}>
|
||||
Schwellwerte
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{regeln.map((regel) => (
|
||||
<tr key={regel.name}>
|
||||
<td>
|
||||
<input
|
||||
type="checkbox"
|
||||
className="form-check-input pl-touch-target"
|
||||
name={`aktiv:${regel.name}`}
|
||||
defaultChecked={regel.aktiv}
|
||||
aria-label={`${regel.beschreibung} aktiv`}
|
||||
/>
|
||||
</td>
|
||||
<td>
|
||||
<span className="fw-semibold">{regel.beschreibung}</span>
|
||||
<div className="small text-body-secondary pl-mono">{regel.name}</div>
|
||||
</td>
|
||||
<td>
|
||||
{regel.schwellwerte.length === 0 ? (
|
||||
<span className="small text-body-secondary">keine</span>
|
||||
) : (
|
||||
regel.schwellwerte.map((schwelle) => (
|
||||
<div className="mb-2" key={schwelle.name}>
|
||||
<label className="form-label small mb-1" htmlFor={`${regel.name}-${schwelle.name}`}>
|
||||
{schwelle.beschriftung}
|
||||
</label>
|
||||
<input
|
||||
id={`${regel.name}-${schwelle.name}`}
|
||||
name={`schwelle:${regel.name}:${schwelle.name}`}
|
||||
className="form-control form-control-sm"
|
||||
defaultValue={schwelle.wert}
|
||||
/>
|
||||
</div>
|
||||
))
|
||||
)}
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<button type="submit" className="btn btn-primary pl-touch-target" disabled={laeuft}>
|
||||
{laeuft ? "Speichert …" : "Speichern und neu auswerten"}
|
||||
</button>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
"use client";
|
||||
|
||||
import { useActionState } from "react";
|
||||
import { anmelden } from "@/server/actions/auth";
|
||||
import type { AktionsErgebnis } from "@/server/actions/kunden";
|
||||
|
||||
const LEER: AktionsErgebnis = {};
|
||||
|
||||
export function AnmeldeFormular({ ziel }: { ziel: string }) {
|
||||
const [ergebnis, aktion, laeuft] = useActionState(anmelden, LEER);
|
||||
|
||||
return (
|
||||
<form action={aktion}>
|
||||
<input type="hidden" name="ziel" value={ziel} />
|
||||
|
||||
{ergebnis.fehler ? (
|
||||
<div className="alert alert-danger py-2" role="alert">
|
||||
{ergebnis.fehler}
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
<div className="mb-3">
|
||||
<label className="form-label" htmlFor="email">
|
||||
E-Mail-Adresse
|
||||
</label>
|
||||
<input
|
||||
id="email"
|
||||
name="email"
|
||||
type="email"
|
||||
className="form-control"
|
||||
autoComplete="username"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="mb-3">
|
||||
<label className="form-label" htmlFor="passwort">
|
||||
Passwort
|
||||
</label>
|
||||
<input
|
||||
id="passwort"
|
||||
name="passwort"
|
||||
type="password"
|
||||
className="form-control"
|
||||
autoComplete="current-password"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button type="submit" className="btn btn-primary w-100 pl-touch-target" disabled={laeuft}>
|
||||
{laeuft ? "Meldet an …" : "Anmelden"}
|
||||
</button>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,217 @@
|
||||
"use client";
|
||||
|
||||
import { useActionState } from "react";
|
||||
import { emailKanalSpeichern, webhookKanalSpeichern } from "@/server/actions/benachrichtigungen";
|
||||
import type { AktionsErgebnis } from "@/server/actions/kunden";
|
||||
|
||||
const LEER: AktionsErgebnis = {};
|
||||
|
||||
function Meldung({ ergebnis }: { ergebnis: AktionsErgebnis }) {
|
||||
if (ergebnis.fehler) return <div className="alert alert-danger py-2">{ergebnis.fehler}</div>;
|
||||
if (ergebnis.erfolg) return <div className="alert alert-success py-2">{ergebnis.erfolg}</div>;
|
||||
return null;
|
||||
}
|
||||
|
||||
export interface EmailWerte {
|
||||
id: string | null;
|
||||
name: string;
|
||||
aktiv: boolean;
|
||||
host: string;
|
||||
port: number;
|
||||
benutzer: string;
|
||||
absender: string;
|
||||
empfaenger: string;
|
||||
passwortGesetzt: boolean;
|
||||
}
|
||||
|
||||
export function EmailFormular({ werte }: { werte: EmailWerte }) {
|
||||
const [ergebnis, aktion, laeuft] = useActionState(emailKanalSpeichern, LEER);
|
||||
|
||||
return (
|
||||
<form action={aktion}>
|
||||
{werte.id ? <input type="hidden" name="id" value={werte.id} /> : null}
|
||||
<Meldung ergebnis={ergebnis} />
|
||||
|
||||
<div className="row g-3">
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="smtp-name">
|
||||
Bezeichnung
|
||||
</label>
|
||||
<input id="smtp-name" name="name" className="form-control" defaultValue={werte.name} />
|
||||
</div>
|
||||
<div className="col-md-5">
|
||||
<label className="form-label" htmlFor="smtp-host">
|
||||
SMTP-Server *
|
||||
</label>
|
||||
<input
|
||||
id="smtp-host"
|
||||
name="host"
|
||||
className="form-control"
|
||||
defaultValue={werte.host}
|
||||
placeholder="smtp.office365.com"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-3">
|
||||
<label className="form-label" htmlFor="smtp-port">
|
||||
Port
|
||||
</label>
|
||||
<input
|
||||
id="smtp-port"
|
||||
name="port"
|
||||
type="number"
|
||||
className="form-control"
|
||||
defaultValue={werte.port}
|
||||
/>
|
||||
<div className="form-text">587 = STARTTLS (Microsoft 365), 465 = SMTPS</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="smtp-benutzer">
|
||||
Benutzer
|
||||
</label>
|
||||
<input
|
||||
id="smtp-benutzer"
|
||||
name="benutzer"
|
||||
className="form-control"
|
||||
defaultValue={werte.benutzer}
|
||||
autoComplete="username"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="smtp-passwort">
|
||||
Passwort
|
||||
</label>
|
||||
<input
|
||||
id="smtp-passwort"
|
||||
name="passwort"
|
||||
type="password"
|
||||
className="form-control"
|
||||
autoComplete="new-password"
|
||||
placeholder={werte.passwortGesetzt ? "gespeichert – leer lassen zum Beibehalten" : ""}
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="smtp-absender">
|
||||
Absender
|
||||
</label>
|
||||
<input
|
||||
id="smtp-absender"
|
||||
name="absender"
|
||||
className="form-control"
|
||||
defaultValue={werte.absender}
|
||||
placeholder="proxledger@example.de"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="col-md-9">
|
||||
<label className="form-label" htmlFor="smtp-empfaenger">
|
||||
Empfänger *
|
||||
</label>
|
||||
<input
|
||||
id="smtp-empfaenger"
|
||||
name="empfaenger"
|
||||
className="form-control"
|
||||
defaultValue={werte.empfaenger}
|
||||
placeholder="florian@example.de, team@example.de"
|
||||
required
|
||||
/>
|
||||
<div className="form-text">Mehrere Adressen mit Komma trennen.</div>
|
||||
</div>
|
||||
<div className="col-md-3 d-flex align-items-center">
|
||||
<div className="form-check mt-4">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
id="smtp-aktiv"
|
||||
name="aktiv"
|
||||
defaultChecked={werte.aktiv}
|
||||
/>
|
||||
<label className="form-check-label" htmlFor="smtp-aktiv">
|
||||
aktiv
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" className="btn btn-primary mt-3 pl-touch-target" disabled={laeuft}>
|
||||
{laeuft ? "Speichert …" : "E-Mail-Versand speichern"}
|
||||
</button>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
|
||||
export interface WebhookWerte {
|
||||
id: string | null;
|
||||
name: string;
|
||||
aktiv: boolean;
|
||||
url: string;
|
||||
geheimnisGesetzt: boolean;
|
||||
}
|
||||
|
||||
export function WebhookFormular({ werte }: { werte: WebhookWerte }) {
|
||||
const [ergebnis, aktion, laeuft] = useActionState(webhookKanalSpeichern, LEER);
|
||||
|
||||
return (
|
||||
<form action={aktion}>
|
||||
{werte.id ? <input type="hidden" name="id" value={werte.id} /> : null}
|
||||
<Meldung ergebnis={ergebnis} />
|
||||
|
||||
<div className="row g-3">
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="hook-name">
|
||||
Bezeichnung
|
||||
</label>
|
||||
<input id="hook-name" name="name" className="form-control" defaultValue={werte.name} />
|
||||
</div>
|
||||
<div className="col-md-8">
|
||||
<label className="form-label" htmlFor="hook-url">
|
||||
Adresse *
|
||||
</label>
|
||||
<input
|
||||
id="hook-url"
|
||||
name="url"
|
||||
className="form-control"
|
||||
defaultValue={werte.url}
|
||||
placeholder="https://matrix.example.de/hook/abc"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-9">
|
||||
<label className="form-label" htmlFor="hook-geheimnis">
|
||||
Geheimnis für die Signatur
|
||||
</label>
|
||||
<input
|
||||
id="hook-geheimnis"
|
||||
name="geheimnis"
|
||||
type="password"
|
||||
className="form-control"
|
||||
autoComplete="new-password"
|
||||
placeholder={werte.geheimnisGesetzt ? "gespeichert – leer lassen zum Beibehalten" : "optional"}
|
||||
/>
|
||||
<div className="form-text">
|
||||
Wird als <span className="pl-mono">X-ProxLedger-Signatur: sha256=…</span> mitgeschickt.
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-3 d-flex align-items-center">
|
||||
<div className="form-check mt-4">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
id="hook-aktiv"
|
||||
name="aktiv"
|
||||
defaultChecked={werte.aktiv}
|
||||
/>
|
||||
<label className="form-check-label" htmlFor="hook-aktiv">
|
||||
aktiv
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" className="btn btn-primary mt-3 pl-touch-target" disabled={laeuft}>
|
||||
{laeuft ? "Speichert …" : "Webhook speichern"}
|
||||
</button>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
@@ -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;
|
||||
}) {
|
||||
@@ -144,7 +150,7 @@ export function Header({
|
||||
{alerts.slice(0, 6).map((alert) => (
|
||||
<Link
|
||||
key={alert.id}
|
||||
href={alert.hostId ? `/hosts/${alert.hostId}` : "/hosts"}
|
||||
href={alert.hostId ? `/hosts/${alert.hostId}` : "/warnungen"}
|
||||
className="dropdown-item d-flex gap-2 py-2"
|
||||
onClick={() => setGlockeOffen(false)}
|
||||
>
|
||||
@@ -156,7 +162,11 @@ export function Header({
|
||||
</Link>
|
||||
))}
|
||||
<div className="dropdown-divider" />
|
||||
<Link href="/hosts" className="dropdown-item text-center" onClick={() => setGlockeOffen(false)}>
|
||||
<Link
|
||||
href="/warnungen"
|
||||
className="dropdown-item text-center"
|
||||
onClick={() => setGlockeOffen(false)}
|
||||
>
|
||||
Alle Warnungen ansehen
|
||||
</Link>
|
||||
</div>
|
||||
@@ -204,7 +214,9 @@ export function Header({
|
||||
<Link href="/einstellungen/system" className="dropdown-item">
|
||||
Einstellungen
|
||||
</Link>
|
||||
<span className="dropdown-item text-body-secondary">Abmelden (ab #013)</span>
|
||||
<a className="dropdown-item" href="/api/auth/abmelden">
|
||||
Abmelden
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -15,10 +15,12 @@ interface MenuEintrag {
|
||||
export function Sidebar({
|
||||
hostsAnzahl,
|
||||
offeneRechnungspunkte,
|
||||
offeneWarnungen,
|
||||
benutzer,
|
||||
}: {
|
||||
hostsAnzahl: number;
|
||||
offeneRechnungspunkte: number;
|
||||
offeneWarnungen: number;
|
||||
benutzer: string;
|
||||
}) {
|
||||
const pathname = usePathname();
|
||||
@@ -44,11 +46,19 @@ export function Sidebar({
|
||||
: undefined,
|
||||
},
|
||||
{ href: "/jahresbahn", titel: "Jahresbahn", icon: "bi-calendar3-range" },
|
||||
{
|
||||
href: "/warnungen",
|
||||
titel: "Warnungen",
|
||||
icon: "bi-bell",
|
||||
badge: offeneWarnungen > 0 ? { text: String(offeneWarnungen), klasse: "pl-bg-warning" } : undefined,
|
||||
},
|
||||
];
|
||||
|
||||
const einstellungen: MenuEintrag[] = [
|
||||
{ href: "/einstellungen/tokens", titel: "Agent-Tokens", icon: "bi-key" },
|
||||
{ href: "/einstellungen/warnregeln", titel: "Warnregeln", icon: "bi-shield-exclamation" },
|
||||
{ href: "/einstellungen/benachrichtigungen", titel: "Benachrichtigungen", icon: "bi-bell" },
|
||||
{ href: "/einstellungen/audit", titel: "Protokoll", icon: "bi-list-check" },
|
||||
{ href: "/einstellungen/system", titel: "System", icon: "bi-sliders" },
|
||||
];
|
||||
|
||||
|
||||
@@ -0,0 +1,345 @@
|
||||
"use client";
|
||||
|
||||
import { useActionState } from "react";
|
||||
import { kundenrechnungSpeichern, proxmoxRechnungSpeichern } from "@/server/actions/rechnungen";
|
||||
import type { AktionsErgebnis } from "@/server/actions/kunden";
|
||||
|
||||
const LEER: AktionsErgebnis = {};
|
||||
|
||||
function isoDatum(wert: string | null | undefined) {
|
||||
return wert ? wert.slice(0, 10) : "";
|
||||
}
|
||||
|
||||
function Meldung({ ergebnis }: { ergebnis: AktionsErgebnis }) {
|
||||
if (ergebnis.fehler) return <div className="alert alert-danger py-2">{ergebnis.fehler}</div>;
|
||||
if (ergebnis.erfolg) return <div className="alert alert-success py-2">{ergebnis.erfolg}</div>;
|
||||
return null;
|
||||
}
|
||||
|
||||
export interface ProxmoxWerte {
|
||||
nummer: string | null;
|
||||
datum: string | null;
|
||||
faelligAm: string | null;
|
||||
nettoBetrag: number | null;
|
||||
ustSatz: number;
|
||||
rabatt: number | null;
|
||||
zahlungsart: string | null;
|
||||
bezahlt: boolean;
|
||||
bezahltAm: string | null;
|
||||
anhangId: string | null;
|
||||
anhangName: string | null;
|
||||
}
|
||||
|
||||
/** Proxmox-Rechnung (Einkauf). Gleiche Rechnungsnummer heißt: Position an derselben Rechnung. */
|
||||
export function ProxmoxRechnungFormular({
|
||||
laufzeitId,
|
||||
hostId,
|
||||
werte,
|
||||
}: {
|
||||
laufzeitId: string;
|
||||
hostId: string;
|
||||
werte: ProxmoxWerte;
|
||||
}) {
|
||||
const [ergebnis, aktion, laeuft] = useActionState(proxmoxRechnungSpeichern, LEER);
|
||||
|
||||
return (
|
||||
<form action={aktion}>
|
||||
<input type="hidden" name="laufzeitId" value={laufzeitId} />
|
||||
<input type="hidden" name="hostId" value={hostId} />
|
||||
<Meldung ergebnis={ergebnis} />
|
||||
|
||||
<div className="row g-3">
|
||||
<div className="col-md-6">
|
||||
<label className="form-label" htmlFor="px-nummer">
|
||||
Rechnungsnummer *
|
||||
</label>
|
||||
<input
|
||||
id="px-nummer"
|
||||
name="nummer"
|
||||
className="form-control pl-mono"
|
||||
defaultValue={werte.nummer ?? ""}
|
||||
placeholder="PX-2026-14790"
|
||||
required
|
||||
/>
|
||||
<div className="form-text">
|
||||
Eine bereits vorhandene Nummer ergänzt die Sammelrechnung um diese Laufzeit.
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-3">
|
||||
<label className="form-label" htmlFor="px-datum">
|
||||
Rechnungsdatum *
|
||||
</label>
|
||||
<input
|
||||
id="px-datum"
|
||||
name="datum"
|
||||
type="date"
|
||||
className="form-control"
|
||||
defaultValue={isoDatum(werte.datum)}
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-3">
|
||||
<label className="form-label" htmlFor="px-faellig">
|
||||
Fällig am
|
||||
</label>
|
||||
<input
|
||||
id="px-faellig"
|
||||
name="faelligAm"
|
||||
type="date"
|
||||
className="form-control"
|
||||
defaultValue={isoDatum(werte.faelligAm)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="col-md-3">
|
||||
<label className="form-label" htmlFor="px-netto">
|
||||
Netto (€) *
|
||||
</label>
|
||||
<input
|
||||
id="px-netto"
|
||||
name="nettoBetrag"
|
||||
className="form-control"
|
||||
inputMode="decimal"
|
||||
defaultValue={werte.nettoBetrag ?? ""}
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-2">
|
||||
<label className="form-label" htmlFor="px-ust">
|
||||
USt (%)
|
||||
</label>
|
||||
<input
|
||||
id="px-ust"
|
||||
name="ustSatz"
|
||||
className="form-control"
|
||||
inputMode="decimal"
|
||||
defaultValue={werte.ustSatz}
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-3">
|
||||
<label className="form-label" htmlFor="px-rabatt">
|
||||
Rabatt (€)
|
||||
</label>
|
||||
<input
|
||||
id="px-rabatt"
|
||||
name="rabatt"
|
||||
className="form-control"
|
||||
inputMode="decimal"
|
||||
defaultValue={werte.rabatt ?? ""}
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="px-zahlungsart">
|
||||
Zahlungsart
|
||||
</label>
|
||||
<input
|
||||
id="px-zahlungsart"
|
||||
name="zahlungsart"
|
||||
className="form-control"
|
||||
defaultValue={werte.zahlungsart ?? ""}
|
||||
placeholder="Überweisung"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="col-md-4 d-flex align-items-end">
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
id="px-bezahlt"
|
||||
name="bezahlt"
|
||||
defaultChecked={werte.bezahlt}
|
||||
/>
|
||||
<label className="form-check-label" htmlFor="px-bezahlt">
|
||||
bezahlt
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="px-bezahltAm">
|
||||
Bezahlt am
|
||||
</label>
|
||||
<input
|
||||
id="px-bezahltAm"
|
||||
name="bezahltAm"
|
||||
type="date"
|
||||
className="form-control"
|
||||
defaultValue={isoDatum(werte.bezahltAm)}
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="px-pdf">
|
||||
PDF (max. 10 MB)
|
||||
</label>
|
||||
<input id="px-pdf" name="pdf" type="file" accept="application/pdf" className="form-control" />
|
||||
{werte.anhangId ? (
|
||||
<div className="form-text">
|
||||
Hinterlegt:{" "}
|
||||
<a href={`/anhang/${werte.anhangId}`} target="_blank" rel="noreferrer">
|
||||
{werte.anhangName ?? "PDF ansehen"}
|
||||
</a>
|
||||
</div>
|
||||
) : null}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" className="btn btn-primary mt-3 pl-touch-target" disabled={laeuft}>
|
||||
{laeuft ? "Speichert …" : "Proxmox-Rechnung speichern"}
|
||||
</button>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
|
||||
export interface KundenWerte {
|
||||
erstellt: boolean;
|
||||
nummer: string | null;
|
||||
datum: string | null;
|
||||
nettoBetrag: number | null;
|
||||
ustSatz: number;
|
||||
bezahlt: boolean;
|
||||
bezahltAm: string | null;
|
||||
anhangId: string | null;
|
||||
anhangName: string | null;
|
||||
}
|
||||
|
||||
/** Kundenrechnung (Verkauf). */
|
||||
export function KundenrechnungFormular({
|
||||
laufzeitId,
|
||||
hostId,
|
||||
werte,
|
||||
kundeVorhanden,
|
||||
}: {
|
||||
laufzeitId: string;
|
||||
hostId: string;
|
||||
werte: KundenWerte;
|
||||
kundeVorhanden: boolean;
|
||||
}) {
|
||||
const [ergebnis, aktion, laeuft] = useActionState(kundenrechnungSpeichern, LEER);
|
||||
|
||||
if (!kundeVorhanden) {
|
||||
return (
|
||||
<p className="mb-0 text-body-secondary">
|
||||
Dieser Host ist keinem Kunden zugewiesen. Ohne Kunde lässt sich keine Kundenrechnung erfassen.
|
||||
</p>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<form action={aktion}>
|
||||
<input type="hidden" name="laufzeitId" value={laufzeitId} />
|
||||
<input type="hidden" name="hostId" value={hostId} />
|
||||
<Meldung ergebnis={ergebnis} />
|
||||
|
||||
<div className="row g-3">
|
||||
<div className="col-md-4 d-flex align-items-end">
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
id="kr-erstellt"
|
||||
name="erstellt"
|
||||
defaultChecked={werte.erstellt}
|
||||
/>
|
||||
<label className="form-check-label" htmlFor="kr-erstellt">
|
||||
Rechnung ist erstellt
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="kr-nummer">
|
||||
Rechnungsnummer
|
||||
</label>
|
||||
<input
|
||||
id="kr-nummer"
|
||||
name="nummer"
|
||||
className="form-control pl-mono"
|
||||
defaultValue={werte.nummer ?? ""}
|
||||
placeholder="RE-2026-0412"
|
||||
/>
|
||||
<div className="form-text">Gleiche Nummer = eine Rechnung über mehrere Laufzeiten.</div>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="kr-datum">
|
||||
Rechnungsdatum
|
||||
</label>
|
||||
<input
|
||||
id="kr-datum"
|
||||
name="datum"
|
||||
type="date"
|
||||
className="form-control"
|
||||
defaultValue={isoDatum(werte.datum)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="col-md-4">
|
||||
<label className="form-label" htmlFor="kr-netto">
|
||||
Netto (€)
|
||||
</label>
|
||||
<input
|
||||
id="kr-netto"
|
||||
name="nettoBetrag"
|
||||
className="form-control"
|
||||
inputMode="decimal"
|
||||
defaultValue={werte.nettoBetrag ?? ""}
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-2">
|
||||
<label className="form-label" htmlFor="kr-ust">
|
||||
USt (%)
|
||||
</label>
|
||||
<input
|
||||
id="kr-ust"
|
||||
name="ustSatz"
|
||||
className="form-control"
|
||||
inputMode="decimal"
|
||||
defaultValue={werte.ustSatz}
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-3 d-flex align-items-end">
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
id="kr-bezahlt"
|
||||
name="bezahlt"
|
||||
defaultChecked={werte.bezahlt}
|
||||
/>
|
||||
<label className="form-check-label" htmlFor="kr-bezahlt">
|
||||
vom Kunden bezahlt
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-3">
|
||||
<label className="form-label" htmlFor="kr-bezahltAm">
|
||||
Bezahlt am
|
||||
</label>
|
||||
<input
|
||||
id="kr-bezahltAm"
|
||||
name="bezahltAm"
|
||||
type="date"
|
||||
className="form-control"
|
||||
defaultValue={isoDatum(werte.bezahltAm)}
|
||||
/>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<label className="form-label" htmlFor="kr-pdf">
|
||||
PDF (max. 10 MB)
|
||||
</label>
|
||||
<input id="kr-pdf" name="pdf" type="file" accept="application/pdf" className="form-control" />
|
||||
{werte.anhangId ? (
|
||||
<div className="form-text">
|
||||
Hinterlegt:{" "}
|
||||
<a href={`/anhang/${werte.anhangId}`} target="_blank" rel="noreferrer">
|
||||
{werte.anhangName ?? "PDF ansehen"}
|
||||
</a>
|
||||
</div>
|
||||
) : null}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" className="btn btn-primary mt-3 pl-touch-target" disabled={laeuft}>
|
||||
{laeuft ? "Speichert …" : "Kundenrechnung speichern"}
|
||||
</button>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
"use client";
|
||||
|
||||
import { useTransition } from "react";
|
||||
import { statusUmschalten } from "@/server/actions/rechnungen";
|
||||
|
||||
/**
|
||||
* Häkchen, das den Rechnungsstatus direkt in der Tabelle setzt.
|
||||
* Ohne erfasste Rechnung bleibt es deaktiviert – außer bei „Kundenrechnung erstellt“,
|
||||
* denn dort legt das Häkchen eine Rechnung ohne Nummer an, die später ergänzt wird.
|
||||
*/
|
||||
export function StatusHaken({
|
||||
laufzeitId,
|
||||
hostId,
|
||||
feld,
|
||||
wert,
|
||||
deaktiviert = false,
|
||||
titel,
|
||||
}: {
|
||||
laufzeitId: string;
|
||||
hostId: string;
|
||||
feld: "einkaufBezahlt" | "verkaufErstellt" | "verkaufBezahlt";
|
||||
wert: boolean;
|
||||
deaktiviert?: boolean;
|
||||
titel: string;
|
||||
}) {
|
||||
const [laeuft, starte] = useTransition();
|
||||
|
||||
function umschalten(neu: boolean) {
|
||||
const daten = new FormData();
|
||||
daten.set("laufzeitId", laufzeitId);
|
||||
daten.set("hostId", hostId);
|
||||
daten.set("feld", feld);
|
||||
daten.set("wert", String(neu));
|
||||
starte(async () => {
|
||||
await statusUmschalten(daten);
|
||||
});
|
||||
}
|
||||
|
||||
return (
|
||||
<span className="d-inline-flex align-items-center justify-content-center">
|
||||
{laeuft ? (
|
||||
<span
|
||||
className="spinner-border spinner-border-sm text-body-secondary"
|
||||
role="status"
|
||||
aria-hidden="true"
|
||||
/>
|
||||
) : (
|
||||
<input
|
||||
type="checkbox"
|
||||
className="form-check-input pl-touch-target"
|
||||
checked={wert}
|
||||
disabled={deaktiviert}
|
||||
onChange={(e) => umschalten(e.target.checked)}
|
||||
aria-label={titel}
|
||||
title={deaktiviert ? "Erst eine Rechnung erfassen" : titel}
|
||||
/>
|
||||
)}
|
||||
</span>
|
||||
);
|
||||
}
|
||||
@@ -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. */
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { useState } from "react";
|
||||
import { useState, useTransition } from "react";
|
||||
import { statusUmschalten } from "@/server/actions/rechnungen";
|
||||
import { Badge } from "./Badges";
|
||||
import type { Farbton } from "./SmallBox";
|
||||
|
||||
@@ -12,6 +13,12 @@ export interface Aufgabe {
|
||||
dringlichkeit: "gefahr" | "warnung" | "info";
|
||||
badgeText: string;
|
||||
href: string;
|
||||
/** Gesetzt, wenn das Abhaken direkt einen Rechnungsstatus setzt. */
|
||||
aktion?: {
|
||||
laufzeitId: string;
|
||||
hostId: string;
|
||||
feld: "einkaufBezahlt" | "verkaufErstellt";
|
||||
};
|
||||
}
|
||||
|
||||
const BADGE_FARBE: Record<Aufgabe["dringlichkeit"], Farbton> = {
|
||||
@@ -21,14 +28,30 @@ const BADGE_FARBE: Record<Aufgabe["dringlichkeit"], Farbton> = {
|
||||
};
|
||||
|
||||
/**
|
||||
* Aufgabenliste im AdminLTE-Todo-Stil. Im Prototyp merkt sich das Abhaken den Zustand nur lokal;
|
||||
* ab #008 setzt es den Rechnungsstatus in der Datenbank.
|
||||
* Aufgabenliste im AdminLTE-Todo-Stil. Aufgaben mit `aktion` setzen beim Abhaken den
|
||||
* Rechnungsstatus in der Datenbank; die übrigen sind Merkposten und verschwinden erst,
|
||||
* wenn die Ursache behoben ist (z. B. ein Host einem Kunden zugewiesen wurde).
|
||||
*/
|
||||
export function TodoList({ aufgaben }: { aufgaben: Aufgabe[] }) {
|
||||
const [erledigt, setErledigt] = useState<string[]>([]);
|
||||
const [oertlichErledigt, setOertlichErledigt] = useState<string[]>([]);
|
||||
const [laeuft, starte] = useTransition();
|
||||
|
||||
function umschalten(id: string) {
|
||||
setErledigt((alt) => (alt.includes(id) ? alt.filter((x) => x !== id) : [...alt, id]));
|
||||
function umschalten(aufgabe: Aufgabe) {
|
||||
if (!aufgabe.aktion) {
|
||||
setOertlichErledigt((alt) =>
|
||||
alt.includes(aufgabe.id) ? alt.filter((x) => x !== aufgabe.id) : [...alt, aufgabe.id],
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
const daten = new FormData();
|
||||
daten.set("laufzeitId", aufgabe.aktion.laufzeitId);
|
||||
daten.set("hostId", aufgabe.aktion.hostId);
|
||||
daten.set("feld", aufgabe.aktion.feld);
|
||||
daten.set("wert", "true");
|
||||
starte(async () => {
|
||||
await statusUmschalten(daten);
|
||||
});
|
||||
}
|
||||
|
||||
if (aufgaben.length === 0) {
|
||||
@@ -38,7 +61,7 @@ export function TodoList({ aufgaben }: { aufgaben: Aufgabe[] }) {
|
||||
return (
|
||||
<ul className="pl-todo-list">
|
||||
{aufgaben.map((aufgabe) => {
|
||||
const istErledigt = erledigt.includes(aufgabe.id);
|
||||
const istErledigt = oertlichErledigt.includes(aufgabe.id);
|
||||
return (
|
||||
<li
|
||||
key={aufgabe.id}
|
||||
@@ -48,8 +71,12 @@ export function TodoList({ aufgaben }: { aufgaben: Aufgabe[] }) {
|
||||
type="checkbox"
|
||||
className="form-check-input mt-1 pl-touch-target"
|
||||
checked={istErledigt}
|
||||
onChange={() => umschalten(aufgabe.id)}
|
||||
aria-label={`${aufgabe.titel} erledigt`}
|
||||
disabled={laeuft}
|
||||
onChange={() => umschalten(aufgabe)}
|
||||
aria-label={
|
||||
aufgabe.aktion ? `${aufgabe.titel} als erledigt eintragen` : `${aufgabe.titel} abhaken`
|
||||
}
|
||||
title={aufgabe.aktion ? "Setzt den Rechnungsstatus" : "Nur zur eigenen Übersicht"}
|
||||
/>
|
||||
<div className="flex-grow-1 pl-todo-text">
|
||||
<Link href={aufgabe.href} className="fw-semibold text-decoration-none">
|
||||
|
||||
@@ -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,64 @@
|
||||
import { SignJWT, jwtVerify } from "jose";
|
||||
|
||||
/**
|
||||
* Sitzungen als signiertes Token im Cookie – kein Serverzustand nötig.
|
||||
* Der Schlüssel kommt aus `APP_SECRET`; ohne ihn startet die Anmeldung nicht.
|
||||
*/
|
||||
|
||||
export const SITZUNGS_COOKIE = "pl_sitzung";
|
||||
export const SITZUNGSDAUER_STUNDEN = 12;
|
||||
|
||||
export interface Sitzung {
|
||||
benutzerId: string;
|
||||
email: string;
|
||||
name: string;
|
||||
/** Woher die Anmeldung stammt – für das Audit-Log und die Anzeige. */
|
||||
herkunft: "passwort" | "oidc";
|
||||
}
|
||||
|
||||
function schluessel(): Uint8Array {
|
||||
const geheimnis = process.env.APP_SECRET;
|
||||
if (!geheimnis || geheimnis.length < 32) {
|
||||
throw new Error(
|
||||
"APP_SECRET fehlt oder ist zu kurz (mindestens 32 Zeichen). Beispiel: openssl rand -base64 48",
|
||||
);
|
||||
}
|
||||
return new TextEncoder().encode(geheimnis);
|
||||
}
|
||||
|
||||
export async function sitzungErzeugen(sitzung: Sitzung): Promise<string> {
|
||||
return new SignJWT({ ...sitzung })
|
||||
.setProtectedHeader({ alg: "HS256" })
|
||||
.setSubject(sitzung.benutzerId)
|
||||
.setIssuedAt()
|
||||
.setIssuer("proxledger")
|
||||
.setExpirationTime(`${SITZUNGSDAUER_STUNDEN}h`)
|
||||
.sign(schluessel());
|
||||
}
|
||||
|
||||
/** Prüft das Token; bei ungültiger Signatur oder Ablauf kommt null zurück. */
|
||||
export async function sitzungLesen(token: string | undefined): Promise<Sitzung | null> {
|
||||
if (!token) return null;
|
||||
try {
|
||||
const { payload } = await jwtVerify(token, schluessel(), { issuer: "proxledger" });
|
||||
if (typeof payload.benutzerId !== "string" || typeof payload.email !== "string") return null;
|
||||
return {
|
||||
benutzerId: payload.benutzerId,
|
||||
email: payload.email,
|
||||
name: typeof payload.name === "string" ? payload.name : payload.email,
|
||||
herkunft: payload.herkunft === "oidc" ? "oidc" : "passwort",
|
||||
};
|
||||
} catch {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
export function cookieOptionen() {
|
||||
return {
|
||||
httpOnly: true,
|
||||
sameSite: "lax" as const,
|
||||
secure: process.env.NODE_ENV === "production",
|
||||
path: "/",
|
||||
maxAge: SITZUNGSDAUER_STUNDEN * 3600,
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
import { createHash } from "node:crypto";
|
||||
import { mkdir, writeFile } from "node:fs/promises";
|
||||
import path from "node:path";
|
||||
import { prisma } from "./db";
|
||||
|
||||
/** Rechnungs-PDFs liegen auf der Platte, nur die Metadaten in der Datenbank. */
|
||||
export const UPLOAD_VERZEICHNIS = process.env.UPLOAD_DIR ?? path.join(process.cwd(), "data", "uploads");
|
||||
export const MAX_GROESSE = 10 * 1024 * 1024;
|
||||
|
||||
export class UploadFehler extends Error {}
|
||||
|
||||
/**
|
||||
* Nimmt ein PDF entgegen und legt es unter seiner Prüfsumme ab.
|
||||
* Gleiche Datei zweimal hochgeladen heißt: derselbe Anhang, kein zweites Exemplar auf der Platte.
|
||||
*/
|
||||
export async function anhangSpeichern(datei: File): Promise<string> {
|
||||
if (datei.size === 0) throw new UploadFehler("Die Datei ist leer.");
|
||||
if (datei.size > MAX_GROESSE) {
|
||||
throw new UploadFehler(`Die Datei ist größer als ${MAX_GROESSE / 1024 / 1024} MB.`);
|
||||
}
|
||||
|
||||
const inhalt = Buffer.from(await datei.arrayBuffer());
|
||||
|
||||
// Nicht auf den gemeldeten Typ verlassen, sondern in die Datei sehen.
|
||||
if (inhalt.subarray(0, 5).toString("latin1") !== "%PDF-") {
|
||||
throw new UploadFehler("Nur PDF-Dateien sind erlaubt.");
|
||||
}
|
||||
|
||||
const sha256 = createHash("sha256").update(inhalt).digest("hex");
|
||||
const vorhanden = await prisma.anhang.findFirst({ where: { sha256 } });
|
||||
if (vorhanden) return vorhanden.id;
|
||||
|
||||
await mkdir(UPLOAD_VERZEICHNIS, { recursive: true });
|
||||
const dateiname = `${sha256}.pdf`;
|
||||
await writeFile(path.join(UPLOAD_VERZEICHNIS, dateiname), inhalt, { mode: 0o640 });
|
||||
|
||||
const anhang = await prisma.anhang.create({
|
||||
data: {
|
||||
dateiname: datei.name || dateiname,
|
||||
pfad: dateiname,
|
||||
mimeTyp: "application/pdf",
|
||||
groesse: inhalt.length,
|
||||
sha256,
|
||||
},
|
||||
});
|
||||
|
||||
return anhang.id;
|
||||
}
|
||||
|
||||
export function anhangPfad(pfad: string): string {
|
||||
// Nur der Dateiname aus der Datenbank wird verwendet; Pfadangaben darin werden verworfen.
|
||||
return path.join(UPLOAD_VERZEICHNIS, path.basename(pfad));
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
import { NextResponse, type NextRequest } from "next/server";
|
||||
import { SITZUNGS_COOKIE, sitzungLesen } from "@/lib/sitzung";
|
||||
|
||||
/**
|
||||
* Schützt die Oberfläche: Ohne gültige Sitzung führt jeder Weg zur Anmeldung.
|
||||
* Die Agent-API bleibt bewusst außen vor – sie authentifiziert sich mit eigenen Tokens.
|
||||
* (In Next 16 heißt diese Datei `proxy.ts`, früher `middleware.ts`.)
|
||||
*/
|
||||
|
||||
const OEFFENTLICH = [
|
||||
"/login",
|
||||
"/api/auth",
|
||||
"/api/agent",
|
||||
"/install.sh",
|
||||
"/agent.sh",
|
||||
"/favicon.ico",
|
||||
"/icon.svg",
|
||||
];
|
||||
|
||||
export async function proxy(request: NextRequest) {
|
||||
const pfad = request.nextUrl.pathname;
|
||||
|
||||
if (OEFFENTLICH.some((eintrag) => pfad === eintrag || pfad.startsWith(`${eintrag}/`))) {
|
||||
return NextResponse.next();
|
||||
}
|
||||
|
||||
const sitzung = await sitzungLesen(request.cookies.get(SITZUNGS_COOKIE)?.value);
|
||||
if (sitzung) return NextResponse.next();
|
||||
|
||||
const ziel = new URL("/login", request.url);
|
||||
if (pfad !== "/") ziel.searchParams.set("ziel", `${pfad}${request.nextUrl.search}`);
|
||||
return NextResponse.redirect(ziel);
|
||||
}
|
||||
|
||||
export const config = {
|
||||
// Statische Dateien und Bilder brauchen keine Prüfung.
|
||||
matcher: ["/((?!_next/static|_next/image|.*\\.(?:png|jpg|svg|ico|woff2)$).*)"],
|
||||
};
|
||||
@@ -0,0 +1,93 @@
|
||||
"use server";
|
||||
|
||||
import { revalidatePath } from "next/cache";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { protokolliere } from "@/server/audit";
|
||||
import { alertsAbgleichen } from "@/server/alerts/abgleich";
|
||||
import { REGELN } from "@/server/alerts/regeln";
|
||||
import type { AktionsErgebnis } from "./kunden";
|
||||
|
||||
function neuLaden() {
|
||||
revalidatePath("/warnungen");
|
||||
revalidatePath("/einstellungen/warnregeln");
|
||||
revalidatePath("/");
|
||||
}
|
||||
|
||||
/** Warnung quittieren: sie bleibt offen, ist aber als gesehen markiert. */
|
||||
export async function alertQuittieren(formular: FormData) {
|
||||
const id = formular.get("id")?.toString();
|
||||
if (!id) return;
|
||||
|
||||
await prisma.alert.update({ where: { id }, data: { quittiertAm: new Date() } });
|
||||
await protokolliere("alert.quittiert", "Alert", id, {});
|
||||
neuLaden();
|
||||
}
|
||||
|
||||
/** Warnung von Hand schließen; taucht der Fall weiter auf, öffnet der nächste Abgleich sie erneut. */
|
||||
export async function alertSchliessen(formular: FormData) {
|
||||
const id = formular.get("id")?.toString();
|
||||
if (!id) return;
|
||||
|
||||
await prisma.alert.update({ where: { id }, data: { erledigtAm: new Date() } });
|
||||
await protokolliere("alert.geschlossen", "Alert", id, {});
|
||||
neuLaden();
|
||||
}
|
||||
|
||||
/** Auswertung sofort anstoßen, ohne auf den Worker zu warten. */
|
||||
export async function alertsJetztPruefen(): Promise<AktionsErgebnis> {
|
||||
const ergebnis = await alertsAbgleichen();
|
||||
neuLaden();
|
||||
return {
|
||||
erfolg: `${ergebnis.geoeffnet.length} neu, ${ergebnis.erledigt.length} erledigt, ${ergebnis.unveraendert} unverändert.`,
|
||||
};
|
||||
}
|
||||
|
||||
/** Schwellwerte und Ein-/Ausschalter der Regeln speichern. */
|
||||
export async function warnregelnSpeichern(
|
||||
_vorher: AktionsErgebnis,
|
||||
formular: FormData,
|
||||
): Promise<AktionsErgebnis> {
|
||||
for (const regel of REGELN) {
|
||||
const aktiv = formular.get(`aktiv:${regel.name}`) === "on";
|
||||
const schwellwerte: Record<string, number | number[]> = {};
|
||||
|
||||
for (const [name, standard] of Object.entries(regel.standardSchwellwerte)) {
|
||||
const eingabe = formular.get(`schwelle:${regel.name}:${name}`)?.toString().trim();
|
||||
if (!eingabe) continue;
|
||||
|
||||
if (Array.isArray(standard)) {
|
||||
const zahlen = eingabe
|
||||
.split(",")
|
||||
.map((teil) => Number(teil.trim()))
|
||||
.filter((zahl) => Number.isFinite(zahl) && zahl > 0)
|
||||
.sort((a, b) => b - a);
|
||||
if (zahlen.length === 0) {
|
||||
return { fehler: `Bei „${regel.beschreibung}“ bitte mindestens einen Wert angeben.` };
|
||||
}
|
||||
schwellwerte[name] = zahlen;
|
||||
} else {
|
||||
const zahl = Number(eingabe);
|
||||
if (!Number.isFinite(zahl) || zahl <= 0) {
|
||||
return { fehler: `Bei „${regel.beschreibung}“ bitte eine Zahl größer null angeben.` };
|
||||
}
|
||||
schwellwerte[name] = zahl;
|
||||
}
|
||||
}
|
||||
|
||||
await prisma.warnregelEinstellung.upsert({
|
||||
where: { regel: regel.name },
|
||||
update: { aktiv, schwellwerte },
|
||||
create: { regel: regel.name, aktiv, schwellwerte },
|
||||
});
|
||||
}
|
||||
|
||||
await protokolliere("warnregeln.geaendert", "WarnregelEinstellung", null, {});
|
||||
|
||||
// Änderungen sollen sofort sichtbar sein.
|
||||
const ergebnis = await alertsAbgleichen();
|
||||
neuLaden();
|
||||
|
||||
return {
|
||||
erfolg: `Gespeichert. Auswertung: ${ergebnis.geoeffnet.length} neu, ${ergebnis.erledigt.length} erledigt.`,
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
"use server";
|
||||
|
||||
import { cookies, headers } from "next/headers";
|
||||
import { redirect } from "next/navigation";
|
||||
import { cookieOptionen, SITZUNGS_COOKIE, sitzungErzeugen } from "@/lib/sitzung";
|
||||
import { clientIp } from "@/lib/ratelimit";
|
||||
import { protokolliere } from "@/server/audit";
|
||||
import { AnmeldeFehler, mitPasswortAnmelden } from "@/server/auth/benutzer";
|
||||
import type { AktionsErgebnis } from "./kunden";
|
||||
|
||||
/** Anmeldung mit E-Mail und Passwort (Rückfallweg, wenn OIDC nicht erreichbar ist). */
|
||||
export async function anmelden(_vorher: AktionsErgebnis, formular: FormData): Promise<AktionsErgebnis> {
|
||||
const email = formular.get("email")?.toString().trim() ?? "";
|
||||
const passwort = formular.get("passwort")?.toString() ?? "";
|
||||
const ziel = formular.get("ziel")?.toString() || "/";
|
||||
|
||||
if (!email || !passwort) {
|
||||
return { fehler: "Bitte E-Mail-Adresse und Passwort eingeben." };
|
||||
}
|
||||
|
||||
try {
|
||||
const kopfzeilen = await headers();
|
||||
const benutzer = await mitPasswortAnmelden(email, passwort, clientIp(kopfzeilen));
|
||||
|
||||
const token = await sitzungErzeugen({
|
||||
benutzerId: benutzer.id,
|
||||
email: benutzer.email,
|
||||
name: benutzer.name,
|
||||
herkunft: "passwort",
|
||||
});
|
||||
|
||||
(await cookies()).set(SITZUNGS_COOKIE, token, cookieOptionen());
|
||||
} catch (fehler) {
|
||||
if (fehler instanceof AnmeldeFehler) return { fehler: fehler.message };
|
||||
throw fehler;
|
||||
}
|
||||
|
||||
// Nur eigene Pfade als Ziel zulassen, damit die Anmeldung nicht auf fremde Seiten führt.
|
||||
redirect(ziel.startsWith("/") && !ziel.startsWith("//") ? ziel : "/");
|
||||
}
|
||||
|
||||
export async function abmelden() {
|
||||
const speicher = await cookies();
|
||||
speicher.delete(SITZUNGS_COOKIE);
|
||||
await protokolliere("abmeldung", "Benutzer", null, {});
|
||||
redirect("/login");
|
||||
}
|
||||
@@ -0,0 +1,158 @@
|
||||
"use server";
|
||||
|
||||
import { revalidatePath } from "next/cache";
|
||||
import { prisma } from "@/lib/db";
|
||||
import { protokolliere } from "@/server/audit";
|
||||
import type { EmailKonfiguration, WebhookKonfiguration } from "@/server/notifications/kanaele";
|
||||
import { testNachricht } from "@/server/notifications/nachrichten";
|
||||
import { ueberEinenKanalSenden, zusammenfassungSenden } from "@/server/notifications/versand";
|
||||
import type { AktionsErgebnis } from "./kunden";
|
||||
|
||||
function neuLaden() {
|
||||
revalidatePath("/einstellungen/benachrichtigungen");
|
||||
}
|
||||
|
||||
function appUrl() {
|
||||
return (process.env.APP_URL ?? "http://localhost:3000").replace(/\/$/, "");
|
||||
}
|
||||
|
||||
/** Legt den E-Mail-Kanal an oder ändert ihn. Ein leeres Passwortfeld lässt das gespeicherte unangetastet. */
|
||||
export async function emailKanalSpeichern(
|
||||
_vorher: AktionsErgebnis,
|
||||
formular: FormData,
|
||||
): Promise<AktionsErgebnis> {
|
||||
const id = formular.get("id")?.toString() || null;
|
||||
const host = formular.get("host")?.toString().trim() ?? "";
|
||||
const port = Number(formular.get("port") ?? 587);
|
||||
const empfaenger = (formular.get("empfaenger")?.toString() ?? "")
|
||||
.split(/[,;\s]+/)
|
||||
.map((eintrag) => eintrag.trim())
|
||||
.filter(Boolean);
|
||||
|
||||
if (!host) return { fehler: "Bitte den SMTP-Server angeben." };
|
||||
if (!Number.isInteger(port) || port < 1 || port > 65535) return { fehler: "Ungültiger Port." };
|
||||
if (empfaenger.length === 0) return { fehler: "Bitte mindestens einen Empfänger angeben." };
|
||||
|
||||
const bisher = id
|
||||
? ((await prisma.benachrichtigungskanal.findUnique({ where: { id } }))?.konfiguration as unknown as
|
||||
EmailKonfiguration | undefined)
|
||||
: undefined;
|
||||
|
||||
const passwortEingabe = formular.get("passwort")?.toString() ?? "";
|
||||
|
||||
const konfiguration: EmailKonfiguration = {
|
||||
host,
|
||||
port,
|
||||
secure: port === 465,
|
||||
benutzer: formular.get("benutzer")?.toString().trim() ?? "",
|
||||
// Leeres Feld heißt „unverändert“ – so muss das Passwort nicht erneut eingegeben werden.
|
||||
passwort: passwortEingabe || (bisher?.passwort ?? ""),
|
||||
absender: formular.get("absender")?.toString().trim() ?? "",
|
||||
empfaenger,
|
||||
};
|
||||
|
||||
const daten = {
|
||||
typ: "EMAIL" as const,
|
||||
name: formular.get("name")?.toString().trim() || "E-Mail",
|
||||
aktiv: formular.get("aktiv") === "on",
|
||||
konfiguration: JSON.parse(JSON.stringify(konfiguration)),
|
||||
};
|
||||
|
||||
const kanal = id
|
||||
? await prisma.benachrichtigungskanal.update({ where: { id }, data: daten })
|
||||
: await prisma.benachrichtigungskanal.create({ data: daten });
|
||||
|
||||
await protokolliere("benachrichtigungskanal.gespeichert", "Benachrichtigungskanal", kanal.id, {
|
||||
typ: "EMAIL",
|
||||
host,
|
||||
empfaenger,
|
||||
});
|
||||
|
||||
neuLaden();
|
||||
return { erfolg: "E-Mail-Versand gespeichert." };
|
||||
}
|
||||
|
||||
export async function webhookKanalSpeichern(
|
||||
_vorher: AktionsErgebnis,
|
||||
formular: FormData,
|
||||
): Promise<AktionsErgebnis> {
|
||||
const id = formular.get("id")?.toString() || null;
|
||||
const url = formular.get("url")?.toString().trim() ?? "";
|
||||
|
||||
if (!/^https?:\/\//.test(url)) return { fehler: "Bitte eine vollständige Adresse mit https:// angeben." };
|
||||
|
||||
const bisher = id
|
||||
? ((await prisma.benachrichtigungskanal.findUnique({ where: { id } }))?.konfiguration as unknown as
|
||||
WebhookKonfiguration | undefined)
|
||||
: undefined;
|
||||
|
||||
const geheimnisEingabe = formular.get("geheimnis")?.toString() ?? "";
|
||||
|
||||
const konfiguration: WebhookKonfiguration = {
|
||||
url,
|
||||
geheimnis: geheimnisEingabe || bisher?.geheimnis,
|
||||
};
|
||||
|
||||
const daten = {
|
||||
typ: "WEBHOOK" as const,
|
||||
name: formular.get("name")?.toString().trim() || "Webhook",
|
||||
aktiv: formular.get("aktiv") === "on",
|
||||
konfiguration: JSON.parse(JSON.stringify(konfiguration)),
|
||||
};
|
||||
|
||||
const kanal = id
|
||||
? await prisma.benachrichtigungskanal.update({ where: { id }, data: daten })
|
||||
: await prisma.benachrichtigungskanal.create({ data: daten });
|
||||
|
||||
await protokolliere("benachrichtigungskanal.gespeichert", "Benachrichtigungskanal", kanal.id, {
|
||||
typ: "WEBHOOK",
|
||||
url,
|
||||
});
|
||||
|
||||
neuLaden();
|
||||
return { erfolg: "Webhook gespeichert." };
|
||||
}
|
||||
|
||||
export async function kanalLoeschen(formular: FormData) {
|
||||
const id = formular.get("id")?.toString();
|
||||
if (!id) return;
|
||||
|
||||
await prisma.benachrichtigungskanal.delete({ where: { id } });
|
||||
await protokolliere("benachrichtigungskanal.geloescht", "Benachrichtigungskanal", id, {});
|
||||
neuLaden();
|
||||
}
|
||||
|
||||
/** Verschickt eine Testnachricht über einen Kanal. */
|
||||
export async function testSenden(formular: FormData): Promise<void> {
|
||||
const id = formular.get("id")?.toString();
|
||||
if (!id) return;
|
||||
|
||||
try {
|
||||
await ueberEinenKanalSenden(id, testNachricht(appUrl()));
|
||||
} catch (fehler) {
|
||||
// Das Ergebnis steht im Versandprotokoll auf der Seite – dort ist auch der Fehlertext zu sehen.
|
||||
console.error("Testversand fehlgeschlagen:", fehler);
|
||||
}
|
||||
neuLaden();
|
||||
}
|
||||
|
||||
/** Zeitraum der Zusammenfassung speichern (täglich, wöchentlich oder aus). */
|
||||
export async function zusammenfassungSpeichern(formular: FormData) {
|
||||
const zeitraum = formular.get("zeitraum")?.toString() ?? "aus";
|
||||
|
||||
await prisma.einstellung.upsert({
|
||||
where: { schluessel: "zusammenfassung" },
|
||||
update: { wert: { zeitraum } },
|
||||
create: { schluessel: "zusammenfassung", wert: { zeitraum } },
|
||||
});
|
||||
|
||||
await protokolliere("zusammenfassung.geaendert", "Einstellung", "zusammenfassung", { zeitraum });
|
||||
neuLaden();
|
||||
}
|
||||
|
||||
/** Zusammenfassung sofort verschicken – praktisch zum Ausprobieren. */
|
||||
export async function zusammenfassungJetztSenden(formular: FormData): Promise<void> {
|
||||
const zeitraum = formular.get("zeitraum")?.toString() === "woechentlich" ? "woechentlich" : "taeglich";
|
||||
await zusammenfassungSenden(zeitraum);
|
||||
neuLaden();
|
||||
}
|
||||
@@ -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,168 @@
|
||||
"use server";
|
||||
|
||||
import { revalidatePath } from "next/cache";
|
||||
import { anhangSpeichern, UploadFehler } from "@/lib/uploads";
|
||||
import {
|
||||
einkaufBezahltSetzen,
|
||||
kundenrechnungErfassen,
|
||||
laufzeitAnlegen,
|
||||
laufzeitBestaetigen,
|
||||
laufzeitVerwerfen,
|
||||
proxmoxRechnungErfassen,
|
||||
RechnungsFehler,
|
||||
verkaufBezahltSetzen,
|
||||
verkaufErstelltSetzen,
|
||||
} from "@/server/services/rechnungen";
|
||||
import type { AktionsErgebnis } from "./kunden";
|
||||
|
||||
function datum(wert: FormDataEntryValue | null): Date | null {
|
||||
const text = wert?.toString().trim();
|
||||
return text ? new Date(`${text}T00:00:00Z`) : null;
|
||||
}
|
||||
|
||||
function betrag(wert: FormDataEntryValue | null): number | null {
|
||||
const text = wert?.toString().trim().replace(",", ".");
|
||||
if (!text) return null;
|
||||
const zahl = Number(text);
|
||||
return Number.isFinite(zahl) ? zahl : null;
|
||||
}
|
||||
|
||||
function seitenNeuLaden(hostId?: string | null) {
|
||||
revalidatePath("/rechnungen");
|
||||
revalidatePath("/");
|
||||
revalidatePath("/kunden");
|
||||
if (hostId) revalidatePath(`/hosts/${hostId}`);
|
||||
}
|
||||
|
||||
/** Wandelt Fehler aus der Fachlogik in eine Rückmeldung für das Formular. */
|
||||
async function ausfuehren(arbeit: () => Promise<string | void>): Promise<AktionsErgebnis> {
|
||||
try {
|
||||
const meldung = await arbeit();
|
||||
return { erfolg: meldung || "Gespeichert." };
|
||||
} catch (fehler) {
|
||||
if (fehler instanceof RechnungsFehler || fehler instanceof UploadFehler) {
|
||||
return { fehler: fehler.message };
|
||||
}
|
||||
throw fehler;
|
||||
}
|
||||
}
|
||||
|
||||
export async function laufzeitBestaetigenAktion(formular: FormData) {
|
||||
const id = formular.get("laufzeitId")?.toString();
|
||||
if (!id) return;
|
||||
await laufzeitBestaetigen(id);
|
||||
seitenNeuLaden(formular.get("hostId")?.toString());
|
||||
}
|
||||
|
||||
export async function laufzeitVerwerfenAktion(formular: FormData) {
|
||||
const id = formular.get("laufzeitId")?.toString();
|
||||
if (!id) return;
|
||||
await laufzeitVerwerfen(id);
|
||||
seitenNeuLaden(formular.get("hostId")?.toString());
|
||||
}
|
||||
|
||||
/** Häkchen aus der Rechnungstabelle. */
|
||||
export async function statusUmschalten(formular: FormData): Promise<void> {
|
||||
const laufzeitId = formular.get("laufzeitId")?.toString();
|
||||
const feld = formular.get("feld")?.toString();
|
||||
const wert = formular.get("wert")?.toString() === "true";
|
||||
if (!laufzeitId || !feld) return;
|
||||
|
||||
try {
|
||||
if (feld === "einkaufBezahlt") await einkaufBezahltSetzen(laufzeitId, wert);
|
||||
if (feld === "verkaufErstellt") await verkaufErstelltSetzen(laufzeitId, wert);
|
||||
if (feld === "verkaufBezahlt") await verkaufBezahltSetzen(laufzeitId, wert);
|
||||
} catch (fehler) {
|
||||
if (!(fehler instanceof RechnungsFehler)) throw fehler;
|
||||
// Fehlt die Rechnung, bleibt der Status unverändert; die Tabelle zeigt weiterhin „Fehlt“.
|
||||
}
|
||||
|
||||
seitenNeuLaden(formular.get("hostId")?.toString());
|
||||
}
|
||||
|
||||
export async function proxmoxRechnungSpeichern(
|
||||
_vorher: AktionsErgebnis,
|
||||
formular: FormData,
|
||||
): Promise<AktionsErgebnis> {
|
||||
const laufzeitId = formular.get("laufzeitId")?.toString();
|
||||
if (!laufzeitId) return { fehler: "Laufzeit fehlt." };
|
||||
|
||||
return ausfuehren(async () => {
|
||||
const pdf = formular.get("pdf");
|
||||
const anhangId = pdf instanceof File && pdf.size > 0 ? await anhangSpeichern(pdf) : null;
|
||||
const rechnungsdatum = datum(formular.get("datum"));
|
||||
|
||||
if (!rechnungsdatum) throw new RechnungsFehler("Bitte ein Rechnungsdatum angeben.");
|
||||
const netto = betrag(formular.get("nettoBetrag"));
|
||||
if (netto === null) throw new RechnungsFehler("Bitte einen Nettobetrag angeben.");
|
||||
|
||||
const ergebnis = await proxmoxRechnungErfassen(laufzeitId, {
|
||||
nummer: formular.get("nummer")?.toString() ?? "",
|
||||
datum: rechnungsdatum,
|
||||
faelligAm: datum(formular.get("faelligAm")),
|
||||
nettoBetrag: netto,
|
||||
ustSatz: betrag(formular.get("ustSatz")) ?? 19,
|
||||
rabatt: betrag(formular.get("rabatt")),
|
||||
zahlungsart: formular.get("zahlungsart")?.toString().trim() || null,
|
||||
bezahlt: formular.get("bezahlt") === "on",
|
||||
bezahltAm: datum(formular.get("bezahltAm")),
|
||||
anhangId,
|
||||
notizen: formular.get("notizen")?.toString().trim() || null,
|
||||
});
|
||||
|
||||
seitenNeuLaden(formular.get("hostId")?.toString());
|
||||
return ergebnis.sammelrechnung
|
||||
? "Gespeichert – die Laufzeit hängt jetzt als weitere Position an dieser Sammelrechnung."
|
||||
: "Proxmox-Rechnung gespeichert.";
|
||||
});
|
||||
}
|
||||
|
||||
export async function kundenrechnungSpeichern(
|
||||
_vorher: AktionsErgebnis,
|
||||
formular: FormData,
|
||||
): Promise<AktionsErgebnis> {
|
||||
const laufzeitId = formular.get("laufzeitId")?.toString();
|
||||
if (!laufzeitId) return { fehler: "Laufzeit fehlt." };
|
||||
|
||||
return ausfuehren(async () => {
|
||||
const pdf = formular.get("pdf");
|
||||
const anhangId = pdf instanceof File && pdf.size > 0 ? await anhangSpeichern(pdf) : null;
|
||||
|
||||
const ergebnis = await kundenrechnungErfassen(laufzeitId, {
|
||||
erstellt: formular.get("erstellt") === "on",
|
||||
nummer: formular.get("nummer")?.toString().trim() || null,
|
||||
datum: datum(formular.get("datum")),
|
||||
nettoBetrag: betrag(formular.get("nettoBetrag")),
|
||||
ustSatz: betrag(formular.get("ustSatz")) ?? 19,
|
||||
bezahlt: formular.get("bezahlt") === "on",
|
||||
bezahltAm: datum(formular.get("bezahltAm")),
|
||||
anhangId,
|
||||
notizen: formular.get("notizen")?.toString().trim() || null,
|
||||
});
|
||||
|
||||
seitenNeuLaden(formular.get("hostId")?.toString());
|
||||
return ergebnis.sammelrechnung
|
||||
? "Gespeichert – die Laufzeit hängt jetzt als weitere Position an dieser Sammelrechnung."
|
||||
: "Kundenrechnung gespeichert.";
|
||||
});
|
||||
}
|
||||
|
||||
export async function laufzeitAnlegenAktion(
|
||||
_vorher: AktionsErgebnis,
|
||||
formular: FormData,
|
||||
): Promise<AktionsErgebnis> {
|
||||
const hostId = formular.get("hostId")?.toString();
|
||||
const key = formular.get("key")?.toString().trim();
|
||||
const start = datum(formular.get("start"));
|
||||
const ende = datum(formular.get("ende"));
|
||||
|
||||
if (!hostId || !key || !start || !ende) {
|
||||
return { fehler: "Bitte Host, Key, Beginn und Ende angeben." };
|
||||
}
|
||||
|
||||
return ausfuehren(async () => {
|
||||
await laufzeitAnlegen({ hostId, key, start, ende, notizen: null });
|
||||
seitenNeuLaden(hostId);
|
||||
return "Laufzeit angelegt.";
|
||||
});
|
||||
}
|
||||
@@ -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,153 @@
|
||||
import { prisma } from "@/lib/db";
|
||||
import { alleRegelnPruefen, REGELN, type AlertKandidat, type RegelKontext } from "./regeln";
|
||||
|
||||
/**
|
||||
* Lädt den Zustand, wendet die Regeln an und gleicht das Ergebnis mit den offenen Warnungen ab:
|
||||
* neue öffnen, verschwundene schließen, bestehende unverändert lassen.
|
||||
*/
|
||||
|
||||
export async function kontextLaden(jetzt: Date = new Date()): Promise<RegelKontext> {
|
||||
const [hosts, laufzeiten, einstellungen] = await Promise.all([
|
||||
prisma.host.findMany({
|
||||
include: {
|
||||
kunde: { select: { name: true } },
|
||||
serverIdHistorie: { select: { serverId: true, ersteMeldung: true, letzteMeldung: true } },
|
||||
},
|
||||
}),
|
||||
prisma.laufzeit.findMany({
|
||||
where: { status: "BESTAETIGT" },
|
||||
include: {
|
||||
host: { select: { hostname: true, kundeId: true, kunde: { select: { name: true } } } },
|
||||
proxmoxPosition: { include: { rechnung: true } },
|
||||
kundenPosition: { include: { rechnung: true } },
|
||||
},
|
||||
}),
|
||||
prisma.warnregelEinstellung.findMany(),
|
||||
]);
|
||||
|
||||
return {
|
||||
jetzt,
|
||||
hosts: hosts.map((host) => ({
|
||||
id: host.id,
|
||||
hostname: host.hostname,
|
||||
kundeId: host.kundeId,
|
||||
kundeName: host.kunde?.name ?? null,
|
||||
subKey: host.subKey,
|
||||
subStatus: host.subStatus,
|
||||
subNextduedate: host.subNextduedate,
|
||||
subLizenzierteSockets: host.subLizenzierteSockets,
|
||||
sockets: host.sockets,
|
||||
letzterReportAm: host.letzterReportAm,
|
||||
serverIds: host.serverIdHistorie,
|
||||
})),
|
||||
laufzeiten: laufzeiten.map((laufzeit) => ({
|
||||
id: laufzeit.id,
|
||||
hostId: laufzeit.hostId,
|
||||
hostname: laufzeit.host.hostname,
|
||||
kundeId: laufzeit.host.kundeId,
|
||||
kundeName: laufzeit.host.kunde?.name ?? null,
|
||||
key: laufzeit.key,
|
||||
start: laufzeit.start,
|
||||
ende: laufzeit.ende,
|
||||
einkaufNummer: laufzeit.proxmoxPosition?.rechnung.nummer ?? null,
|
||||
einkaufBetrag: laufzeit.proxmoxPosition ? Number(laufzeit.proxmoxPosition.nettoBetrag) : null,
|
||||
einkaufBezahlt: laufzeit.proxmoxPosition ? laufzeit.proxmoxPosition.rechnung.bezahlt : null,
|
||||
einkaufFaelligAm: laufzeit.proxmoxPosition?.rechnung.faelligAm ?? null,
|
||||
verkaufNummer: laufzeit.kundenPosition?.rechnung.nummer ?? null,
|
||||
verkaufBetrag: laufzeit.kundenPosition ? Number(laufzeit.kundenPosition.nettoBetrag) : null,
|
||||
verkaufErstellt: laufzeit.kundenPosition?.rechnung.erstellt ?? false,
|
||||
verkaufBezahlt: laufzeit.kundenPosition?.rechnung.bezahlt ?? false,
|
||||
verkaufDatum: laufzeit.kundenPosition?.rechnung.datum ?? null,
|
||||
})),
|
||||
einstellungen: new Map(
|
||||
einstellungen.map((eintrag) => [
|
||||
eintrag.regel,
|
||||
{
|
||||
aktiv: eintrag.aktiv,
|
||||
schwellwerte: (eintrag.schwellwerte ?? {}) as Record<string, unknown>,
|
||||
},
|
||||
]),
|
||||
),
|
||||
};
|
||||
}
|
||||
|
||||
export interface AbgleichErgebnis {
|
||||
geoeffnet: AlertKandidat[];
|
||||
erledigt: string[];
|
||||
unveraendert: number;
|
||||
}
|
||||
|
||||
/** Vergleicht die Kandidaten mit den offenen Warnungen und schreibt die Unterschiede fort. */
|
||||
export async function alertsAbgleichen(jetzt: Date = new Date()): Promise<AbgleichErgebnis> {
|
||||
const kontext = await kontextLaden(jetzt);
|
||||
const kandidaten = alleRegelnPruefen(kontext);
|
||||
|
||||
const offene = await prisma.alert.findMany({ where: { erledigtAm: null } });
|
||||
const offeneNachFingerprint = new Map(offene.map((alert) => [alert.fingerprint, alert]));
|
||||
const kandidatenNachFingerprint = new Map(kandidaten.map((k) => [k.fingerprint, k]));
|
||||
|
||||
const neu = kandidaten.filter((k) => !offeneNachFingerprint.has(k.fingerprint));
|
||||
const verschwunden = offene.filter((alert) => !kandidatenNachFingerprint.has(alert.fingerprint));
|
||||
|
||||
for (const kandidat of neu) {
|
||||
// Ein früher erledigter Fall taucht wieder auf: denselben Eintrag erneut öffnen.
|
||||
await prisma.alert.upsert({
|
||||
where: { fingerprint: kandidat.fingerprint },
|
||||
update: {
|
||||
titel: kandidat.titel,
|
||||
beschreibung: kandidat.beschreibung,
|
||||
schwere: kandidat.schwere,
|
||||
erledigtAm: null,
|
||||
quittiertAm: null,
|
||||
geoeffnetAm: jetzt,
|
||||
},
|
||||
create: {
|
||||
fingerprint: kandidat.fingerprint,
|
||||
regel: kandidat.regel,
|
||||
schwere: kandidat.schwere,
|
||||
titel: kandidat.titel,
|
||||
beschreibung: kandidat.beschreibung,
|
||||
hostId: kandidat.hostId,
|
||||
kundeId: kandidat.kundeId,
|
||||
laufzeitId: kandidat.laufzeitId,
|
||||
geoeffnetAm: jetzt,
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
// Beschreibungen bestehender Warnungen nachführen (z. B. „läuft in 9 Tagen ab“).
|
||||
for (const alert of offene) {
|
||||
const kandidat = kandidatenNachFingerprint.get(alert.fingerprint);
|
||||
if (!kandidat) continue;
|
||||
if (kandidat.titel !== alert.titel || kandidat.beschreibung !== alert.beschreibung) {
|
||||
await prisma.alert.update({
|
||||
where: { id: alert.id },
|
||||
data: { titel: kandidat.titel, beschreibung: kandidat.beschreibung, schwere: kandidat.schwere },
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if (verschwunden.length > 0) {
|
||||
await prisma.alert.updateMany({
|
||||
where: { id: { in: verschwunden.map((alert) => alert.id) } },
|
||||
data: { erledigtAm: jetzt },
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
geoeffnet: neu,
|
||||
erledigt: verschwunden.map((alert) => alert.fingerprint),
|
||||
unveraendert: kandidaten.length - neu.length,
|
||||
};
|
||||
}
|
||||
|
||||
/** Legt fehlende Regel-Einstellungen mit ihren Standardwerten an (Seed und Aktualisierungen). */
|
||||
export async function warnregelnSicherstellen() {
|
||||
for (const regel of REGELN) {
|
||||
await prisma.warnregelEinstellung.upsert({
|
||||
where: { regel: regel.name },
|
||||
update: {},
|
||||
create: { regel: regel.name, aktiv: true, schwellwerte: regel.standardSchwellwerte },
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,391 @@
|
||||
import type { AlertSchwere, SubscriptionStatus } from "@/generated/prisma/enums";
|
||||
import { formatDatum, formatEuro } from "@/lib/format";
|
||||
|
||||
/**
|
||||
* Warnregeln als reine Funktionen: Sie bekommen einen Ausschnitt der Daten und geben
|
||||
* Kandidaten zurück. Kein Datenbankzugriff, keine Nebenwirkungen – dadurch sind sie einzeln testbar.
|
||||
* Das Öffnen und Schließen der Alerts übernimmt der Abgleich (`abgleich.ts`).
|
||||
*/
|
||||
|
||||
export interface AlertKandidat {
|
||||
/** Regel + betroffenes Objekt (+ Stufe). Zwei Kandidaten mit gleichem Fingerabdruck sind derselbe Fall. */
|
||||
fingerprint: string;
|
||||
regel: string;
|
||||
schwere: AlertSchwere;
|
||||
titel: string;
|
||||
beschreibung: string;
|
||||
hostId: string | null;
|
||||
kundeId: string | null;
|
||||
laufzeitId: string | null;
|
||||
}
|
||||
|
||||
export interface HostDaten {
|
||||
id: string;
|
||||
hostname: string;
|
||||
kundeId: string | null;
|
||||
kundeName: string | null;
|
||||
subKey: string | null;
|
||||
subStatus: SubscriptionStatus;
|
||||
subNextduedate: Date | null;
|
||||
subLizenzierteSockets: number | null;
|
||||
sockets: number | null;
|
||||
letzterReportAm: Date | null;
|
||||
serverIds: { serverId: string; ersteMeldung: Date; letzteMeldung: Date }[];
|
||||
}
|
||||
|
||||
export interface LaufzeitDaten {
|
||||
id: string;
|
||||
hostId: string;
|
||||
hostname: string;
|
||||
kundeId: string | null;
|
||||
kundeName: string | null;
|
||||
key: string;
|
||||
start: Date;
|
||||
ende: Date;
|
||||
einkaufNummer: string | null;
|
||||
einkaufBetrag: number | null;
|
||||
einkaufBezahlt: boolean | null;
|
||||
einkaufFaelligAm: Date | null;
|
||||
verkaufNummer: string | null;
|
||||
verkaufBetrag: number | null;
|
||||
verkaufErstellt: boolean;
|
||||
verkaufBezahlt: boolean;
|
||||
verkaufDatum: Date | null;
|
||||
}
|
||||
|
||||
export interface RegelKontext {
|
||||
jetzt: Date;
|
||||
hosts: HostDaten[];
|
||||
laufzeiten: LaufzeitDaten[];
|
||||
einstellungen: Map<string, { aktiv: boolean; schwellwerte: Record<string, unknown> }>;
|
||||
}
|
||||
|
||||
export interface Regel {
|
||||
name: string;
|
||||
beschreibung: string;
|
||||
/** Wird beim Anlegen der Einstellung als Vorgabe gespeichert (JSON-taugliche Werte). */
|
||||
standardSchwellwerte: Record<string, number | number[] | string | boolean>;
|
||||
pruefe: (kontext: RegelKontext) => AlertKandidat[];
|
||||
}
|
||||
|
||||
const TAG = 86_400_000;
|
||||
|
||||
function tageBis(datum: Date, jetzt: Date): number {
|
||||
const ziel = Date.UTC(datum.getUTCFullYear(), datum.getUTCMonth(), datum.getUTCDate());
|
||||
const start = Date.UTC(jetzt.getUTCFullYear(), jetzt.getUTCMonth(), jetzt.getUTCDate());
|
||||
return Math.round((ziel - start) / TAG);
|
||||
}
|
||||
|
||||
function schwellwert<T>(kontext: RegelKontext, regel: string, name: string, standard: T): T {
|
||||
const wert = kontext.einstellungen.get(regel)?.schwellwerte?.[name];
|
||||
return (wert as T) ?? standard;
|
||||
}
|
||||
|
||||
function kundenHinweis(kundeName: string | null): string {
|
||||
return kundeName ?? "Nicht zugeordnet";
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------- Regeln
|
||||
|
||||
const subscriptionLaeuftAb: Regel = {
|
||||
name: "subscription-laeuft-ab",
|
||||
beschreibung: "Subscription läuft in wenigen Tagen ab",
|
||||
standardSchwellwerte: { tage: [30, 14, 7] },
|
||||
pruefe(kontext) {
|
||||
const stufen = [...schwellwert<number[]>(kontext, "subscription-laeuft-ab", "tage", [30, 14, 7])].sort(
|
||||
(a, b) => b - a,
|
||||
);
|
||||
|
||||
return kontext.hosts.flatMap((host) => {
|
||||
if (!host.subNextduedate || host.subStatus !== "ACTIVE") return [];
|
||||
const tage = tageBis(host.subNextduedate, kontext.jetzt);
|
||||
if (tage < 0) return [];
|
||||
|
||||
// Immer nur die strengste erreichte Stufe melden.
|
||||
const erreicht = stufen.filter((stufe) => tage <= stufe).sort((a, b) => a - b)[0];
|
||||
if (erreicht === undefined) return [];
|
||||
|
||||
return [
|
||||
{
|
||||
fingerprint: `subscription-laeuft-ab:${host.id}:${erreicht}`,
|
||||
regel: "subscription-laeuft-ab",
|
||||
schwere: (erreicht <= 7 ? "GEFAHR" : erreicht <= 14 ? "WARNUNG" : "INFO") as AlertSchwere,
|
||||
titel: `Subscription läuft in ${tage} Tag${tage === 1 ? "" : "en"} ab`,
|
||||
beschreibung: `${host.hostname} · ${kundenHinweis(host.kundeName)} · ${formatDatum(host.subNextduedate)}`,
|
||||
hostId: host.id,
|
||||
kundeId: host.kundeId,
|
||||
laufzeitId: null,
|
||||
},
|
||||
];
|
||||
});
|
||||
},
|
||||
};
|
||||
|
||||
/** Eigene Titel, damit die Meldung ein ganzer Satz bleibt. */
|
||||
const STATUS_TITEL: Record<SubscriptionStatus, string> = {
|
||||
ACTIVE: "Subscription aktiv",
|
||||
NOTFOUND: "Keine Subscription gefunden",
|
||||
INVALID: "Subscription ungültig",
|
||||
EXPIRED: "Subscription abgelaufen",
|
||||
SUSPENDED: "Subscription ausgesetzt",
|
||||
UNKNOWN: "Subscription-Status unbekannt",
|
||||
};
|
||||
|
||||
const statusNichtAktiv: Regel = {
|
||||
name: "status-nicht-aktiv",
|
||||
beschreibung: "Subscription ist nicht aktiv",
|
||||
standardSchwellwerte: {},
|
||||
pruefe(kontext) {
|
||||
return kontext.hosts
|
||||
.filter((host) => host.subStatus !== "ACTIVE")
|
||||
.map((host) => ({
|
||||
fingerprint: `status-nicht-aktiv:${host.id}`,
|
||||
regel: "status-nicht-aktiv",
|
||||
schwere: (host.subStatus === "NOTFOUND" || host.subStatus === "UNKNOWN"
|
||||
? "WARNUNG"
|
||||
: "GEFAHR") as AlertSchwere,
|
||||
titel: STATUS_TITEL[host.subStatus],
|
||||
beschreibung: `${host.hostname} · ${kundenHinweis(host.kundeName)}${
|
||||
host.subKey ? ` · ${host.subKey}` : ""
|
||||
}`,
|
||||
hostId: host.id,
|
||||
kundeId: host.kundeId,
|
||||
laufzeitId: null,
|
||||
}));
|
||||
},
|
||||
};
|
||||
|
||||
const socketsAbweichung: Regel = {
|
||||
name: "sockets-abweichung",
|
||||
beschreibung: "Lizenzierte und physische Sockets weichen ab",
|
||||
standardSchwellwerte: {},
|
||||
pruefe(kontext) {
|
||||
return kontext.hosts
|
||||
.filter(
|
||||
(host) =>
|
||||
host.subLizenzierteSockets !== null &&
|
||||
host.sockets !== null &&
|
||||
host.subLizenzierteSockets !== host.sockets,
|
||||
)
|
||||
.map((host) => ({
|
||||
fingerprint: `sockets-abweichung:${host.id}`,
|
||||
regel: "sockets-abweichung",
|
||||
schwere: "WARNUNG" as AlertSchwere,
|
||||
titel: "Lizenzierte Sockets weichen ab",
|
||||
beschreibung: `${host.hostname} · ${host.subLizenzierteSockets} lizenziert, ${host.sockets} physisch vorhanden`,
|
||||
hostId: host.id,
|
||||
kundeId: host.kundeId,
|
||||
laufzeitId: null,
|
||||
}));
|
||||
},
|
||||
};
|
||||
|
||||
const keineMeldung: Regel = {
|
||||
name: "keine-meldung",
|
||||
beschreibung: "Host hat sich lange nicht gemeldet",
|
||||
standardSchwellwerte: { stunden: 48 },
|
||||
pruefe(kontext) {
|
||||
const stunden = schwellwert(kontext, "keine-meldung", "stunden", 48);
|
||||
const grenze = new Date(kontext.jetzt.getTime() - stunden * 3_600_000);
|
||||
|
||||
return kontext.hosts
|
||||
.filter((host) => host.letzterReportAm !== null && host.letzterReportAm < grenze)
|
||||
.map((host) => ({
|
||||
fingerprint: `keine-meldung:${host.id}`,
|
||||
regel: "keine-meldung",
|
||||
schwere: "WARNUNG" as AlertSchwere,
|
||||
titel: `Host meldet sich seit über ${stunden} Stunden nicht`,
|
||||
beschreibung: `${host.hostname} · ${kundenHinweis(host.kundeName)} · letzte Meldung ${formatDatum(
|
||||
host.letzterReportAm,
|
||||
)}`,
|
||||
hostId: host.id,
|
||||
kundeId: host.kundeId,
|
||||
laufzeitId: null,
|
||||
}));
|
||||
},
|
||||
};
|
||||
|
||||
const serverIdGeaendert: Regel = {
|
||||
name: "serverid-geaendert",
|
||||
beschreibung: "Server-ID hat sich geändert (Hardwaretausch oder Neuinstallation)",
|
||||
standardSchwellwerte: { tage: 30 },
|
||||
pruefe(kontext) {
|
||||
const tage = schwellwert(kontext, "serverid-geaendert", "tage", 30);
|
||||
const grenze = new Date(kontext.jetzt.getTime() - tage * TAG);
|
||||
|
||||
return kontext.hosts.flatMap((host) => {
|
||||
if (host.serverIds.length < 2) return [];
|
||||
|
||||
const nachSortiert = [...host.serverIds].sort(
|
||||
(a, b) => b.letzteMeldung.getTime() - a.letzteMeldung.getTime(),
|
||||
);
|
||||
const aktuell = nachSortiert[0];
|
||||
const vorher = nachSortiert[1];
|
||||
|
||||
// Nur melden, solange der Wechsel frisch ist – ein alter Hardwaretausch ist erledigt.
|
||||
if (aktuell.ersteMeldung < grenze) return [];
|
||||
|
||||
return [
|
||||
{
|
||||
fingerprint: `serverid-geaendert:${host.id}:${aktuell.serverId}`,
|
||||
regel: "serverid-geaendert",
|
||||
schwere: "GEFAHR" as AlertSchwere,
|
||||
titel: "Server-ID hat sich geändert",
|
||||
beschreibung: `${host.hostname} · neu ${aktuell.serverId}, vorher ${vorher.serverId} – der Key muss bei Proxmox neu zugewiesen werden`,
|
||||
hostId: host.id,
|
||||
kundeId: host.kundeId,
|
||||
laufzeitId: null,
|
||||
},
|
||||
];
|
||||
});
|
||||
},
|
||||
};
|
||||
|
||||
const keyMehrfach: Regel = {
|
||||
name: "key-mehrfach-gemeldet",
|
||||
beschreibung: "Derselbe Subscription-Key wird von mehreren Hosts gemeldet",
|
||||
standardSchwellwerte: {},
|
||||
pruefe(kontext) {
|
||||
const proKey = new Map<string, HostDaten[]>();
|
||||
for (const host of kontext.hosts) {
|
||||
if (!host.subKey) continue;
|
||||
proKey.set(host.subKey, [...(proKey.get(host.subKey) ?? []), host]);
|
||||
}
|
||||
|
||||
return [...proKey.entries()]
|
||||
.filter(([, hosts]) => hosts.length > 1)
|
||||
.map(([key, hosts]) => ({
|
||||
fingerprint: `key-mehrfach-gemeldet:${key}`,
|
||||
regel: "key-mehrfach-gemeldet",
|
||||
schwere: "GEFAHR" as AlertSchwere,
|
||||
titel: "Key wird von mehreren Hosts gemeldet",
|
||||
beschreibung: `${key} · ${hosts.map((h) => h.hostname).join(", ")}`,
|
||||
hostId: hosts[0].id,
|
||||
kundeId: hosts[0].kundeId,
|
||||
laufzeitId: null,
|
||||
}));
|
||||
},
|
||||
};
|
||||
|
||||
const hostOhneKunde: Regel = {
|
||||
name: "host-ohne-kunde",
|
||||
beschreibung: "Host ist keinem Kunden zugewiesen",
|
||||
standardSchwellwerte: {},
|
||||
pruefe(kontext) {
|
||||
return kontext.hosts
|
||||
.filter((host) => host.kundeId === null)
|
||||
.map((host) => ({
|
||||
fingerprint: `host-ohne-kunde:${host.id}`,
|
||||
regel: "host-ohne-kunde",
|
||||
schwere: "INFO" as AlertSchwere,
|
||||
titel: "Host ist keinem Kunden zugewiesen",
|
||||
beschreibung: `${host.hostname}${host.subKey ? ` · ${host.subKey}` : ""}`,
|
||||
hostId: host.id,
|
||||
kundeId: null,
|
||||
laufzeitId: null,
|
||||
}));
|
||||
},
|
||||
};
|
||||
|
||||
const proxmoxRechnungFaellig: Regel = {
|
||||
name: "proxmox-rechnung-faellig",
|
||||
beschreibung: "Proxmox-Rechnung ist unbezahlt und wird fällig",
|
||||
standardSchwellwerte: { tage: 7 },
|
||||
pruefe(kontext) {
|
||||
const tage = schwellwert(kontext, "proxmox-rechnung-faellig", "tage", 7);
|
||||
|
||||
return kontext.laufzeiten.flatMap((laufzeit) => {
|
||||
if (laufzeit.einkaufBezahlt !== false || !laufzeit.einkaufFaelligAm) return [];
|
||||
const rest = tageBis(laufzeit.einkaufFaelligAm, kontext.jetzt);
|
||||
if (rest > tage) return [];
|
||||
|
||||
return [
|
||||
{
|
||||
fingerprint: `proxmox-rechnung-faellig:${laufzeit.id}`,
|
||||
regel: "proxmox-rechnung-faellig",
|
||||
schwere: (rest < 0 ? "GEFAHR" : "WARNUNG") as AlertSchwere,
|
||||
titel: rest < 0 ? "Proxmox-Rechnung überfällig" : "Proxmox-Rechnung wird fällig",
|
||||
beschreibung: `${laufzeit.einkaufNummer ?? "ohne Nummer"} · ${formatEuro(
|
||||
laufzeit.einkaufBetrag,
|
||||
)} netto · fällig am ${formatDatum(laufzeit.einkaufFaelligAm)} · ${laufzeit.hostname}`,
|
||||
hostId: laufzeit.hostId,
|
||||
kundeId: laufzeit.kundeId,
|
||||
laufzeitId: laufzeit.id,
|
||||
},
|
||||
];
|
||||
});
|
||||
},
|
||||
};
|
||||
|
||||
const kundenrechnungFehlt: Regel = {
|
||||
name: "kundenrechnung-fehlt",
|
||||
beschreibung: "Einkauf ist erfasst, die Kundenrechnung fehlt noch",
|
||||
standardSchwellwerte: {},
|
||||
pruefe(kontext) {
|
||||
return kontext.laufzeiten
|
||||
.filter((laufzeit) => laufzeit.einkaufNummer !== null && !laufzeit.verkaufErstellt)
|
||||
.filter((laufzeit) => laufzeit.kundeId !== null)
|
||||
.map((laufzeit) => ({
|
||||
fingerprint: `kundenrechnung-fehlt:${laufzeit.id}`,
|
||||
regel: "kundenrechnung-fehlt",
|
||||
schwere: "WARNUNG" as AlertSchwere,
|
||||
titel: "Kundenrechnung noch nicht erstellt",
|
||||
beschreibung: `${laufzeit.hostname} · ${kundenHinweis(laufzeit.kundeName)} · Laufzeit ab ${formatDatum(
|
||||
laufzeit.start,
|
||||
)} · Einkauf ${laufzeit.einkaufNummer}`,
|
||||
hostId: laufzeit.hostId,
|
||||
kundeId: laufzeit.kundeId,
|
||||
laufzeitId: laufzeit.id,
|
||||
}));
|
||||
},
|
||||
};
|
||||
|
||||
const kundenrechnungUnbezahlt: Regel = {
|
||||
name: "kundenrechnung-unbezahlt",
|
||||
beschreibung: "Kundenrechnung ist erstellt, aber noch nicht bezahlt",
|
||||
standardSchwellwerte: { tage: 30 },
|
||||
pruefe(kontext) {
|
||||
const tage = schwellwert(kontext, "kundenrechnung-unbezahlt", "tage", 30);
|
||||
|
||||
return kontext.laufzeiten.flatMap((laufzeit) => {
|
||||
if (!laufzeit.verkaufErstellt || laufzeit.verkaufBezahlt || !laufzeit.verkaufDatum) return [];
|
||||
const offenSeit = -tageBis(laufzeit.verkaufDatum, kontext.jetzt);
|
||||
if (offenSeit < tage) return [];
|
||||
|
||||
return [
|
||||
{
|
||||
fingerprint: `kundenrechnung-unbezahlt:${laufzeit.id}`,
|
||||
regel: "kundenrechnung-unbezahlt",
|
||||
schwere: "WARNUNG" as AlertSchwere,
|
||||
titel: `Kundenrechnung seit ${offenSeit} Tagen offen`,
|
||||
beschreibung: `${laufzeit.verkaufNummer ?? "ohne Nummer"} · ${kundenHinweis(
|
||||
laufzeit.kundeName,
|
||||
)} · ${formatEuro(laufzeit.verkaufBetrag)} netto`,
|
||||
hostId: laufzeit.hostId,
|
||||
kundeId: laufzeit.kundeId,
|
||||
laufzeitId: laufzeit.id,
|
||||
},
|
||||
];
|
||||
});
|
||||
},
|
||||
};
|
||||
|
||||
export const REGELN: Regel[] = [
|
||||
subscriptionLaeuftAb,
|
||||
statusNichtAktiv,
|
||||
socketsAbweichung,
|
||||
keineMeldung,
|
||||
serverIdGeaendert,
|
||||
keyMehrfach,
|
||||
hostOhneKunde,
|
||||
proxmoxRechnungFaellig,
|
||||
kundenrechnungFehlt,
|
||||
kundenrechnungUnbezahlt,
|
||||
];
|
||||
|
||||
/** Wendet alle aktiven Regeln an. */
|
||||
export function alleRegelnPruefen(kontext: RegelKontext): AlertKandidat[] {
|
||||
return REGELN.filter((regel) => kontext.einstellungen.get(regel.name)?.aktiv !== false).flatMap((regel) =>
|
||||
regel.pruefe(kontext),
|
||||
);
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user