From b01a2fee0ad53c774583ea8987cf3dee36789ec3 Mon Sep 17 00:00:00 2001
From: gitfreeking <d.gilsendegen@gmail.com>
Date: Thu, 1 May 2025 00:29:00 +0200
Subject: [PATCH] =?UTF-8?q?Css=20angepasst.=20Login/Ausloggen=20funktionen?=
 =?UTF-8?q?=20hinzugef=C3=BCgt.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/bestellformular/bestellformular.html | 21 +++++++++++++++++----
 static/Styles/styles-main.css               |  6 ------
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/public/bestellformular/bestellformular.html b/public/bestellformular/bestellformular.html
index f45469d..1608d2b 100644
--- a/public/bestellformular/bestellformular.html
+++ b/public/bestellformular/bestellformular.html
@@ -19,13 +19,13 @@
                 <h2>Bestellformular</h2>
 
                 <label for="vorname">Vorname:</label>
-                <input type="text" id="Vorname" name="Vorname" required placeholder=" - Vorname -" readonly>
+                <input type="text" id="Vorname" name="Vorname" required placeholder="Vorname">
 
                 <label for="nachname">Nachname:</label>
-                <input type="text" id="Nachname" name="Nachname" required placeholder="- Nachname -" readonly>
+                <input type="text" id="Nachname" name="Nachname" required placeholder="Nachname">
 
                 <label for="kundenNr">Kunden Nr.:</label>
-                <input type="text" id="KundenNr" name="KundenNr" required placeholder="- Kunden Nr. -" readonly>
+                <input type="text" id="KundenNr" name="KundenNr" required placeholder="Kunden Nr.">
 
                 <label for="strasse">Straße:</label>
                 <input type="text" id="strasse" name="strasse" required placeholder="Strasse">
@@ -60,10 +60,23 @@
             const kundenNrInput = document.getElementById('KundenNr');
             const VornameInput = document.getElementById('Vorname');
             const NachnameInput = document.getElementById('Nachname');
-            if (kundenNrInput, VornameInput, NachnameInput) {
+
+            const isLoggedIn = user_id && vorname && nachname;
+
+            if (isLoggedIn) {
                 kundenNrInput.value = user_id;
                 VornameInput.value = vorname;
                 NachnameInput.value = nachname;
+
+                // Felder sperren, damit sie nicht bearbeitet werden können
+                kundenNrInput.readOnly = true;
+                VornameInput.readOnly = true;
+                NachnameInput.readOnly = true;
+            } else {
+                // Felder leer lassen & bearbeitbar
+                kundenNrInput.readOnly = false;
+                VornameInput.readOnly = false;
+                NachnameInput.readOnly = false;
             }
 
             console.log("User ID from sessionStorage:", user_id);
diff --git a/static/Styles/styles-main.css b/static/Styles/styles-main.css
index 5ac7c35..1f12e2b 100644
--- a/static/Styles/styles-main.css
+++ b/static/Styles/styles-main.css
@@ -581,12 +581,6 @@ input[type="text"]:focus, input[type="number"]:focus {
     background-color: #e95b00;
 }
 
-#KundenNr, #Vorname, #Nachname {
-    background-color: #f5f5f5;
-    border: none;
-    cursor: not-allowed;
-}
-
 @media (max-width: 768px) {
     .ArtikelNrText, .StueckzahlText {
         width: 100%;