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);
@@ -177,6 +190,7 @@
         }
 
     </script>
+
     <!-- Footer wird dynamisch geladen -->
     <div id="footer"></div>
 </div>

scripts/routes/other/route-index.js

@@ -16,7 +16,7 @@ router.get('/registrieren', (req, res) => {
     res.sendFile(path.join(__dirname, '../../../public/registrieren/registrieren.html'));
 })
 
-// Route - HeaderFooter
+// Route - HeaderFooter Skript
 router.get('/header_footer', (req, res) => {
     res.sendFile(path.join(__dirname, '../../../scripts/einfügenHeaderFooter.js'));
 })
@@ -66,13 +66,14 @@ router.get('/bestellformular', (req, res) => {
     res.sendFile(path.join(__dirname, '../../../public/bestellformular/bestellformular.html'));
 })
 
+// Route - Bestellungen
 router.get('/bestellung', (req, res) => {
     res.sendFile(path.join(__dirname, '../../../public/bestellung/bestellung.html'));
 })
 
+// Route - Kontaktformular
 router.get('/kontaktformular', (req, res) => {
     res.sendFile(path.join(__dirname, '../../../public/kontaktformular/kontaktformular.html'));
 })
 
-
 module.exports = router;

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%;