diff --git a/.env.local b/.env.local
index 8d91490..57dd31e 100644
--- a/.env.local
+++ b/.env.local
@@ -1,5 +1,5 @@
#Next.js Webserver, bleibt localhost auf CPL bei production
#NEXT_PUBLIC_API_BASE_URL=http://localhost:3000
#CPL Webserver für die Entwicklung , um Daten von CPL zu bekommen, hat funktioniert auf dem CPL selbst
-#NEXT_PUBLIC_API_BASE_URL=https://10.10.0.118:443
-NEXT_PUBLIC_API_BASE_URL=http://localhost:3000
+NEXT_PUBLIC_API_BASE_URL=https://10.10.0.118:443
+#NEXT_PUBLIC_API_BASE_URL=http://localhost:3000
diff --git a/app/wait/page.jsx b/app/wait/page.jsx
new file mode 100644
index 0000000..8a06c5c
--- /dev/null
+++ b/app/wait/page.jsx
@@ -0,0 +1,26 @@
+"use client"; // app/wait/page.jsx
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { ClipLoader } from "react-spinners";
+
+export default function WaitPage() {
+ const router = useRouter();
+
+ useEffect(() => {
+ // Starte den Timer, um nach 20 Sekunden weiterzuleiten
+ const timer = setTimeout(() => {
+ router.push("/");
+ }, 20000); // 20 Sekunden warten
+
+ // Timer aufräumen, wenn die Komponente entladen wird
+ return () => clearTimeout(timer);
+ }, [router]);
+
+ return (
+
+
Bitte warten...
+
{/* Spinner */}
+
Die Seite wird automatisch neu geladen.
+
Isolationsgrenzwert
|
+ Verzögerung |
Schleifengrenzwert
|
- Filterzeit |
{/*
TDR Aktiv |
@@ -127,6 +136,18 @@ function KueModal({ showModal, onClose, slot }) {
/>{" "}
MOhm
+
+ {/* Flexbox für Verzögerung */}
+
+
+ sek.
+
+ |
{" "}
kOhm
|
-
- {/* Flexbox für Filterzeit */}
-
-
- sek.
-
- |
+
{/*
diff --git a/components/modales/SettingsModal.jsx b/components/modales/SettingsModal.jsx
index b25ee34..d8da15e 100644
--- a/components/modales/SettingsModal.jsx
+++ b/components/modales/SettingsModal.jsx
@@ -1,5 +1,6 @@
import React, { useState, useEffect } from "react";
import ReactModal from "react-modal";
+import { ClipLoader } from "react-spinners";
import "bootstrap-icons/font/bootstrap-icons.css"; // Import Bootstrap Icons
function SettingModal({ showModal, onClose }) {
@@ -15,6 +16,7 @@ function SettingModal({ showModal, onClose }) {
const [ntp3, setNtp3] = useState("0.0.0.0");
const [zeitzone, setZeitzone] = useState("2");
const [activ, setActiv] = useState("1");
+ const [showRebootModal, setShowRebootModal] = useState(false);
useEffect(() => {
if (window.deviceName) setName(window.deviceName);
@@ -31,264 +33,291 @@ function SettingModal({ showModal, onClose }) {
if (window.ntpActive) setActiv(window.ntpActive);
}, []);
- const handleSubmit = () => {
- const url = `CPL?SNNA=${name}&SEI01=${ip}&SEI02=${subnet}&SEI03=${gateway}&SNIP1=${ntp1}&SNIP2=${ntp2}&SNIP3=${ntp3}&SNTZ=${zeitzone}&SNAC=${activ}`;
-
- fetch(url)
- .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!");
- });
- };
-
const handleReboot = () => {
- const rebootUrl = `CPL?BOOT=1`;
-
- fetch(rebootUrl)
- .then((response) => {
- if (response.ok) {
- alert(
- "Neustart Befehl erfolgreich gesendet! CPL wird neu gestartet."
- );
- } else {
- alert("Fehler beim Senden des Neustart-Befehls!");
- }
- })
- .catch((error) => {
- console.error("Fehler:", error);
- alert("Fehler beim Senden des Neustart-Befehls!");
+ if (
+ window.confirm("Sind Sie sicher, dass Sie den CPL neu starten möchten?")
+ ) {
+ fetch(`CPL?KUEdetail.ACP&BOOT=1`, { method: "GET" }).finally(() => {
+ window.location.href = `/wait`; //auf Client-Seite
});
+ }
};
const handleClearDatabase = () => {
- const clearDbUrl = `CPL?DEDB=1`;
+ if (
+ window.confirm("Sind Sie sicher, dass Sie die Datenbank leeren möchten?")
+ ) {
+ const clearDbUrl = `CPL?KUEdetail.ACP&DEDB=1`;
- fetch(clearDbUrl)
- .then((response) => {
- if (response.ok) {
- alert("Befehl zum Leeren der Datenbank erfolgreich gesendet!");
- } else {
+ fetch(clearDbUrl)
+ .then((response) => {
+ if (response.ok) {
+ alert("Befehl zum Leeren der Datenbank erfolgreich gesendet!");
+ } else {
+ alert("Fehler beim Senden des Befehls zum Leeren der Datenbank!");
+ }
+ })
+ .catch((error) => {
+ console.error("Fehler:", error);
alert("Fehler beim Senden des Befehls zum Leeren der Datenbank!");
- }
- })
- .catch((error) => {
- console.error("Fehler:", error);
- alert("Fehler beim Senden des Befehls zum Leeren der Datenbank!");
- });
+ });
+ }
+ };
+
+ const handleSubmit = () => {
+ if (window.confirm("Möchten Sie die Änderungen wirklich übernehmen?")) {
+ const url = `CPL?KUEdetail.ACP&SNNA=${name}&SEI01=${ip}&SEI02=${subnet}&SEI03=${gateway}&SNIP1=${ntp1}&SNIP2=${ntp2}&SNIP3=${ntp3}&SNTZ=${zeitzone}&SNAC=${activ}`;
+
+ fetch(url)
+ .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!");
+ });
+ }
};
return (
-
- {/* Close Icon */}
-
+ {/* Modal-Inhalt */}
+
- |