Files
tsv08kulmbach-website/app/components/veranstaltung-info.php
fs a101b0c3ec Stadionzeitung, Veranstaltungen, News-Artikel, Lightbox und Anzeigen-Verteilung
Stadionzeitung: Live-Seiten (Tabellen, Ergebnisse, Vorschau, Termine, News,
Kontakt, Historie, Sportheim, Partner, Momente, Impressum), automatisches Cover,
Swipe-Viewer mit Vollbildmodus und die Druckfassung als Falt-Heft. Anzeigen
kommen jetzt aus dem Bestand und werden gleichmäßig verteilt, nie mehr als zwei
hintereinander (vorher vier Blöcke à fünf). Die Doppelseiten-Regel rechnet das
Skript selbst, statt sie von Hand zu prüfen.

Veranstaltungen: Bereich /veranstaltungen mit Detailseite pro Fest, Lebenszyklus
über das Datum (Ankündigung vor dem Fest, Rückblick danach), Galerie mit
Lightbox. veranstaltungen.json ist dritte Termin-Quelle, damit ein Fest nie
doppelt gepflegt wird.

News-Artikel als dritte dynamische Prefix-Route, gemeinsamer detail-head.

Behobene Fehler:
- Wappen-Kontexte setzten Zeilen-Layout auf .crest statt auf die Zeile; das
  Wappen wurde zum Grid, Vereinsname und Tore rutschten darunter zusammen
  (Ergebnis-Rückblick, Vorschau, Cover).
- --header-h (60px) unterschätzt die Kopfleiste um 32px (Logo 72px + 20px
  Versatz): neues abgeleitetes --header-space, sonst klebten Zurück-Links
  unter dem Logo.
- base_url in der Produktions-Config ohne www, während .htaccess auf www
  umleitet; preflight prüft das jetzt.
- .lightbox brauchte display:none mit (0,2,0), sonst lag das Overlay offen.

Neue Werkzeuge: bin/anzeige-add.php (Anzeigen-Bestand), bin/veranstaltung-bilder.php
(Plakate und Galerien, Alt-Texte folgen der Quelldatei), bin/qr.php (Druck-QR mit
Warnung, wenn base_url nicht auf die echte Domain zeigt).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NzeVVgMCrzCDJAKeLEdKr7
2026-07-31 14:55:27 +02:00

94 lines
4.3 KiB
PHP

<?php
declare(strict_types=1);
/**
* Infoblock einer Veranstaltung: links die harten Angaben (Zeitraum, Beginn,
* Adresse, Hinweis zum Parken), rechts die Karte. Props:
* $date_text string fertig formatierter Zeitraum (german_date_range())
* $date_iso string ISO-Startdatum für <time datetime>
* $time string 'HH:MM' oder leer
* $location string Ortsname der Veranstaltung
* $karte string 'club' = auf unserem eigenen Gelände: Adresse kommt aus
* data/club.json und die Karte wird gezeigt. Alles andere (oder
* leer) → keine Karte, nur der Ortsname (ein Fest woanders hätte
* sonst eine falsche Karte daneben).
* $anfahrt array optionale Absätze zum Parken/Zugang
*
* Nur für Feste, die noch ausstehen (app/pages/veranstaltung.php ruft die
* Komponente danach nicht mehr auf) — deshalb steht hier durchgehend Zukunft.
*
* KEINE Leaflet-Karte, sondern ein statisches Kartenbild: Leaflet würde seine
* Kacheln zur Laufzeit von einem fremden Tile-Server holen, und genau das
* verbietet Regel 1 (die CSP mit img-src 'self' würde sie ohnehin blocken).
* Das Bild liegt selbst gehostet bei uns, der Klick führt erst dann zu Google
* Maps, wenn jemand ihn macht. Namensnennung für die OSM-Daten steht als
* Bildunterschrift, das verlangt die ODbL.
*/
$dateText = $date_text ?? '';
$dateIso = $date_iso ?? '';
$time = $time ?? '';
$location = $location ?? '';
$karte = $karte ?? '';
$anfahrt = $anfahrt ?? [];
$istBeiUns = $karte === 'club';
$club = $istBeiUns ? json_load('club') : [];
$adresse = $club['address'] ?? [];
$geo = $club['geo'] ?? [];
// Kartenlink ohne API-Schlüssel und ohne Einbettung: Koordinaten aus club.json
// (Single Source), damit die Adresse hier nicht als Text zweitverwertet wird.
$mapsUrl = '';
if ($istBeiUns && !empty($geo['lat']) && !empty($geo['lng'])) {
$mapsUrl = 'https://www.google.com/maps/search/?api=1&query=' . $geo['lat'] . ',' . $geo['lng'];
}
?>
<section class="section veranstaltung-info" id="infos">
<div class="container">
<div class="veranstaltung-info__panel">
<div class="veranstaltung-info__facts">
<h2>Gut zu wissen</h2>
<?php if ($dateText !== ''): ?>
<p class="veranstaltung-info__wann">
<time datetime="<?= e($dateIso) ?>"><?= e($dateText) ?></time>
</p>
<?php endif; ?>
<?php if ($time !== ''): ?>
<?php /* Wochentag dazu, weil bei einem mehrtägigen Fest sonst offen bleibt, für
welchen Tag die Uhrzeit gilt. */ ?>
<?php $wochentag = german_weekday($dateIso); ?>
<p class="veranstaltung-info__beginn">Los geht es<?= $wochentag !== '' ? ' am ' . e($wochentag) : '' ?> um <?= e($time) ?> Uhr.</p>
<?php endif; ?>
<address class="veranstaltung-info__adresse">
<?php if ($istBeiUns && !empty($adresse['street'])): ?>
<?= e($adresse['venue'] ?? $location) ?><br>
<?= e($adresse['street']) ?><br>
<?= e($adresse['zip'] ?? '') ?> <?= e($adresse['city'] ?? '') ?>
<?php else: ?>
<?= e($location) ?>
<?php endif; ?>
</address>
<?php foreach ($anfahrt as $absatz): ?>
<p class="veranstaltung-info__hinweis"><?= e($absatz) ?></p>
<?php endforeach; ?>
</div>
<?php if ($mapsUrl !== ''): ?>
<figure class="veranstaltung-info__map">
<a class="veranstaltung-info__map-link" href="<?= e($mapsUrl) ?>" target="_blank" rel="noopener">
<?php component('img', [
'image' => ['src' => 'img/pages/sportheim-map.jpg', 'width' => 512, 'height' => 512, 'alt' => 'Karte mit unserem Sportgelände im Katzbachtal'],
'class' => 'veranstaltung-info__map-img',
]); ?>
<span class="veranstaltung-info__map-cta">
<?= icon('geo-alt-fill') ?> In Google Maps öffnen
<span class="visually-hidden">(öffnet in neuem Tab)</span>
</span>
</a>
<figcaption class="veranstaltung-info__map-credit">Kartendaten © OpenStreetMap-Mitwirkende</figcaption>
</figure>
<?php endif; ?>
</div>
</div>
</section>