+
-
{project?.name ?? "Projekt"}
+Projekt
+ {project?.name ?? "Projekt"}
{project?.internalProjectNumber ? `Projektnummer ${project.internalProjectNumber} · ` @@ -688,9 +689,28 @@ export default function ProjectDetailPage() { {error ?
{error}
: null}
+
+
+
+
Verteilungen
+ {boardCount}
+
+
+ Etagen
+ {floorCount}
+
+
+ Räume
+ {roomCount}
+
+
+ Projektgeräte
+ {projectDeviceCount}
+
+
{project ? (
-
+
window.location.reload()}
@@ -699,7 +719,7 @@ export default function ProjectDetailPage() {
) : null}
-
+
+
+
+
@@ -792,7 +812,7 @@ export default function ProjectDetailPage() {
-
@@ -820,7 +840,7 @@ export default function ProjectDetailPage() {
-
@@ -866,7 +886,7 @@ export default function ProjectDetailPage() {
-
Projektgeräte
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
index 14a459d..93a2d14 100644
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -8,15 +8,15 @@ import {
deleteGlobalDevice,
importProjectTransferAsNew,
listGlobalDevices,
- listProjects,
updateGlobalDevice,
} from "../../frontend/utils/api";
import type {
CreateGlobalDeviceInput,
GlobalDeviceDto,
- ProjectDto,
} from "../../frontend/types";
+const PROJECTS_CHANGED_EVENT = "leistungsbilanz:projects-changed";
+
const emptyGlobalDevice: CreateGlobalDeviceInput = {
name: "",
displayName: "",
@@ -38,7 +38,6 @@ function toOptionalNumber(value: string) {
}
export default function ProjectsPage() {
- const [projects, setProjects] = useState([]);
const [globalDevices, setGlobalDevices] = useState([]);
const [projectName, setProjectName] = useState("");
const [globalDeviceForm, setGlobalDeviceForm] = useState>({
@@ -64,12 +63,14 @@ export default function ProjectsPage() {
projectId: string;
name: string;
} | null>(null);
+ const [createdProject, setCreatedProject] = useState<{
+ id: string;
+ name: string;
+ } | null>(null);
async function loadData() {
setError(null);
- const [loadedProjects, loadedGlobalDevices] = await Promise.all([listProjects(), listGlobalDevices()]);
- setProjects(loadedProjects);
- setGlobalDevices(loadedGlobalDevices);
+ setGlobalDevices(await listGlobalDevices());
}
useEffect(() => {
@@ -85,10 +86,12 @@ export default function ProjectsPage() {
}
setIsSaving(true);
setError(null);
+ setCreatedProject(null);
try {
const created = await createProject(projectName.trim());
- setProjects((current) => [...current, created]);
+ setCreatedProject({ id: created.id, name: created.name });
setProjectName("");
+ window.dispatchEvent(new Event(PROJECTS_CHANGED_EVENT));
} catch (err) {
setError(err instanceof Error ? err.message : "Projekt konnte nicht erstellt werden.");
} finally {
@@ -123,11 +126,11 @@ export default function ProjectsPage() {
setImportedProject(null);
try {
const imported = await importProjectTransferAsNew(projectImport);
- setProjects(await listProjects());
setImportedProject(imported);
setProjectImport(null);
setProjectImportFilename("");
setProjectImportInputKey((current) => current + 1);
+ window.dispatchEvent(new Event(PROJECTS_CHANGED_EVENT));
} catch (err) {
setError(
err instanceof Error
@@ -222,130 +225,107 @@ export default function ProjectsPage() {
return (
-
+
{error ?
-
Projekte
+Leistungsbilanz
+ Projekte
Projektübersicht und globale Geräteverwaltung
{error}
: null}
-
-
-
-
- Neues Projekt
-
-
-
-
-
Projekt importieren
-
-
- Eine exportierte JSON-Projektdatei wird als eigenständige Kopie - mit neuen internen IDs angelegt. -
- - - void handleProjectImportFile(event.target.files?.[0]) - } - type="file" - /> - {projectImportFilename ? ( -
- {projectImportFilename} ist bereit.
-
- ) : null}
- {projectImportFileError ? (
-
- {projectImportFileError}
-
- ) : null}
-