Files
CPLv4.0/components/main/kabelueberwachung/kue705FO/handlers/handleSave.ts
ISA c35826e1a0 fix: CGI-API-Aufruf in Produktionsumgebung per fetch statt location.href
- CGI-Endpunkte der CPL-Hardware werden jetzt per fetch im Hintergrund aufgerufen
- Kein Tab-Wechsel oder Seitenreload mehr bei "Speichern"
- Entwicklung nutzt weiterhin Next.js API-Routen
- Nutzer erhält einheitliches Feedback per alert
2025-04-22 13:33:58 +02:00

161 lines
4.2 KiB
TypeScript
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// components/modales/kueModal/handlers/handleSave.ts
import { setKueData } from "../../../../../redux/slices/kueDataSlice";
export interface OriginalValues {
kueID: string[];
isolationsgrenzwerte: number[];
verzoegerung: number[];
untereSchleifenGrenzwerte: number[];
obereSchleifenGrenzwerte: number[];
schleifenintervall: number[];
}
interface HandleSaveParams {
ids: string[];
isolationsgrenzwerte: number[];
verzoegerung: number[];
untereSchleifenGrenzwerte: number[];
obereSchleifenGrenzwerte: number[];
schleifenintervall: number[];
originalValues: OriginalValues;
slot: number;
dispatch: (action: any) => void;
onModulNameChange: (id: string) => void;
onClose: () => void;
}
// Vergleich: robust für Zahlen und Strings
const isDifferent = (a: any, b: any): boolean => {
const aNum = Number(a);
const bNum = Number(b);
if (!isNaN(aNum) && !isNaN(bNum)) {
return Math.abs(aNum - bNum) > 0.0001;
}
return String(a).trim() !== String(b).trim();
};
const handleSave = async ({
ids,
isolationsgrenzwerte,
verzoegerung,
untereSchleifenGrenzwerte,
obereSchleifenGrenzwerte,
schleifenintervall,
originalValues,
slot,
dispatch,
onModulNameChange,
onClose,
}: HandleSaveParams): Promise<void> => {
const changesForFile: Record<string, any> = {};
if (isDifferent(ids[slot], originalValues.kueID[slot])) {
changesForFile.KID = ids[slot];
}
if (
isDifferent(
isolationsgrenzwerte[slot],
originalValues.isolationsgrenzwerte[slot]
)
) {
changesForFile.KL_ = isolationsgrenzwerte[slot];
}
if (isDifferent(verzoegerung[slot], originalValues.verzoegerung[slot])) {
changesForFile.KD_ = verzoegerung[slot];
}
if (
isDifferent(
untereSchleifenGrenzwerte[slot],
originalValues.untereSchleifenGrenzwerte[slot]
)
) {
changesForFile.KR_ = untereSchleifenGrenzwerte[slot];
}
if (
isDifferent(
obereSchleifenGrenzwerte[slot],
originalValues.obereSchleifenGrenzwerte[slot]
)
) {
changesForFile.KRO_ = obereSchleifenGrenzwerte[slot];
}
if (
isDifferent(
schleifenintervall[slot],
originalValues.schleifenintervall[slot]
)
) {
changesForFile.KRI = schleifenintervall[slot];
}
if (Object.keys(changesForFile).length > 0) {
const isDev = window.location.hostname === "localhost";
const isProd = !isDev;
if (isDev) {
// Entwicklung: interne Next.js API
for (const [key, value] of Object.entries(changesForFile)) {
const params = new URLSearchParams({
key: `win_kue${key}`,
value: String(value),
slot: String(slot),
});
const response = await fetch(
`/api/cpl/updateKueDataAPIHandler?${params.toString()}`
);
if (!response.ok) {
alert(`❌ Fehler beim Schreiben der Datei (${key})`);
return;
}
}
alert("✅ Daten erfolgreich gespeichert!");
}
if (isProd) {
// Produktion: echte CPL-Hardware CGI-Aufruf
const cgiParams = Object.entries(changesForFile)
.map(([key, value]) => `${key}${slot}=${encodeURIComponent(value)}`)
.join(";");
const url = `/CPL?KUEdetail.ACP&${cgiParams}`;
console.log("📡 Sende an CPL (CGI) →", url);
try {
const response = await fetch(url);
if (!response.ok) {
alert("❌ Fehler beim Senden an die CPL-Hardware");
return;
}
alert("✅ Daten erfolgreich an die CPL-Hardware gesendet!");
} catch (error) {
console.error("❌ Netzwerkfehler beim CPL-Aufruf:", error);
alert("❌ Netzwerkfehler beim Senden an die CPL-Hardware");
return;
}
}
// Redux und UI aktualisieren
onModulNameChange(ids[slot]);
dispatch(
setKueData({
kueID: [...ids],
isolationsgrenzwerte: [...isolationsgrenzwerte],
verzoegerung: [...verzoegerung],
untereSchleifenGrenzwerte: [...untereSchleifenGrenzwerte],
obereSchleifenGrenzwerte: [...obereSchleifenGrenzwerte],
schleifenintervall: [...schleifenintervall],
})
);
} else {
alert(" Keine Änderungen vorgenommen.");
}
onClose();
};
export default handleSave;