Update public/index.html

public/index.html

@@ -65,68 +65,83 @@
 
     <script>
         function showSignUp() {
-            document.getElementById("loginSection").style.display = "none";
-            document.getElementById("signupSection").style.display = "block";
-        }
-
-        function showLogin() {
-            document.getElementById("signupSection").style.display = "none";
-            document.getElementById("loginSection").style.display = "block";
-        }
+    document.getElementById("loginSection").style.display = "none";
+    document.getElementById("signupSection").style.display = "block";
+}
 
-        // Login handler
-        document.getElementById("loginForm").addEventListener("submit", async (event) => {
-            event.preventDefault();
+// Show login form
+function showLogin() {
+    document.getElementById("signupSection").style.display = "none";
+    document.getElementById("loginSection").style.display = "block";
+}
 
-            const username = document.getElementById("loginUsername").value.trim();
-            const password = document.getElementById("loginPassword").value.trim();
+// Login handler
+document.getElementById("loginForm").addEventListener("submit", async (event) => {
+    event.preventDefault();
 
-            if (!username || !password) {
-                alert("Both fields are required!");
-                return;
-            }
+    const username = document.getElementById("loginUsername").value.trim();
+    const password = document.getElementById("loginPassword").value.trim();
 
-            const response = await fetch("/login", {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ username, password }),
-            });
+    if (!username || !password) {
+        alert("Both fields are required!");
+        return;
+    }
 
-            if (response.ok) {
-                alert("Login successful!");
-                window.location.href = "/terminal.html"; // Redirect to terminal page
-            } else {
-                const message = await response.text();
-                alert(`Login failed: ${message}`);
-            }
+    try {
+        const response = await fetch("/login", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ username, password }),
         });
 
-        // Sign-up handler
-        document.getElementById("signupForm").addEventListener("submit", async (event) => {
-            event.preventDefault();
+        if (response.ok) {
+            const data = await response.json(); // Expecting { message, username }
+            localStorage.setItem("username", data.username); // Save username to localStorage
+            alert("Login successful!");
+            window.location.href = "/terminal.html"; // Redirect to terminal page
+        } else {
+            const message = await response.text();
+            alert(`Login failed: ${message}`);
+        }
+    } catch (error) {
+        console.error("Login error:", error);
+        alert("An unexpected error occurred. Please try again.");
+    }
+});
 
-            const username = document.getElementById("signupUsername").value.trim();
-            const password = document.getElementById("signupPassword").value.trim();
+// Sign-up handler
+document.getElementById("signupForm").addEventListener("submit", async (event) => {
+    event.preventDefault();
 
-            if (!username || !password) {
-                alert("Both fields are required!");
-                return;
-            }
+    const username = document.getElementById("signupUsername").value.trim();
+    const password = document.getElementById("signupPassword").value.trim();
 
-            const response = await fetch("/signup", {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ username, password }),
-            });
+    if (!username || !password) {
+        alert("Both fields are required!");
+        return;
+    }
 
-            if (response.ok) {
-                alert("Sign-up successful! Redirecting to terminal...");
-                window.location.href = "/terminal.html"; // Redirect to terminal page
-            } else {
-                const message = await response.text();
-                alert(`Sign-up failed: ${message}`);
-            }
+    try {
+        const response = await fetch("/signup", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ username, password }),
         });
+
+        if (response.ok) {
+            const data = await response.json(); // Expecting a success message
+            localStorage.setItem("username", username); // Save username to localStorage
+            alert("Sign-up successful! Redirecting to terminal...");
+            window.location.href = "/terminal.html"; // Redirect to terminal page
+        } else {
+            const message = await response.text();
+            alert(`Sign-up failed: ${message}`);
+        }
+    } catch (error) {
+        console.error("Sign-up error:", error);
+        alert("An unexpected error occurred. Please try again.");
+    }
+});
     </script>
 </body>
 </html>