Jordi/FH
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

technically right but ugly

Browse Source
This commit is contained in:
Jordi
2025-02-05 13:10:44 +01:00
parent c0cf1f4177
commit cdba13032a
3 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
WS24_25/WebTech/web-pruefung-projekt/aufgabe6/app.js
View File

@@ -12,11 +12,14 @@ app.use(express.static("public"));
router.get("/", function(req,res){
const param = url.parse(req.url, true).query;
var current = Number(param.num) || 0;
var beschreibung = param.beschreibung || data.holeStartBild().beschreibung;
var img = param.img || data.holeStartBild().dateiname;
res.render("home",{
current: current,
next: data.vor(current),
prev: data.zurueck(current),
bild : data.holeStartBild(current),
beschreibung: beschreibung,
img: img,
vor: data.vor,
zurueck: data.zurueck
});
});
app.use(router);

9
WS24_25/WebTech/web-pruefung-projekt/aufgabe6/models/bilder.js
View File

@@ -19,7 +19,8 @@ const bilder = [
];
function holeStartBild(num){
return bilder[num];
bilder[0].num = 0;
return bilder[0];
}
function vor(current){
@@ -27,7 +28,8 @@ function vor(current){
if(next >= bilder.length){
next = 0;
}
return next;
bilder[next].num = next;
return bilder[next];
}
function zurueck(current){
@@ -35,7 +37,8 @@ function zurueck(current){
if(prev < 0){
prev = bilder.length - 1;
}
return prev;
bilder[prev].num = prev;
return bilder[prev];
}
// Hier den Code ergaenzen!
module.exports.bilder = bilder;

8
WS24_25/WebTech/web-pruefung-projekt/aufgabe6/views/home.ejs
View File

@@ -19,12 +19,12 @@
<body>
<!-- Hier den Code ergaenzen -->
<figure>
<figcaption><%= bild.beschreibung %></figcaption>
<img src="<%= `img/${bild.dateiname}` %>">
<figcaption><%= beschreibung %></figcaption>
<img src="<%= `img/${img}` %>">
</figure>
<a href="/?num=<%= prev %>">Zurück</a> |
<a href="/?num=<%= next %>">Vor</a>
<a href="<%= `/?img=${ zurueck(current).dateiname}&num=${zurueck(current).num}& beschreibung=${zurueck(current).beschreibung}` %>">Zurück</a>
<a href="<%= `/?img=${ vor(current).dateiname}&num=${vor(current).num}& beschreibung=${vor(current).beschreibung}` %>">Vor</a>
</body>
</html>