Translate remaining frontend

src/frontend/components/circuit-tree-preview.tsx

@@ -15,12 +15,22 @@ function formatNumber(value: number | undefined, digits = 2) {
   }).format(value);
 }
 
+function formatPhaseType(value: string | undefined) {
+  if (value === "three_phase") {
+    return "Dreiphasig";
+  }
+  if (value === "single_phase") {
+    return "Einphasig";
+  }
+  return value ?? "-";
+}
+
 function renderCircuitSummaryLabel(circuit: CircuitTreeCircuitDto) {
   if (circuit.displayName?.trim()) {
     return circuit.displayName;
   }
   if (circuit.deviceRows.length > 1) {
-    return `${circuit.deviceRows.length} devices`;
+    return `${circuit.deviceRows.length} Geräte`;
   }
   return "Reserve";
 }
@@ -37,13 +47,13 @@ export function CircuitTreePreview(props: { projectId: string; circuitListId: st
     getCircuitTree(projectId, circuitListId)
       .then(setData)
       .catch((err: unknown) =>
-        setError(err instanceof Error ? err.message : "Circuit tree could not be loaded.")
+        setError(err instanceof Error ? err.message : "Die Stromkreisstruktur konnte nicht geladen werden.")
       )
       .finally(() => setIsLoading(false));
   }, [projectId, circuitListId]);
 
   if (isLoading) {
-    return <div className="alert alert-info">Loading circuit tree...</div>;
+    return <div className="alert alert-info">Stromkreisstruktur wird geladen …</div>;
   }
 
   if (error) {
@@ -51,12 +61,12 @@ export function CircuitTreePreview(props: { projectId: string; circuitListId: st
   }
 
   if (!data || !data.sections.length) {
-    return <div className="alert alert-secondary">No sections or circuits available.</div>;
+    return <div className="alert alert-secondary">Keine Bereiche oder Stromkreise vorhanden.</div>;
   }
 
   const hasAnyCircuits = data.sections.some((section) => section.circuits.length > 0);
   if (!hasAnyCircuits) {
-    return <div className="alert alert-secondary">Sections exist, but no circuits were found yet.</div>;
+    return <div className="alert alert-secondary">Bereiche sind vorhanden, enthalten aber noch keine Stromkreise.</div>;
   }
 
   return (
@@ -66,28 +76,28 @@ export function CircuitTreePreview(props: { projectId: string; circuitListId: st
           <table className="table table-sm align-middle circuit-tree-table">
             <thead>
               <tr>
-                <th>Equipment identifier</th>
-                <th>Display name</th>
-                <th>Phase type</th>
-                <th>Connection kind</th>
-                <th>Cost group</th>
-                <th>Category</th>
-                <th>Level</th>
-                <th>Room number</th>
-                <th>Room name</th>
-                <th className="text-end">Quantity</th>
-                <th className="text-end">Power / unit</th>
-                <th className="text-end">Simultaneity</th>
-                <th className="text-end">cosPhi</th>
-                <th className="text-end">Row total</th>
-                <th className="text-end">Circuit total</th>
-                <th>Protection type</th>
-                <th className="text-end">Protection current</th>
-                <th>Protection characteristic</th>
-                <th>Cable type</th>
-                <th>Cable cross-section</th>
-                <th className="text-end">Cable length</th>
-                <th>Remark</th>
+                <th>Betriebsmittelkennzeichen</th>
+                <th>Anzeigename</th>
+                <th>Phasenart</th>
+                <th>Anschlussart</th>
+                <th>Kostengruppe</th>
+                <th>Kategorie</th>
+                <th>Ebene</th>
+                <th>Raumnummer</th>
+                <th>Raumname</th>
+                <th className="text-end">Anzahl</th>
+                <th className="text-end">Leistung / Gerät</th>
+                <th className="text-end">Gleichzeitigkeit</th>
+                <th className="text-end">cos φ</th>
+                <th className="text-end">Zeilensumme</th>
+                <th className="text-end">Stromkreissumme</th>
+                <th>Schutzart</th>
+                <th className="text-end">Bemessungsstrom</th>
+                <th>Charakteristik</th>
+                <th>Kabeltyp</th>
+                <th>Kabelquerschnitt</th>
+                <th className="text-end">Kabellänge</th>
+                <th>Bemerkung</th>
               </tr>
             </thead>
             <tbody>
@@ -136,7 +146,7 @@ function SectionRows(props: { section: CircuitTreeResponseDto["sections"][number
             <tr key={circuit.id} className={circuit.isReserve ? "reserve-row" : ""}>
               <td>{circuit.equipmentIdentifier}</td>
               <td>{row.displayName || row.name}</td>
-              <td>{row.phaseType ?? "-"}</td>
+              <td>{formatPhaseType(row.phaseType)}</td>
               <td>{row.connectionKind ?? "-"}</td>
               <td>{row.costGroup ?? "-"}</td>
               <td>{row.category ?? "-"}</td>
@@ -179,7 +189,7 @@ function SectionRows(props: { section: CircuitTreeResponseDto["sections"][number
               <tr key={row.id} className="device-row">
                 <td className="text-muted"> </td>
                 <td className="indented-cell">{row.displayName || row.name}</td>
-                <td>{row.phaseType ?? "-"}</td>
+                <td>{formatPhaseType(row.phaseType)}</td>
                 <td>{row.connectionKind ?? "-"}</td>
                 <td>{row.costGroup ?? "-"}</td>
                 <td>{row.category ?? "-"}</td>
@@ -206,7 +216,7 @@ function SectionRows(props: { section: CircuitTreeResponseDto["sections"][number
       })}
       <tr className="placeholder-row">
         <td>-frei-</td>
-        <td colSpan={21}>free placeholder</td>
+        <td colSpan={21}>Freie Zeile</td>
       </tr>
     </>
   );