- Scoreboard overlay driven by video.currentTime (scores/ticker/timeline as pure
functions of playback time; scrub-back removes points; slow-mo doesn't affect).
- Score bar + timeline + VS intro rendered verbatim from the design handoff
(drafts/score-bar.html, drafts/vs-screen.html) — only {{ }} data holes filled.
- Fixed 1150 px design canvas scaled to any player size via ResizeObserver so
the design's pixel-perfect measurements survive at every player width.
- Gear-menu injection adds a "Scoreboard" section with 7 toggle rows (Score bar,
Live scoring feed, Match info, Point timeline, Club logos, Country flags,
Penalties) using a custom 26x14 track/knob toggle matching the design.
Persists per user in localStorage['msb_prefs']; penalties defaults off.
- VS card fades in on first play of a session (skippable by click/tap/key,
2 s hold then 0.5 s fade); skipped entirely when no athlete metadata.
- SportsMatch::headerData() extended to expose sport, headshots, club logos,
division, format, match_date and per-video scoreboard defaults from existing
JSON columns (no schema migration).
- Every missing field hides its element (no "NOT SET" placeholders); athlete
name falls back to RED/BLUE per brief.
- Pushed .replay-badge down from top:2.5cqi to top:8cqi so it clears the
new KARATE KUMITE identity block.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
126 lines
4.7 KiB
PHP
126 lines
4.7 KiB
PHP
<?php
|
|
|
|
namespace App\Models;
|
|
|
|
use Illuminate\Database\Eloquent\Factories\HasFactory;
|
|
use Illuminate\Database\Eloquent\Model;
|
|
use Illuminate\Database\Eloquent\Relations\BelongsTo;
|
|
|
|
class SportsMatch extends Model
|
|
{
|
|
use HasFactory;
|
|
|
|
protected $table = 'sports_matches';
|
|
|
|
protected $fillable = [
|
|
'video_id', 'user_id', 'status',
|
|
'sport', 'title', 'event_name', 'match_type',
|
|
'match_date', 'match_time',
|
|
'participant1_name', 'participant2_name', 'referee_name', 'venue_name',
|
|
'competition', 'participants', 'media', 'officials',
|
|
'venue', 'result', 'segments', 'statistics', 'reviews',
|
|
];
|
|
|
|
protected $casts = [
|
|
'match_date' => 'date',
|
|
'competition' => 'array',
|
|
'participants' => 'array',
|
|
'media' => 'array',
|
|
'officials' => 'array',
|
|
'venue' => 'array',
|
|
'result' => 'array',
|
|
'segments' => 'array',
|
|
'statistics' => 'array',
|
|
'reviews' => 'array',
|
|
];
|
|
|
|
/**
|
|
* Shape the record into exactly what the match page header renders. Every value
|
|
* is null-safe so a video with no/partial match data degrades to just its title
|
|
* instead of falling back to hard-coded demo content.
|
|
*/
|
|
public function headerData(): array
|
|
{
|
|
$p = $this->participants ?? [];
|
|
$c = $this->competition ?? [];
|
|
$v = $this->venue ?? [];
|
|
$m = $this->media ?? [];
|
|
$trim = fn($x) => (is_string($x) && trim($x) !== '') ? trim($x) : null;
|
|
|
|
return [
|
|
'sport' => $trim($this->sport),
|
|
'blue' => [
|
|
'name' => $trim($this->participant1_name),
|
|
'club' => $trim($p['p1_club'] ?? null),
|
|
'flag' => $this->flagFor($p['p1_country'] ?? null),
|
|
'club_logo' => $trim($m['p1_club_logo'] ?? null),
|
|
'headshot' => $trim($m['p1_headshot'] ?? null),
|
|
],
|
|
'red' => [
|
|
'name' => $trim($this->participant2_name),
|
|
'club' => $trim($p['p2_club'] ?? null),
|
|
'flag' => $this->flagFor($p['p2_country'] ?? null),
|
|
'club_logo' => $trim($m['p2_club_logo'] ?? null),
|
|
'headshot' => $trim($m['p2_headshot'] ?? null),
|
|
],
|
|
'weight_category' => $trim($p['weight_class'] ?? null),
|
|
'division' => $trim($c['division'] ?? null),
|
|
'championship' => $trim($c['championship_name'] ?? null) ?? $trim($this->event_name),
|
|
'match_number' => $trim(($c['match_number'] ?? null) !== null ? (string) $c['match_number'] : null),
|
|
'court' => $trim($c['court'] ?? null),
|
|
'format' => $trim($c['format'] ?? null), // "3 min", "Best of 3", …
|
|
'match_date' => $this->match_date?->format('Y-m-d'),
|
|
'referee' => [
|
|
'name' => $trim($this->referee_name),
|
|
'flag' => $this->flagFor($p['referee_country'] ?? null),
|
|
],
|
|
'venue' => [
|
|
'name' => $trim($this->venue_name) ?? $trim($v['name'] ?? null),
|
|
'map_link' => $trim($v['map_link'] ?? null),
|
|
],
|
|
'event_logo' => $trim($m['event_poster'] ?? null),
|
|
/*
|
|
* Per-video overlay defaults set by the uploader. Shape:
|
|
* ['scorebar'=>bool, 'feed'=>bool, 'matchInfo'=>bool, 'timeline'=>bool,
|
|
* 'clubs'=>bool, 'flags'=>bool, 'penalties'=>bool, 'cornerLabels'=>'auto|redblue|karate|taekwondo']
|
|
* Anything not set falls back to the app defaults in the JS.
|
|
*/
|
|
'scoreboard_defaults' => is_array($c['scoreboard'] ?? null) ? $c['scoreboard'] : [],
|
|
];
|
|
}
|
|
|
|
/** Resolve a country name or ISO2 code to a lowercase flag-icons code (or null). */
|
|
private function flagFor(?string $country): ?string
|
|
{
|
|
$country = trim((string) $country);
|
|
if ($country === '') {
|
|
return null;
|
|
}
|
|
$countries = \App\Data\Countries::all();
|
|
if (preg_match('/^[A-Za-z]{2}$/', $country) && isset($countries[strtoupper($country)])) {
|
|
return strtolower($country);
|
|
}
|
|
foreach ($countries as $iso2 => $meta) {
|
|
if (strcasecmp($meta['name'], $country) === 0) {
|
|
return strtolower($iso2);
|
|
}
|
|
}
|
|
return null;
|
|
}
|
|
|
|
public function video(): BelongsTo
|
|
{
|
|
return $this->belongsTo(Video::class);
|
|
}
|
|
|
|
public function user(): BelongsTo
|
|
{
|
|
return $this->belongsTo(User::class);
|
|
}
|
|
|
|
public function isDraft(): bool
|
|
{
|
|
return $this->status === 'draft';
|
|
}
|
|
}
|