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
This commit is contained in:
90
app/components/stadionzeitung-news.php
Normal file
90
app/components/stadionzeitung-news.php
Normal file
@@ -0,0 +1,90 @@
|
||||
<?php
|
||||
|
||||
declare(strict_types=1);
|
||||
|
||||
/**
|
||||
* News-Seite der Stadionzeitung (Live-Seite) — eigene, einheitliche Liste im
|
||||
* Kopf-Muster der Geschwister-Seiten statt des geteilten news-feed der
|
||||
* /news-Seite: dort variieren die Medienspalten (Bild, Wappen, nichts) und
|
||||
* die Titel springen in der Einrückung — auf der schmalen A5-Seite braucht
|
||||
* jede Zeile dieselbe feste Medienspalte (Wappen, Foto-Thumbnail oder
|
||||
* Icon-Badge als Fallback), damit alle Titel bündig stehen.
|
||||
*
|
||||
* Props: $items stadionzeitung_live_data()['news'] — normalisierte Einträge
|
||||
* aus news_build_feed() (date/title/text/image/crest/source).
|
||||
*/
|
||||
$items = $items ?? [];
|
||||
|
||||
$sourceLabel = static fn (string $source): string => match ($source) {
|
||||
'ergebnis' => 'Ergebnis',
|
||||
'instagram' => 'Instagram',
|
||||
default => 'Meldung',
|
||||
};
|
||||
|
||||
// CTA unter der Liste: QR + Link auf /news (geteilter QR wie bei der
|
||||
// Kontakt-Seite, von bin/stadionzeitung-add.php mit der aktuellen base_url
|
||||
// erzeugt — fehlt er, erscheint nur der Text-Link).
|
||||
$newsQr = is_file(PUBLIC_PATH . '/assets/img/stadionzeitung/qr-news.png')
|
||||
? 'img/stadionzeitung/qr-news.png'
|
||||
: null;
|
||||
$newsLink = preg_replace('~^https?://(www\.)?~', '', abs_url('news'));
|
||||
?>
|
||||
<div class="stadionzeitung-news">
|
||||
<header class="stadionzeitung-page__head">
|
||||
<p class="stadionzeitung-page__kicker">News</p>
|
||||
<h2 class="stadionzeitung-page__heading">Aktuelles aus dem Katzbachtal</h2>
|
||||
</header>
|
||||
<span class="stadionzeitung-page__rule" aria-hidden="true"></span>
|
||||
<?php if ($items === []): ?>
|
||||
<p class="text-muted">Aktuell keine News.</p>
|
||||
<?php endif; ?>
|
||||
<ul class="stadionzeitung-news__list">
|
||||
<?php foreach ($items as $item): ?>
|
||||
<?php
|
||||
$source = (string) ($item['source'] ?? 'news');
|
||||
// Instagram-Titel ist die erste Zeile der Caption — der Text darunter
|
||||
// wäre dieselbe Caption noch einmal, deshalb dort nur der Titel.
|
||||
$text = $source === 'instagram' ? '' : trim((string) ($item['text'] ?? ''));
|
||||
$image = $item['image'] ?? null;
|
||||
$imageSrc = null;
|
||||
if (is_array($image)) {
|
||||
// Beide Bildformen aus news_build_feed(): Instagram liefert src,
|
||||
// redaktionelle Meldungen base/widths (kleinste Variante reicht
|
||||
// für das winzige Thumbnail).
|
||||
$imageSrc = $image['src'] ?? (isset($image['base'], $image['widths']) ? $image['base'] . '-' . min($image['widths']) . '.jpg' : null);
|
||||
}
|
||||
?>
|
||||
<li class="stadionzeitung-news__item">
|
||||
<?php if (!empty($item['crest']['src']) || (!empty($item['crest']['name']) && $source === 'ergebnis')): ?>
|
||||
<span class="stadionzeitung-news__media stadionzeitung-news__media--crest">
|
||||
<?php component('crest', ['src' => $item['crest']['src'] ?? null, 'name' => (string) ($item['crest']['name'] ?? '')]); ?>
|
||||
</span>
|
||||
<?php elseif ($imageSrc !== null): ?>
|
||||
<img class="stadionzeitung-news__media stadionzeitung-news__media--img" src="<?= e(asset($imageSrc)) ?>" alt="" loading="lazy" decoding="async">
|
||||
<?php else: ?>
|
||||
<span class="stadionzeitung-news__media stadionzeitung-news__media--icon" aria-hidden="true"><?= icon('newspaper') ?></span>
|
||||
<?php endif; ?>
|
||||
<div class="stadionzeitung-news__body">
|
||||
<p class="stadionzeitung-news__meta"><?= e($sourceLabel($source)) ?><?php if (!empty($item['date'])): ?> · <time datetime="<?= e((string) $item['date']) ?>"><?= e(german_date((string) $item['date'])) ?></time><?php endif; ?></p>
|
||||
<p class="stadionzeitung-news__title"><?= e((string) ($item['title'] ?? '')) ?></p>
|
||||
<?php if ($text !== ''): ?>
|
||||
<p class="stadionzeitung-news__text"><?= e($text) ?></p>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<div class="stadionzeitung-page__cta">
|
||||
<div class="stadionzeitung-page__cta-text">
|
||||
<p class="stadionzeitung-page__cta-label">Mehr online</p>
|
||||
<p class="stadionzeitung-page__cta-title">Mehr News findest du auf unserer Website</p>
|
||||
<p class="stadionzeitung-page__cta-link"><?= e($newsLink) ?></p>
|
||||
</div>
|
||||
<?php if ($newsQr !== null): ?>
|
||||
<div class="stadionzeitung-page__cta-abriss">
|
||||
<img class="stadionzeitung-page__cta-qr" src="<?= e(asset($newsQr)) ?>" alt="" width="60" height="60" loading="lazy" decoding="async">
|
||||
<span class="stadionzeitung-page__cta-scan">Scan mich</span>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user