Files
tsv08kulmbach-website/app/components/crest.php
fs 185365dc79 Matchcenter: Spielplan, Ergebnisse & Tabellen (eigene Seite statt BFV-Widget)
Neue Unterseite /matchcenter ersetzt die alten BFV-Widget-Embeds (verstoßen
gegen CSP) durch eine self-hostete Lösung: Cron-Scraper holt die Daten aus der
öffentlichen BFV-Widget-JSON-API, schreibt data/matchcenter.json und lädt die
Vereinswappen lokal — Besucher kontaktieren nur unsere Domain.

- bin/matchcenter-sync.php: CLI/Cron-Scraper (Muster wie instagram-sync), JSON-API
  team/{id}/matches + competition/{compoundId}/table, Wappen via getLogo lokal,
  atomarer Write, Fail-safe. Auto-Saison: Tabellen-compoundId wird aus der
  Matches-API abgeleitet (team_id ist saison-stabil). Per-Team-Cache-Fallback bei
  Fetch-Fehlern, damit Sektionen nie leeren.
- Seite app/pages/matchcenter.php + Route + Nav-Eintrag (unter Fußball).
- Komponenten: match-slider (nächste Spiele), match-card, match-row, league-table
  (mit Auf-/Abstiegszonen), matchcenter-section (kicker-Layout: Tabelle 2/3 +
  Spiele 1/3), matchcenter-empty, crest (weißes Chip + Initialen-Fallback).
- carousel.js: banner.js zum generischen [data-carousel]-Antrieb verallgemeinert
  (Banner- und Match-Slider teilen ihn); crest.js: Logo-Fallback im Browser.
- helpers.php: sportsevent_nodes() für SportsEvent-JSON-LD.
- Icons calendar-event; config.example + .gitignore + CLAUDE.md ergänzt.
- Responsive geprüft (kein Seiten-Overflow 360–1280, Tabelle scrollt in der Karte).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0192vTfGmGpoWeyUse4TuQFj
2026-06-19 10:57:14 +02:00

33 lines
1.2 KiB
PHP

<?php
declare(strict_types=1);
/**
* Vereinswappen. Props: $src (lokaler Pfad relativ zu assets/, oder null/leer),
* $name (Vereinsname — für Initialen-Fallback). Das Wappen ist dekorativ (alt=""),
* weil der Vereinsname direkt daneben als Text steht. Fehlt das Bild, rendert ein
* Initialen-Kreis statt eines kaputten <img>; lädt das Bild im Browser nicht
* (z. B. 404), ersetzt assets/js/crest.js es ebenfalls durch die Initialen
* (data-club liefert den Namen). Das weiße Chip im CSS hält auch helle/weiße
* Logos auf dunklem Grund sichtbar.
*/
$src = $src ?? null;
$name = (string) ($name ?? '');
$initials = '';
foreach (preg_split('/[\s.-]+/', trim($name)) ?: [] as $word) {
if ($word !== '') {
$initials .= mb_substr($word, 0, 1);
}
if (mb_strlen($initials) >= 2) {
break;
}
}
$initials = mb_strtoupper($initials !== '' ? $initials : '?');
?>
<?php if (!empty($src)): ?>
<img class="crest" src="<?= e(asset($src)) ?>" alt="" width="40" height="40" loading="lazy" decoding="async" data-club="<?= e($name) ?>">
<?php else: ?>
<span class="crest crest--initials" aria-hidden="true"><?= e($initials) ?></span>
<?php endif; ?>