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
This commit is contained in:
47
app/components/match-card.php
Normal file
47
app/components/match-card.php
Normal file
@@ -0,0 +1,47 @@
|
||||
<?php
|
||||
|
||||
declare(strict_types=1);
|
||||
|
||||
/**
|
||||
* Einzelnes Spiel (Begegnung) als Karte. Props:
|
||||
* $match Eintrag aus data/matchcenter.json (next_matches[]/last_results[]/upcoming[])
|
||||
* $variant '' (Default) | 'hero' (groß, für den Slider)
|
||||
* Aufbau (kicker-Stil): Datum oben mittig, darunter Heim | Ergebnis/Anstoß | Gast,
|
||||
* die Zeit mittig unter dem Ergebnis. Die Heimmannschaft steht immer links — daher
|
||||
* kein zusätzlicher Heim/Auswärts-Hinweis. Die eigene Mannschaft wird hervorgehoben.
|
||||
*/
|
||||
$variant = $variant ?? '';
|
||||
$m = $match;
|
||||
$hasResult = isset($m['goals_home'], $m['goals_away']);
|
||||
$isHome = !empty($m['is_home']);
|
||||
|
||||
$classes = 'match-card';
|
||||
if ($variant !== '') {
|
||||
$classes .= ' match-card--' . preg_replace('/[^a-z0-9-]+/', '', strtolower($variant));
|
||||
}
|
||||
?>
|
||||
<article class="<?= $classes ?>">
|
||||
<?php if (!empty($m['date_display'])): ?>
|
||||
<p class="match-card__date"><?= icon('calendar-event', 'match-card__date-icon') ?><?= e($m['date_display']) ?></p>
|
||||
<?php endif; ?>
|
||||
<div class="match-card__fixture">
|
||||
<div class="match-card__side<?= $isHome ? ' is-own' : '' ?>">
|
||||
<?php component('crest', ['src' => $m['home_crest'] ?? null, 'name' => $m['home'] ?? '']); ?>
|
||||
<span class="match-card__club"><?= e($m['home'] ?? '') ?></span>
|
||||
</div>
|
||||
<div class="match-card__center">
|
||||
<?php if ($hasResult): ?>
|
||||
<span class="match-card__score"><?= (int) $m['goals_home'] ?><span class="match-card__colon">:</span><?= (int) $m['goals_away'] ?></span>
|
||||
<?php else: ?>
|
||||
<span class="match-card__vs" aria-label="gegen">:</span>
|
||||
<?php endif; ?>
|
||||
<?php if (!empty($m['time_display'])): ?>
|
||||
<span class="match-card__time"><?= e($m['time_display']) ?></span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="match-card__side<?= !$isHome ? ' is-own' : '' ?>">
|
||||
<?php component('crest', ['src' => $m['away_crest'] ?? null, 'name' => $m['away'] ?? '']); ?>
|
||||
<span class="match-card__club"><?= e($m['away'] ?? '') ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
Reference in New Issue
Block a user