c4e89d690c
- handleSave in separate Datei handle-save.js ausgelagert, um KueModal-Komponente modularer und wartbarer zu gestalten - handleSaveWrapper in KueModal hinzugefügt, um Parameter an handleSave zu übergeben - KueModal umgestaltet, um Funktionen und Redux-Dispatch klarer zu organisieren - Konsistente Verwendung von Parametern und State-Updates für sauberen Codefluss
69 lines
1.9 KiB
JavaScript
69 lines
1.9 KiB
JavaScript
// components/modales/handlers/handleSubmit.js
|
|
const handleSubmit = (originalValues, currentValues) => {
|
|
const changes = {};
|
|
|
|
// Überprüfe, welche Werte sich geändert haben
|
|
if (name !== originalValues.name) {
|
|
changes.SNNA = name;
|
|
}
|
|
if (ip !== originalValues.ip) {
|
|
changes.SEI01 = ip;
|
|
}
|
|
if (subnet !== originalValues.subnet) {
|
|
changes.SEI02 = subnet;
|
|
}
|
|
if (gateway !== originalValues.gateway) {
|
|
changes.SEI03 = gateway;
|
|
}
|
|
if (ntp1 !== originalValues.ntp1) {
|
|
changes.SNIP1 = ntp1;
|
|
}
|
|
if (ntp2 !== originalValues.ntp2) {
|
|
changes.SNIP2 = ntp2;
|
|
}
|
|
if (ntp3 !== originalValues.ntp3) {
|
|
changes.SNIP3 = ntp3;
|
|
}
|
|
if (ntpTimezone !== originalValues.ntpTimezone) {
|
|
changes.SNTZ = ntpTimezone;
|
|
}
|
|
if (active !== originalValues.active) {
|
|
changes.SNAC = active;
|
|
}
|
|
|
|
// Falls Änderungen vorhanden sind, sende die neuen Daten
|
|
if (Object.keys(changes).length > 0) {
|
|
// Get the current path and ensure it ends with ".html"
|
|
let currentPath = window.location.pathname;
|
|
if (!currentPath.endsWith(".html")) {
|
|
currentPath += ".html";
|
|
}
|
|
|
|
// Full URL with host, current path, and all change parameters
|
|
let url = `${window.location.origin}/CPL?${currentPath}`;
|
|
|
|
Object.keys(changes).forEach((paramKey) => {
|
|
url += `&${paramKey}=${encodeURIComponent(changes[paramKey])}`;
|
|
});
|
|
|
|
// Log the full URL to the console for debugging
|
|
console.log(url);
|
|
|
|
// Send the URL with changes to the server
|
|
fetch(url, { method: "GET" })
|
|
.then((response) => {
|
|
if (response.ok) {
|
|
alert("Daten erfolgreich gesendet!");
|
|
} else {
|
|
alert("Fehler beim Senden der Daten!");
|
|
}
|
|
})
|
|
.catch((error) => {
|
|
console.error("Fehler:", error);
|
|
alert("Fehler beim Senden der Daten!");
|
|
});
|
|
} else {
|
|
alert("Keine Änderungen vorgenommen.");
|
|
}
|
|
};
|