From d607a1101dd2bf12d0cd1491024b3e9b86fd2a15 Mon Sep 17 00:00:00 2001
From: patrick <patrick@perlbach24.de>
Date: Sun, 6 Sep 2026 22:50:42 +0200
Subject: [PATCH] =?UTF-8?q?fix(ui):=20Pr=C3=BCftermine/Ablaufdaten=20verli?=
 =?UTF-8?q?nken,=20Pr=C3=BCfung=20direkt=20aus=20der=20Akte=20erfassbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Dashboard-Listen "Nächste Prüftermine"/"Bevorstehende Ablaufdaten"
hatten keinen Link zum betroffenen Objekt - ein überfälliger Termin
war nicht erreichbar. Zusätzlich: "Prüfung heute durchgeführt"-Button
je Gerät auf der Akte (PATCH /geraete/{id}), bisher nur über die
Admin-Objektbearbeitung möglich.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV
---
 frontend/src/pages/AktePage.tsx      | 37 ++++++++++++++++++++++------
 frontend/src/pages/DashboardPage.tsx |  6 +++--
 2 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/frontend/src/pages/AktePage.tsx b/frontend/src/pages/AktePage.tsx
index 521c53c..ccc6d52 100644
--- a/frontend/src/pages/AktePage.tsx
+++ b/frontend/src/pages/AktePage.tsx
@@ -2,6 +2,7 @@ import { useEffect, useState } from "react";
 import { Link, useParams } from "react-router-dom";
 
 import { apiRequest } from "../api/client";
+import { useAuth } from "../auth/AuthContext";
 import type { Akte } from "../api/types";
 import { DokumentePanel } from "../components/DokumentePanel";
 import { ReadinessBadge } from "../components/status/ReadinessBadge";
@@ -18,18 +19,33 @@ const MANGEL_PRIORITAET_LABEL: Record<string, string> = {
 // Einzelseiten - konsumiert den FILE-001-Aggregations-Endpunkt.
 export function AktePage() {
   const { objektId } = useParams<{ objektId: string }>();
+  const { istVerantwortlich } = useAuth();
   const [akte, setAkte] = useState<Akte | null>(null);
   const [fehler, setFehler] = useState<string | null>(null);
   const [laedt, setLaedt] = useState(true);
 
-  useEffect(() => {
+  function laden() {
     if (!objektId) return;
     setLaedt(true);
     apiRequest<Akte>(`/akte/objekt/${objektId}`)
       .then(setAkte)
       .catch(() => setFehler("Akte konnte nicht geladen werden."))
       .finally(() => setLaedt(false));
-  }, [objektId]);
+  }
+
+  useEffect(laden, [objektId]);
+
+  async function pruefungDurchgefuehrt(geraetId: string) {
+    try {
+      await apiRequest(`/geraete/${geraetId}`, {
+        method: "PATCH",
+        body: { status: "einsatzbereit", pruefdatum: new Date().toISOString().slice(0, 10) },
+      });
+      laden();
+    } catch {
+      setFehler("Prüfung konnte nicht erfasst werden.");
+    }
+  }
 
   if (laedt) return <main className="page"><p className="text-muted">Lade…</p></main>;
   if (fehler) return <main className="page"><div className="alert alert-danger">{fehler}</div></main>;
@@ -114,11 +130,18 @@ export function AktePage() {
         {akte.geraete.length > 0 && (
           <ul>
             {akte.geraete.map((g) => (
-              <li key={g.id}>
-                SN {g.seriennummer} —{" "}
-                <span className={g.status === "einsatzbereit" ? "text-success" : "text-danger"}>{g.status}</span>
-                {g.naechste_pruefung && (
-                  <span className="text-muted"> · nächste Prüfung {new Date(g.naechste_pruefung).toLocaleDateString("de-DE")}</span>
+              <li key={g.id} className="row-between" style={{ padding: "0.25rem 0" }}>
+                <span>
+                  SN {g.seriennummer} —{" "}
+                  <span className={g.status === "einsatzbereit" ? "text-success" : "text-danger"}>{g.status}</span>
+                  {g.naechste_pruefung && (
+                    <span className="text-muted"> · nächste Prüfung {new Date(g.naechste_pruefung).toLocaleDateString("de-DE")}</span>
+                  )}
+                </span>
+                {istVerantwortlich && (
+                  <button className="btn btn-secondary" onClick={() => pruefungDurchgefuehrt(g.id)}>
+                    Prüfung heute durchgeführt
+                  </button>
                 )}
               </li>
             ))}
diff --git a/frontend/src/pages/DashboardPage.tsx b/frontend/src/pages/DashboardPage.tsx
index 8835342..4374bf5 100644
--- a/frontend/src/pages/DashboardPage.tsx
+++ b/frontend/src/pages/DashboardPage.tsx
@@ -218,7 +218,8 @@ export function DashboardPage() {
                 {prueftermine.map((p, i) => (
                   <li key={i} className="row-between" style={{ padding: "0.3rem 0" }}>
                     <span>
-                      {p.bezeichnung} <span className="text-muted">({p.faelligkeitsdatum})</span>
+                      <Link to={`/akte/objekt/${p.objekt_id}`}>{p.bezeichnung}</Link>{" "}
+                      <span className="text-muted">({p.faelligkeitsdatum})</span>
                     </span>
                     <InspectionStatus status={p.status} tage={p.verbleibende_tage} />
                   </li>
@@ -236,7 +237,8 @@ export function DashboardPage() {
                 {ablaufdaten.map((a) => (
                   <li key={`${a.objekt_id}-${a.material_id}`} className="row-between" style={{ padding: "0.3rem 0" }}>
                     <span>
-                      Objekt #{a.objekt_id} – Material #{a.material_id} <span className="text-muted">({a.ablaufdatum})</span>
+                      <Link to={`/akte/objekt/${a.objekt_id}`}>Objekt #{a.objekt_id}</Link> – Material #{a.material_id}{" "}
+                      <span className="text-muted">({a.ablaufdatum})</span>
                     </span>
                     <InventoryStatus status={a.status} tage={a.verbleibende_tage} />
                   </li>