IT-Works/Wegwichtel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reworked poi details view

Browse Source
This commit is contained in:
Florian Zumpe
2026-06-16 17:46:53 +02:00
parent 44b1700c48
commit b910bce8df
9 changed files with 88 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+17 -7
View File
@@ -66,7 +66,9 @@
<section id="route-page" class="app-page" aria-label="Ausgewählte Route" hidden>
<header>
<button class="back-button" type="button" data-page-target="#routes-page">Zurück</button>
<button class="back-button" type="button" data-page-target="#routes-page" aria-label="Zurück zur Routenauswahl" title="Zurück zur Routenauswahl">
<img src="images/icons/back.svg" alt="">
</button>
<h1 id="route-title">Route</h1>
</header>
@@ -99,7 +101,9 @@
<section id="poi-page" class="app-page" aria-label="Station" hidden>
<header>
<button class="back-button" type="button" data-page-target="#route-page">Zurück</button>
<button class="back-button" type="button" data-page-target="#route-page" aria-label="Zurück zur Route" title="Zurück zur Route">
<img src="images/icons/back.svg" alt="">
</button>
<h1 id="poi-title">Station</h1>
</header>
@@ -107,13 +111,19 @@
<div id="slideshow" aria-live="polite">
<figure>
<img id="slide-image" alt="">
<figcaption id="slide-caption"></figcaption>
</figure>
<div id="slide-controls">
<button id="slide-prev" type="button">Vorheriges Bild</button>
<span id="slide-position" aria-live="polite">0 / 0</span>
<button id="slide-next" type="button">Nächstes Bild</button>
<div id="slide-controls" role="group" aria-label="Bildnavigation">
<button id="slide-prev" type="button" aria-label="Vorheriges Bild" title="Vorheriges Bild">
<img src="images/icons/chevron-left.svg" alt="">
</button>
<div class="slide-meta">
<p id="slide-caption"></p>
<span id="slide-position" aria-live="polite">0 / 0</span>
</div>
<button id="slide-next" type="button" aria-label="Nächstes Bild" title="Nächstes Bild">
<img src="images/icons/chevron-right.svg" alt="">
</button>
</div>
</div>