Expose project-wide history controls

This commit is contained in:
2026-07-25 23:16:46 +02:00
parent b2763f72d5
commit 59d442593f
8 changed files with 146 additions and 86 deletions
+1 -62
View File
@@ -21,7 +21,6 @@ import {
listProjects,
listRooms,
synchronizeProjectDeviceRows,
undoProjectCommand,
updateProjectDevice,
updateProjectSettings,
} from "../../../frontend/utils/api";
@@ -56,11 +55,6 @@ const projectDeviceSyncFieldLabels: Record<ProjectDeviceSyncField, string> = {
remark: "Bemerkung",
};
type ProjectDeviceUndoState = {
projectDeviceId: string;
revisionNumber: number;
};
const emptyProjectDevice: CreateProjectDeviceInput = {
name: "",
displayName: "",
@@ -117,7 +111,6 @@ export default function ProjectDetailPage() {
const [syncPreview, setSyncPreview] = useState<ProjectDeviceSyncPreviewDto | null>(null);
const [selectedSyncRowIds, setSelectedSyncRowIds] = useState<string[]>([]);
const [selectedSyncFields, setSelectedSyncFields] = useState<ProjectDeviceSyncField[]>([]);
const [projectDeviceUndo, setProjectDeviceUndo] = useState<ProjectDeviceUndoState | null>(null);
const [error, setError] = useState<string | null>(null);
const [isSaving, setIsSaving] = useState(false);
@@ -180,7 +173,6 @@ export default function ProjectDetailPage() {
setProject((current) =>
current ? { ...current, currentRevision } : current
);
setProjectDeviceUndo(null);
}
async function handleCreateBoard(event: FormEvent<HTMLFormElement>) {
@@ -386,7 +378,6 @@ export default function ProjectDetailPage() {
return;
}
try {
setProjectDeviceUndo(null);
const preview = await getProjectDeviceSyncPreview(projectId, projectDeviceId);
setSyncPreview(preview);
setSelectedSyncRowIds(preview.rows.filter((row) => row.differences.length > 0).map((row) => row.rowId));
@@ -438,10 +429,6 @@ export default function ProjectDetailPage() {
setSelectedSyncRowIds(
result.preview.rows.filter((row) => row.differences.length > 0).map((row) => row.rowId)
);
setProjectDeviceUndo({
projectDeviceId: syncPreview.projectDevice.id,
revisionNumber: result.revision.revisionNumber,
});
} catch (err) {
setError(err instanceof Error ? err.message : "Gerätezeilen konnten nicht synchronisiert werden.");
} finally {
@@ -474,10 +461,6 @@ export default function ProjectDetailPage() {
.map((row) => row.rowId)
);
applyProjectRevision(result.history.currentRevision);
setProjectDeviceUndo({
projectDeviceId: syncPreview.projectDevice.id,
revisionNumber: result.revision.revisionNumber,
});
} catch (err) {
setError(err instanceof Error ? err.message : "Verknüpfungen konnten nicht getrennt werden.");
} finally {
@@ -485,40 +468,6 @@ export default function ProjectDetailPage() {
}
}
async function handleUndoProjectDeviceOperation() {
if (!projectId || !project || !projectDeviceUndo) {
return;
}
setIsSaving(true);
setError(null);
try {
if (
project.currentRevision !==
projectDeviceUndo.revisionNumber
) {
throw new Error(
"Eine neuere Projektänderung verhindert dieses Rückgängig."
);
}
const result = await undoProjectCommand(
projectId,
project.currentRevision
);
const preview = await getProjectDeviceSyncPreview(
projectId,
projectDeviceUndo.projectDeviceId
);
applyProjectRevision(result.history.currentRevision);
setSyncPreview(preview);
setSelectedSyncRowIds(preview.rows.filter((row) => row.differences.length > 0).map((row) => row.rowId));
setProjectDeviceUndo(null);
} catch (err) {
setError(err instanceof Error ? err.message : "Die letzte Aktion konnte nicht rückgängig gemacht werden.");
} finally {
setIsSaving(false);
}
}
async function handleCopyGlobalToProject() {
if (!projectId || !project || !selectedGlobalDeviceId) {
return;
@@ -624,7 +573,7 @@ export default function ProjectDetailPage() {
<section className="col-12">
<ProjectVersionHistory
currentRevision={project.currentRevision}
onRestoreComplete={() => window.location.reload()}
onProjectStateChange={() => window.location.reload()}
projectId={projectId}
/>
</section>
@@ -1163,16 +1112,6 @@ export default function ProjectDetailPage() {
</div>
<div className="d-flex flex-wrap gap-2">
{projectDeviceUndo ? (
<button
className="btn btn-outline-secondary"
type="button"
onClick={() => void handleUndoProjectDeviceOperation()}
disabled={isSaving}
>
Letzte Aktion rückgängig
</button>
) : null}
<button
className="btn btn-primary"
type="button"