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
94 lines
4.3 KiB
PHP
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>
|