admin.schubert/Validation_Suite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(orion): align report header footer and page layout

Browse source
This commit is contained in:
Schubert Ferenc 2026-07-11 12:19:10 +02:00
parent 302e542fda
commit 503b343070
40 changed files with 2010 additions and 148 deletions
Download patch file Download diff file Expand all files Collapse all files

7
validation-suite/frontend/atlas/app/(app)/validations/[id]/preview/page.tsx
View file

@ -12,6 +12,7 @@ export default function ValidationPreviewPage() {
const params = useParams<{ id: string }>();
const [html, setHtml] = useState("");
const [message, setMessage] = useState("Vorschau wird geladen.");
const [toast, setToast] = useState("");
useEffect(() => {
if (!token || !params.id) return;
@ -33,6 +34,11 @@ export default function ValidationPreviewPage() {
const response = await fetch(`${API_BASE}/validations/${params.id}/report.pdf`, {
headers: { Authorization: `Bearer ${token}` }
});
if (!response.ok) {
const body = await response.json().catch(() => null);
setToast(body?.detail ?? "PDF konnte nicht erzeugt werden.");
return;
}
const blob = await response.blob();
const url = URL.createObjectURL(blob);
const link = document.createElement("a");
@ -54,6 +60,7 @@ export default function ValidationPreviewPage() {
<button type="button" onClick={downloadPdf} className="btn btn-primary h-12"><Download className="h-4 w-4" /> PDF herunterladen</button>
</div>
</header>
{toast && <div className="fixed right-4 top-4 z-50 max-w-md rounded-lg border border-danger/30 bg-white p-4 text-sm text-danger shadow-soft">{toast}</div>}
{message ? <div className="rounded-lg border border-border bg-surface p-6 shadow-soft">{message}</div> : <iframe title="Validierungsbericht" srcDoc={html} className="h-[78vh] w-full rounded-lg border border-border bg-white shadow-soft" />}
</div>
);