diff --git a/public/header_footer/footer.html b/public/header_footer/footer.html new file mode 100644 index 0000000..8178fca --- /dev/null +++ b/public/header_footer/footer.html @@ -0,0 +1,8 @@ + + diff --git a/public/header_footer/header_footer.html b/public/header_footer/header.html similarity index 100% rename from public/header_footer/header_footer.html rename to public/header_footer/header.html diff --git a/public/login/login.html b/public/login/login.html index b1cd985..1798336 100644 --- a/public/login/login.html +++ b/public/login/login.html @@ -5,7 +5,8 @@ - + + Login @@ -40,6 +41,17 @@ - + + + + + + diff --git a/public/registrieren/registrieren.html b/public/registrieren/registrieren.html index 920717a..0618ac2 100644 --- a/public/registrieren/registrieren.html +++ b/public/registrieren/registrieren.html @@ -5,6 +5,8 @@ + + Registrieren @@ -58,6 +60,16 @@ - + + + + + diff --git a/public/shop/shop.html b/public/shop/shop.html index 4a1b3a3..c10b2dc 100644 --- a/public/shop/shop.html +++ b/public/shop/shop.html @@ -6,7 +6,8 @@ Shop - + + @@ -20,67 +21,52 @@ .catch(error => console.error('Fehler beim Laden des Headers:', error)); +

Willkommen im Webshop

-
- -
+
+ +
+ + + + + \ No newline at end of file diff --git a/public/shop/shop_lkw.html b/public/shop/shop_lkw.html index ce5abac..a118c63 100644 --- a/public/shop/shop_lkw.html +++ b/public/shop/shop_lkw.html @@ -3,10 +3,11 @@ - Shop + Shop - LKW's - + + @@ -15,5 +16,18 @@ + + + + + + + \ No newline at end of file diff --git a/public/shop/shop_motorrad.html b/public/shop/shop_motorrad.html index 4b6f6aa..df7cc40 100644 --- a/public/shop/shop_motorrad.html +++ b/public/shop/shop_motorrad.html @@ -3,15 +3,67 @@ - Shop + Shop - Motorräder - + + + +
+ + + +
+

Unsere Motorrad Produkte

+
+ +
+ + + + + + \ No newline at end of file diff --git a/public/shop/shop_oldtimer.html b/public/shop/shop_oldtimer.html index 4b6f6aa..2c8ca6e 100644 --- a/public/shop/shop_oldtimer.html +++ b/public/shop/shop_oldtimer.html @@ -3,15 +3,29 @@ - Shop + Shop - Oldtimer - + + + + + + + + + \ No newline at end of file diff --git a/public/shop/shop_sportwagen.html b/public/shop/shop_sportwagen.html index 741a874..d07e280 100644 --- a/public/shop/shop_sportwagen.html +++ b/public/shop/shop_sportwagen.html @@ -3,14 +3,30 @@ - Shop + Shop - Sportwagen - + + + + + + + + + + + \ No newline at end of file diff --git a/public/startseite/startseite.html b/public/startseite/startseite.html index 0a625f8..21b9501 100644 --- a/public/startseite/startseite.html +++ b/public/startseite/startseite.html @@ -3,13 +3,13 @@ - Modellauto + Modellauto - Startseite - + + -
@@ -38,7 +38,7 @@
diff --git a/scripts/routes/other/route-index.js b/scripts/routes/other/route-index.js index c4e9c23..3b1ad34 100644 --- a/scripts/routes/other/route-index.js +++ b/scripts/routes/other/route-index.js @@ -1,6 +1,7 @@ const path = require('path'); const router = require('express').Router(); +// Route - Startseite router.get('/', (req, res) => { res.sendFile(path.join(__dirname, '../../../public/startseite/startseite.html')); }) @@ -9,20 +10,51 @@ router.get('/example', (req, res) => { res.sendFile(path.join(__dirname, '../../../public/example/index.html')); }) +// Route - Login router.get('/login', (req, res) => { res.sendFile(path.join(__dirname, '../../../public/login/login.html')); }) +// Route - Registrieren router.get('/registrieren', (req, res) => { res.sendFile(path.join(__dirname, '../../../public/registrieren/registrieren.html')); }) +// Route - Kopfzeile router.get('/header', (req, res) => { - res.sendFile(path.join(__dirname, '../../../public/header_footer/header_footer.html')); + res.sendFile(path.join(__dirname, '../../../public/header_footer/header.html')); }) +// Route - Fußzeile +router.get('/footer', (req, res) => { + res.sendFile(path.join(__dirname, '../../../public/header_footer/footer.html')); +}) + +// Route - Shop (Alle Produkte) router.get('/shop', (req, res) => { res.sendFile(path.join(__dirname, '../../../public/shop/shop.html')); }) + // Route - Shop_Motorrad (Filtern nach Motorrad Produkten) + router.get('/shop/motorrad', (req, res) => { + res.sendFile(path.join(__dirname, '../../../public/shop/shop_motorrad.html')); + }) + + // Route - Shop_Oldtimer (Filtern nach Oldtimer Produkten) + router.get('/shop/oldtimer', (req, res) => { + res.sendFile(path.join(__dirname, '../../../public/shop/shop_oldtimer.html')); + }) + + // Route - Shop_Sportwagen (Filtern nach Sportwagen Produkten) + router.get('/shop/sportwagen', (req, res) => { + res.sendFile(path.join(__dirname, '../../../public/shop/shop_sportwagen.html')); + }) + + // Route - Shop_LKW (Filtern nach LKW Produkten) + router.get('/shop/lkw', (req, res) => { + res.sendFile(path.join(__dirname, '../../../public/shop/shop_lkw.html')); + }) + + + module.exports = router; \ No newline at end of file diff --git a/server.js b/server.js index fda8b57..72ef880 100644 --- a/server.js +++ b/server.js @@ -52,7 +52,7 @@ app.get('/api/products', (req, res) => { }); }); -app.get('/api/products/latest', async (req, res) => { +app.get('/api/products/new', async (req, res) => { // SQL-Abfrage für Produktdaten const sql = 'SELECT * FROM webshop.product ORDER BY created_at DESC LIMIT 5'; @@ -67,6 +67,21 @@ app.get('/api/products/latest', async (req, res) => { }); }); +app.get('/api/products/motorrad', async (req, res) => { + // SQL-Abfrage für Produktdaten + const sql = 'SELECT * FROM webshop.product_category WHERE id = 4'; + + // Abfrage ausführen + db.query(sql, (err, results) => { + if (err) { + console.error('Fehler beim Abrufen der Produkte:', err); + res.status(500).send('Fehler beim Abrufen der Produkte'); + return; + } + res.json(results); // Rückgabe der Produktdaten als JSON + }); +}); + const getIndexRoute = require('./scripts/routes/other/route-index'); app.use('/', getIndexRoute); diff --git a/static/Styles/header_footer/footer.css b/static/Styles/header_footer/footer.css new file mode 100644 index 0000000..7396663 --- /dev/null +++ b/static/Styles/header_footer/footer.css @@ -0,0 +1,16 @@ +.footer { + background: #222; + color: #fff; + padding: 30px 20px; + text-align: center; + margin-top: 40px; +} + +.footer a { + color: #ff6600; + text-decoration: none; +} + +.footer a:hover { + text-decoration: underline; +} diff --git a/static/Styles/header_footer/header_footer.css b/static/Styles/header_footer/header.css similarity index 100% rename from static/Styles/header_footer/header_footer.css rename to static/Styles/header_footer/header.css