Berufsschule/Webshop
Berufsschule/Webshop
Template
5
2
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

Css angepasst.

Browse Source
This commit is contained in:
gitfreeking 2025-04-30 11:07:26 +02:00
commit a75bd6ee5f
6 changed files with 33 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
process.env
View File

@ -5,4 +5,4 @@ APP_PORT=3000
DB_HOST=localhost DB_HOST=localhost
DB_USER=root DB_USER=root
DB_PASSWORD= DB_PASSWORD=
DB_DATABASE=webshop DB_DATABASE=webshop

46
public/Warenkorb/warenkorb.html
View File

@ -30,7 +30,7 @@
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
ladeWarenkorb(); ladeWarenkorb();
document.getElementById('zurKasseGehen').addEventListener('click', function () { document.getElementById('zurKasseGehen').addEventListener('click', function() {
window.location.href = '/bestellformular'; // Deine Bestellformular-Seite window.location.href = '/bestellformular'; // Deine Bestellformular-Seite
}); });
}); });
@ -54,17 +54,17 @@
const table = document.createElement('table'); const table = document.createElement('table');
table.className = 'warenkorb-tabelle'; table.className = 'warenkorb-tabelle';
table.innerHTML = ` table.innerHTML = `
<thead> <thead>
<tr> <tr>
<th>Produkt</th> <th>Produkt</th>
<th>Preis (Stück)</th> <th>Preis (Stück)</th>
<th>Anzahl</th> <th>Anzahl</th>
<th>Zwischensumme</th> <th>Zwischensumme</th>
<th>Aktion</th> <th>Aktion</th>
</tr> </tr>
</thead> </thead>
<tbody></tbody> <tbody></tbody>
`; `;
const tbody = table.querySelector('tbody'); const tbody = table.querySelector('tbody');
@ -74,16 +74,16 @@
const row = document.createElement('tr'); const row = document.createElement('tr');
row.innerHTML = ` row.innerHTML = `
<td>${produkt.product_name}</td> <td>${produkt.product_name}</td>
<td>${produkt.price.toFixed(2)} €</td> <td>${produkt.price.toFixed(2)} €</td>
<td> <td>
<button class="menge-button" onclick="aendereMenge(${index}, -1)">-</button> <button class="menge-button" onclick="aendereMenge(${index}, -1)">-</button>
<span class="produkt-anzahl">${produkt.quantity}</span> <span class="produkt-anzahl">${produkt.quantity}</span>
<button class="menge-button" onclick="aendereMenge(${index}, 1)">+</button> <button class="menge-button" onclick="aendereMenge(${index}, 1)">+</button>
</td> </td>
<td>${zwischensumme.toFixed(2)} €</td> <td>${zwischensumme.toFixed(2)} €</td>
<td><button onclick="entferneAusWarenkorb(${index})" class="loeschen-button">Entfernen</button></td> <td><button onclick="entferneAusWarenkorb(${index})" class="loeschen-button">Entfernen</button></td>
`; `;
tbody.appendChild(row); tbody.appendChild(row);
}); });
@ -117,6 +117,6 @@
localStorage.setItem('warenkorb', JSON.stringify(warenkorb)); localStorage.setItem('warenkorb', JSON.stringify(warenkorb));
ladeWarenkorb(); ladeWarenkorb();
} }
</script> </script>
</body> </body>
</html> </html>

9
public/bestellformular/bestellformular.html
View File

@ -170,6 +170,7 @@
if (response.ok) { if (response.ok) {
// Bestellung erfolgreich -> Weiterleitung // Bestellung erfolgreich -> Weiterleitung
warenkorbLeeren();
window.location.href = "/bestellung"; window.location.href = "/bestellung";
} else { } else {
alert('Fehler: ' + result.message); alert('Fehler: ' + result.message);
@ -261,7 +262,6 @@
const neueArtikelDiv = document.createElement('div'); const neueArtikelDiv = document.createElement('div');
neueArtikelDiv.className = 'Artikel'; neueArtikelDiv.className = 'Artikel';
neueArtikelDiv.innerHTML = ` neueArtikelDiv.innerHTML = `
<button type="button" class="loeschen-button" onclick="loescheArtikel(this)">x</button>
<input type="text" class="ArtikelNrText" name="ArtikelNr" required placeholder="Artikel Nr."> <input type="text" class="ArtikelNrText" name="ArtikelNr" required placeholder="Artikel Nr.">
<input type="text" class="StueckzahlText" name="Stueckzahl" required placeholder="Anzahl"> <input type="text" class="StueckzahlText" name="Stueckzahl" required placeholder="Anzahl">
<div class="verfuegbarkeit"></div> <div class="verfuegbarkeit"></div>
@ -294,7 +294,6 @@
const artikelDiv = document.createElement('div'); const artikelDiv = document.createElement('div');
artikelDiv.className = 'Artikel'; artikelDiv.className = 'Artikel';
artikelDiv.innerHTML = ` artikelDiv.innerHTML = `
<button type="button" class="loeschen-button" onclick="loescheArtikel(this)">x</button>
<input type="text" class="ArtikelNrText" name="ArtikelNr" value="${produkt.product_id}" required placeholder="Artikel Nr."> <input type="text" class="ArtikelNrText" name="ArtikelNr" value="${produkt.product_id}" required placeholder="Artikel Nr.">
<input type="text" class="StueckzahlText" name="Stueckzahl" value="${produkt.quantity}" required placeholder="Anzahl"> <input type="text" class="StueckzahlText" name="Stueckzahl" value="${produkt.quantity}" required placeholder="Anzahl">
<div class="verfuegbarkeit"></div> <div class="verfuegbarkeit"></div>
@ -303,6 +302,12 @@
}); });
} }
window.warenkorbLeeren = function (){
localStorage.removeItem('warenkorb'); // Oder: localStorage.setItem('warenkorb', '[]');
ladeWarenkorb(); // Aktualisiert die Ansicht
if (window.zeigeWarenkorbAnzahl) zeigeWarenkorbAnzahl(); // Optional: Warenkorb-Zähler im Header aktualisieren
}
</script> </script>
<!-- Footer wird dynamisch geladen --> <!-- Footer wird dynamisch geladen -->
<div id="footer"></div> <div id="footer"></div>

0
public/inputHandler/verifyPassword.js
View File

0
public/session_storage/login-toggle.js
View File

2
scripts/einfügenHeaderFooter.js
View File

@ -87,8 +87,10 @@ document.addEventListener("DOMContentLoaded", () => {
loginBtn.addEventListener('click', (e) => { loginBtn.addEventListener('click', (e) => {
e.preventDefault() e.preventDefault()
sessionStorage.clear() sessionStorage.clear()
localStorage.clear()
alert('Sie wurden ausgeloggt.') alert('Sie wurden ausgeloggt.')
location.reload() location.reload()
}) })
} else { } else {
loginBtn.textContent = 'Login' loginBtn.textContent = 'Login'