R40fendt/ritzenbergen-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Verlinkung Galerie korrigiert

Browse Source
This commit is contained in:
R40fendt
2025-04-22 07:24:52 +02:00
parent 729320d39f
commit 446c4bd0c3
4 changed files with 83 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/views/Galerie.vue
View File

@@ -9,7 +9,7 @@ export default {
components: {
Navbar,
Embla,
Footer
Footer,
},
computed: {
events() {
@@ -17,39 +17,83 @@ export default {
let osterfeuer = this.get_jahre("osterfeuer");
let doppelkopf = this.get_jahre("doppelkopf");
let fussball = this.get_jahre("fussball");
return [
let result = [
{
src: erntefeste.map(erntefest => RitzenbergenLib.api("randomimage.php?path=/erntefest/" + erntefest + "&recursive=1&tn=1&text=" + erntefest + "&color=white")),
title: "Erntefeste"
src: erntefeste.map((erntefest) =>
RitzenbergenLib.api(
"randomimage.php?path=/erntefest/" +
erntefest +
"&recursive=1&tn=1&text=" +
erntefest +
"&color=white"
)
),
title: "Erntefeste",
ev: "erntefest",
},
{
src: osterfeuer.map(osterfeuer => RitzenbergenLib.api("randomimage.php?path=/osterfeuer/" + osterfeuer + "&recursive=1&tn=1&text=" + osterfeuer + "&color=white")),
title: "Osterfeuer"
src: osterfeuer.map((osterfeuer) =>
RitzenbergenLib.api(
"randomimage.php?path=/osterfeuer/" +
osterfeuer +
"&recursive=1&tn=1&text=" +
osterfeuer +
"&color=white"
)
),
title: "Osterfeuer",
ev: "osterfeuer",
},
{
src: doppelkopf.map(doppelkopf => RitzenbergenLib.api("randomimage.php?path=/doppelkopf/" + doppelkopf + "&recursive=1&tn=1&text=" + doppelkopf + "&color=white")),
title: "Doppelkopf"
src: doppelkopf.map((doppelkopf) =>
RitzenbergenLib.api(
"randomimage.php?path=/doppelkopf/" +
doppelkopf +
"&recursive=1&tn=1&text=" +
doppelkopf +
"&color=white"
)
),
title: "Doppelkopf",
ev: "doppelkopf",
},
{
src: fussball.map(fussball => RitzenbergenLib.api("randomimage.php?path=/fussball/" + fussball + "&recursive=1&tn=1&text=" + fussball + "&color=white")),
title: "Fußballturniere"
}
src: fussball.map((fussball) =>
RitzenbergenLib.api(
"randomimage.php?path=/fussball/" +
fussball +
"&recursive=1&tn=1&text=" +
fussball +
"&color=white"
)
),
title: "Fußballturniere",
ev: "fussball",
},
];
return result.map((ev) => {
let jahre = this.get_jahre(ev.ev);
ev.links = jahre.map((jahr) => {
return "/bild/" + ev.ev + "/" + jahr;
});
return ev;
});
},
},
methods: {
get_jahre(event){
get_jahre(event) {
let result;
$.ajax(RitzenbergenLib.api("/galerie/get_jahre.php"),{
success(data){
result=JSON.parse(data);
$.ajax(RitzenbergenLib.api("/galerie/get_jahre.php"), {
success(data) {
result = JSON.parse(data);
},
async: false,
data: {event}
data: { event },
});
return result;
}
}
},
},
};
</script>
<template>
@@ -69,9 +113,9 @@ export default {
<strong>Willkommen in der Galerie</strong>
</h3>
<p class="mbr-text mbr-fonts-style display-7">
In unserem Fotoalbum findest du chronisch geordnete
Bilder verschiedener Veranstaltungen aus den letzten Jahrzehnten.
Einfach auf ein Bild mit einer Jahreszahl raufklicken.
In unserem Fotoalbum findest du chronisch geordnete Bilder
verschiedener Veranstaltungen aus den letzten Jahrzehnten. Einfach
auf ein Bild mit einer Jahreszahl raufklicken.
</p>
</div>
</div>
@@ -79,7 +123,11 @@ export default {
</section>
<br /><br />
<section class="slider4 mbr-embla cid-u6k7q0yLdW" id="erntefest" v-for="event in events">
<section
class="slider4 mbr-embla cid-u6k7q0yLdW"
id="erntefest"
v-for="event in events"
>
<div class="container-fluid">
<div class="row">
<h4
@@ -88,10 +136,9 @@ export default {
<strong>{{ event.title }}</strong>
</h4>
<div class="col-12">
<br>
<Embla :src="event.src" />
<br />
<Embla :src="event.src" :links="event.links" />
</div>
</div>
</div>
<br /><br /><br />