Files
proxdeploy/src/app/(app)/layout.tsx
T
florian.wildeandClaude Opus 5.5 48e2a5cb8f feat(server): Proxmox-Server verwalten mit Fingerprint-Pinning
Server lassen sich anlegen, prüfen, bearbeiten und löschen. Proxmox
liefert ab Werk ein selbst signiertes Zertifikat; der Admin sieht es
vor dem Speichern und bestätigt den SHA-256-Fingerprint.

Der Pin wird in einem eigenen undici-Connector geprüft, sodass eine
fremde Gegenstelle das Token nie zu sehen bekommt. Weder Prüfung noch
Pin ist im Schema, im Client und per CHECK ausgeschlossen.

Fehler von Proxmox werden zu Ursache und Hinweis; bei 403 nennt der
Hinweis das fehlende Recht samt Pfad. Getestet gegen einen HTTPS-Mock
und im gebauten Stand auf Desktop und 390 px.

Closes #002

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-12 09:35:10 +02:00

48 lines
1.8 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import { cookies } from "next/headers";
import { redirect } from "next/navigation";
import { Seitenleiste } from "@/components/seitenleiste";
import { ServerUmschalter } from "@/components/server-umschalter";
import { prisma } from "@/lib/db";
import { aktiverServer, SERVER_COOKIE } from "@/lib/server-auswahl";
import { NAVIGATION } from "@/lib/navigation";
import { THEME_COOKIE, themeAusCookie } from "@/lib/theme";
import { versionText } from "@/lib/version";
import { darf } from "@/server/auth/rechte";
import { aktuellerBenutzer } from "@/server/auth/zugang";
/**
* Hülle aller angemeldeten Seiten. Sie ist das **zweite** Netz – jede Seite prüft ihr Recht
* selbst, weil Next dieses Layout bei Navigation innerhalb der Gruppe nicht neu rendert.
*/
export default async function AppHuelle({ children }: { children: React.ReactNode }) {
const benutzer = await aktuellerBenutzer();
if (!benutzer) redirect("/anmelden");
const speicher = await cookies();
const theme = themeAusCookie(speicher.get(THEME_COOKIE)?.value);
const server = await prisma.server.findMany({
select: { name: true, titel: true },
orderBy: { name: "asc" },
});
const aktiv = aktiverServer(
server.map((eintrag) => eintrag.name),
speicher.get(SERVER_COOKIE)?.value,
);
const eintraege = NAVIGATION.filter((eintrag) => !eintrag.ab && darf(benutzer.rolle, eintrag.recht));
return (
<div className="lg:flex">
<Seitenleiste
eintraege={eintraege}
benutzer={{ anzeigename: benutzer.anzeigename, rolle: benutzer.rolle }}
version={versionText()}
theme={theme}
serverUmschalter={<ServerUmschalter server={server} aktiv={aktiv} />}
/>
<main id="inhalt" className="min-w-0 flex-1 px-4 py-6 sm:px-8 lg:py-10">
<div className="mx-auto max-w-6xl">{children}</div>
</main>
</div>
);
}