feat: dynamische Weiterleitung zur neuen IP-Adresse nach CPL-Neustart implementiert

- handleSubmit aktualisiert, um geänderte IP-Adresse an handleReboot zu übergeben
- handleReboot angepasst, um nach Neustart dynamisch zur neuen IP-Adresse weiterzuleiten
- Weiterleitung abhängig von Umgebung: in Produktion zu "/dashboard.html" und in Entwicklung zu "/dashboard"
- 33 Sekunden Wartezeit hinzugefügt, um CPL-Verfügbarkeit nach Neustart sicherzustellen
This commit is contained in:
ISA
2024-11-12 14:13:37 +01:00
parent 60bb76fae7
commit dec20099f8
2 changed files with 13 additions and 25 deletions

View File

@@ -1,5 +1,4 @@
const handleReboot = async () => { const handleReboot = async (newIp = null) => {
// Zeigt eine einfache Warteanzeige direkt in der aktuellen Seite an
const showWaitPage = () => { const showWaitPage = () => {
const waitHTML = ` const waitHTML = `
<!DOCTYPE html> <!DOCTYPE html>
@@ -45,26 +44,23 @@ const handleReboot = async () => {
</body> </body>
</html> </html>
`; `;
// Ersetzt den gesamten HTML-Inhalt der Seite mit der Warteanzeige
document.documentElement.innerHTML = waitHTML; document.documentElement.innerHTML = waitHTML;
}; };
if ( if (
window.confirm("Sind Sie sicher, dass Sie den CPL neu starten möchten?") window.confirm("Sind Sie sicher, dass Sie den CPL neu starten möchten?")
) { ) {
// Zeige die Warte-Seite direkt an
showWaitPage(); showWaitPage();
// Umleitung abhängig von der Umgebung nach 5 Sekunden // Leite zur neuen IP oder zur ursprünglichen IP basierend auf der Umgebung weiter
const redirectURL = const baseRedirectURL = newIp ? `https://${newIp}` : window.location.origin;
const redirectPath =
process.env.NODE_ENV === "production" ? "/dashboard.html" : "/dashboard"; process.env.NODE_ENV === "production" ? "/dashboard.html" : "/dashboard";
setTimeout(() => { setTimeout(() => {
window.location.href = `${window.location.origin}${redirectURL}`; window.location.href = `${baseRedirectURL}${redirectPath}`;
}, 35000); // getestet, Nach 35 Sekunden wird CPL rebootet }, 33000); // Nach 33 Sekunden umleiten
// Führe den `fetch`-Aufruf zum Neustart aus (gleichzeitig)
const url = `${window.location.origin}/CPL?wait2reboot.html&BOOT=1`; const url = `${window.location.origin}/CPL?wait2reboot.html&BOOT=1`;
console.log(url); console.log(url);

View File

@@ -1,16 +1,19 @@
// components/modales/handlers/handleSubmit.js // components/modales/handlers/handleSubmit.js
import handleReboot from "./handleReboot"; import handleReboot from "./handleReboot";
const handleSubmit = (originalValues, currentValues) => { const handleSubmit = (originalValues, currentValues) => {
const changes = {}; const changes = {};
let networkChanges = false; let networkChanges = false;
let newIp = null;
// Überprüfe, welche Werte sich geändert haben, wobei Netzwerk- oder Namensänderungen einen Neustart erfordern // Überprüfe, welche Werte sich geändert haben
if (currentValues.name !== originalValues.name) { if (currentValues.name !== originalValues.name) {
changes.SNNA = currentValues.name; changes.SNNA = currentValues.name;
networkChanges = true; networkChanges = true;
} }
if (currentValues.ip !== originalValues.ip) { if (currentValues.ip !== originalValues.ip) {
changes.SEI01 = currentValues.ip; changes.SEI01 = currentValues.ip;
newIp = currentValues.ip; // Neue IP speichern
networkChanges = true; networkChanges = true;
} }
if (currentValues.subnet !== originalValues.subnet) { if (currentValues.subnet !== originalValues.subnet) {
@@ -37,35 +40,24 @@ const handleSubmit = (originalValues, currentValues) => {
changes.SNAC = currentValues.active; changes.SNAC = currentValues.active;
} }
// Falls Änderungen vorhanden sind, sende die neuen Daten
if (Object.keys(changes).length > 0) { if (Object.keys(changes).length > 0) {
// Pfad anpassen, um sicherzustellen, dass er auf ".html" endet // URL für die Änderungen erstellen
let currentPath = window.location.pathname; let url = `${window.location.origin}/CPL?${window.location.pathname}`;
if (!currentPath.endsWith(".html")) {
currentPath += ".html";
}
// Erstelle die vollständige URL mit Host, Pfad und Parametern
let url = `${window.location.origin}/CPL?${currentPath}`;
Object.keys(changes).forEach((paramKey) => { Object.keys(changes).forEach((paramKey) => {
url += `&${paramKey}=${encodeURIComponent(changes[paramKey])}`; url += `&${paramKey}=${encodeURIComponent(changes[paramKey])}`;
}); });
// Logge die URL zur Überprüfung
console.log(url); console.log(url);
// Sende die URL mit den Änderungen an den Server
fetch(url, { method: "GET" }); fetch(url, { method: "GET" });
alert("Daten erfolgreich gesendet!"); alert("Daten erfolgreich gesendet!");
// Hinweis und Neustart bei Namens- oder Netzwerkeinstellungen
if (networkChanges) { if (networkChanges) {
alert( alert(
"Hinweis: Die Änderungen in CPL-Name und den Netzwerkeinstellungen werden erst nach einem Neustart des CPL wirksam." "Hinweis: Die Änderungen in CPL-Name und den Netzwerkeinstellungen werden erst nach einem Neustart des CPL wirksam."
); );
handleReboot(); // handleReboot enthält bereits die Bestätigung handleReboot(newIp); // handleReboot mit neuer IP aufrufen
} }
} else { } else {
alert("Keine Änderungen vorgenommen."); alert("Keine Änderungen vorgenommen.");