Erster Docker-Stand

2026-02-20 16:06:40 +09:00
commit f31e2e8ed3
8818 changed files with 1605323 additions and 0 deletions
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,90 @@
+<html>
+<head>
+    <title>Testseite</title>
+</head>
+<body>
+    <div><h1>Login Page</h1>
+    </div>
+
+<p id="error" style="display: none;"></p>
+        <input id="emailInput" placeholder="Email" />
+        <input id="passwordInput" placeholder="********" type="password" />
+        <button id="authBtn" onclick="authenticate()">
+            Submit
+        </button>
+        <hr />
+        <div class="register-content">
+        <p>Don&apos;t have an account?</p>
+        <button onclick="toggleIsRegister()" id="registerBtn">Sign up</button>    
+
+<script>
+    // 1. Wir merken uns, in welchem Modus wir sind (Standard: Login)
+    let isRegisterMode = false;
+
+    // 2. Diese Funktion wechselt den Modus, wenn man auf "Sign up" klickt
+    function toggleIsRegister() {
+        isRegisterMode = !isRegisterMode; // Wechselt von true zu false oder umgekehrt
+
+        const title = document.querySelector('h1');
+        const authBtn = document.getElementById('authBtn');
+        const registerBtn = document.getElementById('registerBtn');
+        const toggleText = document.querySelector('.register-content p');
+
+        if (isRegisterMode) {
+            title.innerText = "Register Page";
+            authBtn.innerText = "Create Account";
+            registerBtn.innerText = "Back to Login";
+            toggleText.innerText = "Already have an account?";
+        } else {
+            title.innerText = "Login Page";
+            authBtn.innerText = "Submit";
+            registerBtn.innerText = "Sign up";
+            toggleText.innerText = "Don't have an account?";
+        }
+    }
+
+    // 3. Die Hauptfunktion für den Klick auf "Submit" / "Create Account"
+    async function authenticate() {
+        const username = document.getElementById('emailInput').value;
+        const password = document.getElementById('passwordInput').value;
+        const errorDisplay = document.getElementById('error');
+
+        // Entscheide, an welche Tür (URL) wir klopfen
+        const endpoint = isRegisterMode ? '/auth/register' : '/auth/login';
+
+        try {
+            const response = await fetch(`http://localhost:5003${endpoint}`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ username, password })
+            });
+
+            const data = await response.json();
+
+            if (response.ok) {
+    // 1. Speichere den VIP-Pass (Token)
+    localStorage.setItem('token', data.token);
+    
+    // 2. Zeige kurz eine Meldung (optional)
+    console.log("Login erfolgreich, leite weiter...");
+
+    // 3. DER SPRUNG: Hier sagen wir dem Browser, er soll die Seite wechseln
+    window.location.href = 'dashboard.html'; 
+} else {
+                errorDisplay.innerText = data.message || "Fehler aufgetreten";
+                errorDisplay.style.display = 'block';
+            }
+        } catch (err) {
+    // Falls die Antwort kein JSON war oder der Server abgestürzt ist
+    console.error("Detail-Fehler:", err);
+    errorDisplay.innerText = "Fehler: Verbindung fehlgeschlagen oder User existiert bereits.";
+    errorDisplay.style.display = 'block';
+}
+    }
+</script>
+
+            
+</body>
+
+
+</html>