// Standings, calendar, bracket, stats, live scoreboard, dashboard, teams, settings.
const { useState: useS, useEffect: useE, useMemo: useM, useRef: useR } = React;
// ============================================================
// Shield system
// ============================================================
const SHIELDS = [
{ id: 'classic', label: 'Clásico', vb: '0 0 40 44', path: 'M20,1 L39,8 L39,28 Q39,42 20,44 Q1,42 1,28 L1,8 Z', cx:20, cy:24 },
{ id: 'badge', label: 'Badge', vb: '0 0 40 44', path: 'M7,1 Q1,1 1,7 L1,30 Q1,42 20,44 Q39,42 39,30 L39,7 Q39,1 33,1 Z', cx:20, cy:23 },
{ id: 'modern', label: 'Moderno', vb: '0 0 40 44', path: 'M20,1 L40,9 L37,36 L20,44 L3,36 L0,9 Z', cx:20, cy:24 },
{ id: 'angular', label: 'Angular', vb: '0 0 40 44', path: 'M1,2 L39,2 L39,28 L20,44 L1,28 Z', cx:20, cy:23 },
{ id: 'octagon', label: 'Octágono', vb: '0 0 40 44', path: 'M12,0 L28,0 L40,12 L40,32 L28,44 L12,44 L0,32 L0,12 Z', cx:20, cy:22 },
{ id: 'circle', label: 'Circular', vb: '0 0 40 40', path: 'M20,1 C30.5,1 39,9.5 39,20 C39,30.5 30.5,39 20,39 C9.5,39 1,30.5 1,20 C1,9.5 9.5,1 20,1 Z', cx:20, cy:20 },
{ id: 'diamond', label: 'Diamante', vb: '0 0 40 44', path: 'M20,0 L40,22 L20,44 L0,22 Z', cx:20, cy:22 },
{ id: 'curved', label: 'Curvo', vb: '0 0 40 44', path: 'M20,1 Q36,4 38,14 Q40,28 20,44 Q0,28 2,14 Q4,4 20,1 Z', cx:20, cy:24 },
];
const PRESET_COLORS = [
'#E63946','#FF6B35','#FFBE0B','#06D6A0','#118AB2',
'#5E60CE','#9D4EDD','#FF2D8A','#F77F00','#2EC4B6',
'#3A86FF','#FB5607','#38B000','#7209B7','#F72585',
'#4CC9F0','#AACC00','#EF476F','#FFFFFF','#1A1A2E',
];
function ShieldSvg({ shieldId = 'classic', color = '#3A86FF', size = 40, text = '' }) {
const s = SHIELDS.find(x => x.id === shieldId) || SHIELDS[0];
const [vW, vH] = s.vb.split(' ').slice(2).map(Number);
const h = Math.round(size * vH / vW);
const fs = Math.round(size * 0.37);
return (
);
}
function ShieldPickerPanel({ team, dispatch, onClose }) {
const ref = useR(null);
useE(() => {
const h = (e) => { if (ref.current && !ref.current.contains(e.target)) onClose(); };
document.addEventListener('mousedown', h);
return () => document.removeEventListener('mousedown', h);
}, [onClose]);
const upd = (patch) => dispatch({ type: 'UPDATE_TEAM', id: team.id, patch });
const cur = team.shield || 'classic';
const col = team.color || '#3A86FF';
return (
Forma del escudo
{SHIELDS.map(s => (
))}
Color
{PRESET_COLORS.map(c => (
upd({ color: e.target.value })}
style={{ width:36, height:30, border:'none', padding:0, background:'transparent', cursor:'pointer', borderRadius:4 }}
title="Color personalizado"/>
{col}
Libre
);
}
// ============================================================
// Common helpers
// ============================================================
function TeamBadge({ team, size = 36 }) {
if (!team) return null;
return (
);
}
function TeamPickerInline({ team, onClick }) {
if (!team) return —;
return (
{team.name}
);
}
function computeStandings(teams, matches, meta) {
return teams.map((tm) => {
const played = matches.filter(
(m) => m.played && (m.homeId === tm.id || m.awayId === tm.id)
);
let pj = 0, pg = 0, pe = 0, pp = 0, gf = 0, gc = 0;
played.forEach((m) => {
pj++;
const isHome = m.homeId === tm.id;
const my = isHome ? +m.homeScore : +m.awayScore;
const op = isHome ? +m.awayScore : +m.homeScore;
gf += my; gc += op;
if (my > op) pg++;
else if (my === op) pe++;
else pp++;
});
const pts = pg * meta.pointsWin + pe * meta.pointsDraw + pp * meta.pointsLoss;
return { team: tm, pj, pg, pe, pp, gf, gc, dg: gf - gc, pts };
}).sort((a, b) => b.pts - a.pts || b.dg - a.dg || b.gf - a.gf || a.team.name.localeCompare(b.team.name));
}
// ============================================================
// Dashboard
// ============================================================
function ResultRow({ match, state }) {
const home = state.teams.find(tm => tm.id === match.homeId);
const away = state.teams.find(tm => tm.id === match.awayId);
const hs = +match.homeScore, as = +match.awayScore;
const homeWin = hs > as, awayWin = as > hs;
const venue = (state.venues || []).find(v => v.id === match.venueId);
const penWinner = match.penaltyWinnerId ? state.teams.find(t => t.id === match.penaltyWinnerId) : null;
const meta = [match.date, match.time, venue?.name].filter(Boolean).join(' · ');
const sortedScorers = [...(match.scorers || [])].sort((a, b) => (+a.minute || 999) - (+b.minute || 999));
const homeScorers = sortedScorers.filter(s => s.teamId === match.homeId);
const awayScorers = sortedScorers.filter(s => s.teamId === match.awayId);
return (
e.currentTarget.style.background = 'var(--surface-3)'}
onMouseLeave={e => e.currentTarget.style.background = ''}
>
{/* Home */}
{homeWin && ✓}
{home?.name || '?'}
{/* Score */}
{match.homeScore}
–
{match.awayScore}
{penWinner &&
Pen}
{meta &&
{meta}}
{/* Away */}
{away?.name || '?'}
{awayWin && ✓}
{/* Scorers */}
{sortedScorers.length > 0 && (
{homeScorers.map((s, i) => (
{s.minute ? {s.minute}' : null}
⚽
{s.name || '?'}
{s.assistName && (↗ {s.assistName})}
))}
{awayScorers.map((s, i) => (
{s.minute ? {s.minute}' : null}
⚽
{s.name || '?'}
{s.assistName && (↗ {s.assistName})}
))}
)}
{/* Champion banner */}
{champion && (
🏆
Campeón del Torneo
{champion.name.toUpperCase()}
)}
{state.meta.name}
{t("dashboard_sub")}
{t("teams_count")}
{state.teams.length}
{t("groups_count")}: {state.groups.length}
{t("players_count")}
{players}
{t("matches_played")}
{playedMatches.length}/{allMatches.length}
{t("goals_total")}
{goals}
{/* Próximos + goleadores */}
{t("next_matches")}
{upcoming.length === 0 ? (
{t("no_matches_yet")}
) : (
{upcoming.map(m => )}
)}
{t("top_scorers")}
{topScorers.length === 0 ? (
—
) : (
| # | {t("player_name")} | {t("team")} | {t("goals")} |
|---|
{topScorers.map((s, i) => (
| {i + 1} |
{s.player?.name || "—"} |
{s.team ? : "—"} |
{s.count} |
))}
)}
{/* Historial de resultados */}
📋 Historial de Resultados
{playedMatches.length} jugados
{playedMatches.length === 0 ? (
No hay resultados aún.
) : (
<>
{/* Filter tabs */}
{filterTabs.map(tab => (
))}
{/* Results grouped by stage */}
{filteredStageKeys.map(stageKey => {
const matches = filteredByStage[stageKey] || [];
const isKO = stageKey !== 'groups';
const isFinal = stageKey === 'Final';
const stageLabel = stageKey === 'groups' ? 'Fase de Grupos' : stageKey;
const icon = isFinal ? '🏆' : isKO ? '⚡' : '⚽';
// Group group-stage matches by group
const groupedMatches = {};
if (!isKO) {
matches.forEach(m => {
const g = state.groups.find(gg => gg.id === m.groupId);
const k = g ? 'Grupo ' + g.name : 'Grupo';
groupedMatches[k] = groupedMatches[k] || [];
groupedMatches[k].push(m);
});
}
return (
{icon}
{stageLabel}
{matches.length} {matches.length === 1 ? 'partido' : 'partidos'}
{!isKO ? (
Object.entries(groupedMatches).map(([grpName, grpMatches]) => (
{Object.keys(groupedMatches).length > 1 && (
{grpName}
)}
{grpMatches.map(m => )}
))
) : (
matches.map(m =>
)
)}
);
})}
)}
{home?.name || "?"}
{home && }
{match.played ? (
<>{match.homeScore}·{match.awayScore}
) : VS}
{away && }
{away?.name || "?"}
{meta &&
{meta}
}
);
}
// ============================================================
// Teams
// ============================================================
function TeamsView({ state, dispatch, t }) {
return (
{t("teams_title")}
{t("teams_sub")}
{state.teams.length === 0 ? (
{t("no_teams_yet")}
) : (
{state.teams.map((tm) => (
))}
)}
);
}
function ConfirmBtn({ label, confirmLabel, className = "btn", onConfirm, disabled = false, style = {} }) {
const [armed, setArmed] = useS(false);
useE(() => {
if (!armed) return;
const id = setTimeout(() => setArmed(false), 2500);
return () => clearTimeout(id);
}, [armed]);
return (
);
}
function ConfirmX({ onConfirm, title = "Eliminar", style = {} }) {
const [armed, setArmed] = useS(false);
useE(() => {
if (!armed) return;
const id = setTimeout(() => setArmed(false), 2500);
return () => clearTimeout(id);
}, [armed]);
return (
);
}
function TeamCard({ team, state, dispatch, t }) {
const group = state.groups.find((g) => g.id === team.groupId);
const [pickerOpen, setPickerOpen] = useS(false);
return (
{pickerOpen && setPickerOpen(false)}/>}
dispatch({ type: "UPDATE_TEAM", id: team.id, patch: { name: e.target.value, short: abbrev(e.target.value) } })}
style={{
fontFamily: "var(--display)",
fontSize: 18,
letterSpacing: ".03em",
textTransform: "uppercase",
padding: "4px 8px",
}}
/>
dispatch({ type: "DELETE_TEAM", id: team.id })}
/>
{team.short}
{group && GRUPO {group.name}}
dispatch({ type: "UPDATE_TEAM", id: team.id, patch: { coach: e.target.value } })}
style={{ flex: 1, fontSize: 11 }}
/>
{t("players_count")} ({team.players.length})
{team.players.length === 0 ? (
{t("no_players")}
) : (
team.players.map((p) => (
dispatch({
type: "UPDATE_PLAYER", teamId: team.id, playerId: p.id,
patch: { number: e.target.value },
})}
style={{ width: 28, height: 24, padding: 0, textAlign: "center" }}
/>
dispatch({
type: "UPDATE_PLAYER", teamId: team.id, playerId: p.id,
patch: { name: e.target.value },
})}
/>
dispatch({
type: "UPDATE_PLAYER", teamId: team.id, playerId: p.id,
patch: { position: e.target.value },
})}
style={{ width: 50, fontSize: 10, textTransform: "uppercase" }}
/>
dispatch({ type: "DELETE_PLAYER", teamId: team.id, playerId: p.id })}
/>
))
)}
);
}
// ============================================================
// Calendar / Matches — Full rewrite
// ============================================================
const KNOCKOUT_STAGES = ['Dieciseisavos', 'Octavos de Final', 'Cuartos de Final', 'Semifinales', 'Final'];
const KNOCKOUT_ORDER = { 'Dieciseisavos': 0, 'Octavos de Final': 1, 'Cuartos de Final': 2, 'Semifinales': 3, 'Final': 4 };
function ChampionBanner({ team }) {
return (
🏆
Campeón del Torneo
{team.name.toUpperCase()}
);
}
function MatchMeta({ match, state, upd, t }) {
const venue = (state.venues || []).find(v => v.id === match.venueId);
const metaParts = [match.date, match.time, venue?.name, match.court].filter(Boolean);
return (
);
}
function GoalEventsPanel({ match, state, dispatch }) {
const [open, setOpen] = useS(false);
const [fTeam, setFTeam] = useS('');
const [fPlayer, setFPlayer] = useS('');
const [fManual, setFManual] = useS('');
const [fMin, setFMin] = useS('');
const [fAssist, setFAssist] = useS('');
const [fAssistManual, setFAssistManual] = useS('');
useE(() => { if (open && !fTeam) setFTeam(match.homeId || ''); }, [open]);
useE(() => { setFPlayer(''); setFAssist(''); }, [fTeam]);
if (!match.played) return null;
const scorers = match.scorers || [];
const homeTeam = state.teams.find(t => t.id === match.homeId);
const awayTeam = state.teams.find(t => t.id === match.awayId);
const selTeam = state.teams.find(t => t.id === fTeam);
const teamPlayers = selTeam?.players || [];
const selPlayer = fPlayer && fPlayer !== '__manual__' ? teamPlayers.find(p => p.id === fPlayer) : null;
const sorted = [...scorers].map((s, i) => ({ ...s, _idx: i })).sort((a, b) => (+a.minute || 999) - (+b.minute || 999));
function addGoal() {
const name = selPlayer?.name || fManual.trim() || '?';
const assistPl = fAssist && fAssist !== '__manual__' ? teamPlayers.find(p => p.id === fAssist) : null;
const assistName = assistPl?.name || (fAssist === '__manual__' ? fAssistManual.trim() : '') || '';
dispatch({ type: 'ADD_SCORER', matchId: match.id, scorer: {
id: uid(), teamId: fTeam,
playerId: selPlayer?.id || null,
name, minute: fMin ? +fMin : '',
assistPlayerId: assistPl?.id || null, assistName,
}});
setFPlayer(''); setFManual(''); setFMin(''); setFAssist(''); setFAssistManual('');
}
const canAdd = fTeam && (selPlayer || fManual.trim());
return (
⚽ Goles
{scorers.length > 0 && {scorers.length}}
{sorted.length > 0 && (
{sorted.map(s => {
const team = state.teams.find(t => t.id === s.teamId);
return (
{s.minute ? s.minute + "'" : '–'}
{s.name || '?'}
{s.assistName && ↗ {s.assistName}}
{team?.short || ''}
);
})}
)}
{open && (
{/* Team */}
Equipo
{/* Player + Minute */}
{fPlayer === '__manual__' && (
setFManual(e.target.value)} placeholder="Nombre del goleador" style={{ flex:1 }}/>
)}
{/* Assist */}
)}
);
}
function GroupMatchCard({ match, state, dispatch, t }) {
const home = state.teams.find(tm => tm.id === match.homeId);
const away = state.teams.find(tm => tm.id === match.awayId);
function upd(patch) { dispatch({ type: "UPDATE_MATCH", id: match.id, patch }); }
function setHome(v) {
const n = v === "" ? null : Math.max(0, +v);
const u = { homeScore: n };
if (n !== null && match.awayScore !== null) u.played = true;
dispatch({ type: "UPDATE_MATCH", id: match.id, patch: u });
}
function setAway(v) {
const n = v === "" ? null : Math.max(0, +v);
const u = { awayScore: n };
if (n !== null && match.homeScore !== null) u.played = true;
dispatch({ type: "UPDATE_MATCH", id: match.id, patch: u });
}
const homeScore = match.homeScore ?? "";
const awayScore = match.awayScore ?? "";
const homeWin = match.played && homeScore !== "" && awayScore !== "" && +homeScore > +awayScore;
const awayWin = match.played && homeScore !== "" && awayScore !== "" && +awayScore > +homeScore;
return (
);
}
function KnockoutMatchCard({ match, state, dispatch, t, isFinal }) {
const [hs, setHs] = React.useState(match.homeScore != null ? String(match.homeScore) : "");
const [as, setAs] = React.useState(match.awayScore != null ? String(match.awayScore) : "");
const [editing, setEditing] = React.useState(false);
React.useEffect(() => {
if (!editing) {
setHs(match.homeScore != null ? String(match.homeScore) : "");
setAs(match.awayScore != null ? String(match.awayScore) : "");
}
}, [match.homeScore, match.awayScore, editing]);
const home = state.teams.find(tm => tm.id === match.homeId);
const away = state.teams.find(tm => tm.id === match.awayId);
const hsNum = hs !== "" ? +hs : null;
const asNum = as !== "" ? +as : null;
const bothEntered = hsNum !== null && asNum !== null && !isNaN(hsNum) && !isNaN(asNum);
const localWinner = bothEntered ? (hsNum > asNum ? match.homeId : asNum > hsNum ? match.awayId : null) : null;
const showConfirm = bothEntered && match.homeId && match.awayId && (!match.played || editing);
const locked = match.played && !editing;
const winnerId = React.useMemo(() => {
if (!match.played || match.homeScore == null || match.awayScore == null) return null;
const h = +match.homeScore, a = +match.awayScore;
return h > a ? match.homeId : a > h ? match.awayId : (match.penaltyWinnerId || null);
}, [match.played, match.homeScore, match.awayScore, match.homeId, match.awayId, match.penaltyWinnerId]);
const isDraw = match.played && match.homeScore != null && match.awayScore != null && +match.homeScore === +match.awayScore;
const homeWin = match.played && winnerId === match.homeId;
const awayWin = match.played && winnerId === match.awayId;
const winner = winnerId ? state.teams.find(tm => tm.id === winnerId) : null;
function syncBracket(id, patch) {
let found = false;
const newRounds = state.bracket.rounds.map(r => ({
...r, matches: r.matches.map(m => { if (m.id === id) { found = true; return { ...m, ...patch }; } return m; }),
}));
if (found) dispatch({ type: "SET_BRACKET", bracket: { rounds: newRounds } });
}
function advanceInBracket(winId, matchId) {
const rounds = JSON.parse(JSON.stringify(state.bracket.rounds));
let ri = -1, mi = -1;
for (let r = 0; r < rounds.length; r++) {
const idx = rounds[r].matches.findIndex(m => m.id === matchId);
if (idx !== -1) { ri = r; mi = idx; break; }
}
if (ri === -1) return;
const m = rounds[ri].matches[mi];
if (m.homeScore != null && m.awayScore != null && +m.homeScore === +m.awayScore) m.penaltyWinnerId = winId;
const nextRi = ri + 1;
if (nextRi < rounds.length) {
const nextMi = Math.floor(mi / 2);
const slot = mi % 2 === 0 ? "homeId" : "awayId";
const nextM = rounds[nextRi].matches[nextMi];
if (nextM) {
nextM[slot] = winId;
dispatch({ type: "UPDATE_MATCH", id: nextM.id, patch: { [slot]: winId } });
}
}
dispatch({ type: "SET_BRACKET", bracket: { rounds } });
}
function confirm() {
if (!bothEntered) return;
const patch = { homeScore: hsNum, awayScore: asNum, played: true, penaltyWinnerId: null };
dispatch({ type: "UPDATE_MATCH", id: match.id, patch });
syncBracket(match.id, patch);
if (localWinner) advanceInBracket(localWinner, match.id);
setEditing(false);
}
function handlePenalty(winId) {
const patch = { penaltyWinnerId: winId };
dispatch({ type: "UPDATE_MATCH", id: match.id, patch });
syncBracket(match.id, patch);
advanceInBracket(winId, match.id);
}
function upd(patch) {
dispatch({ type: "UPDATE_MATCH", id: match.id, patch });
const bf = ['homeId', 'awayId', 'homeScore', 'awayScore', 'played'];
if (Object.keys(patch).some(k => bf.includes(k))) syncBracket(match.id, patch);
}
const cardClass = "match-card" + (isFinal && winner ? " mc-champion" : isFinal ? " mc-final" : " mc-ko") + (locked ? " mc-played" : "");
return (
{/* Locked state: clean row layout */}
{locked ? (
{/* Home row */}
{home?.name || Por definir}
{homeWin && !isFinal && ✓ Pasa}
{homeWin && isFinal && 🏆}
{match.homeScore ?? '–'}
{/* Away row */}
{away?.name || Por definir}
{awayWin && !isFinal && ✓ Pasa}
{awayWin && isFinal && 🏆}
{match.awayScore ?? '–'}
{/* Champion row for Final */}
{isFinal && winner && (
)}
{/* Penalty draw indicator */}
{isDraw && winnerId && (
⚡ Penales
{state.teams.find(tm => tm.id === winnerId)?.name || '?'} gana en penales
)}
) : (
/* Editing / unlocked state */
)}
{/* Confirm button */}
{showConfirm && (
{editing && }
)}
{/* Penalty selector */}
{isDraw && !winnerId && home && away && (
⚡ Penales:
)}
{/* Correction + delete bar for played matches */}
{match.played && (
{winnerId && !editing && (
)}
dispatch({ type: "DELETE_MATCH", id: match.id })}/>
)}
{/* Date / Time / Venue */}
{champion &&
}
{t("calendar_title")}
{t("calendar_sub")}
{state.matches.length === 0 ? (
⚽
{t("no_matches_yet")}
Genera los partidos de grupo o agrega uno manual.
) : (
<>
{Object.entries(byGroup).map(([groupId, matches]) => {
const g = state.groups.find(gg => gg.id === groupId);
const label = t("stage_groups") + (g ? " — " + t("group") + " " + g.name : "");
const played = matches.filter(m => m.played).length;
const total = matches.length;
const pct = total ? Math.round(played / total * 100) : 0;
const done = played === total && total > 0;
return (
⚽
{label}
{pct}%
{played}/{total}
{matches.map(m => )}
);
})}
{sortedKnockoutKeys.map(stageKey => {
const matches = byKnockout[stageKey];
const isFinal = stageKey === 'Final';
const played = matches.filter(m => m.played).length;
const total = matches.length;
const pct = total ? Math.round(played / total * 100) : 0;
const done = played === total && total > 0;
const icon = isFinal ? '🏆' : '⚡';
return (
{icon}
{stageKey}
KO
{isFinal && champion && 🏆}
{pct}%
{played}/{total}
{matches.map(m => )}
);
})}
{otherList.length > 0 && (
📋
Otros partidos
{otherList.filter(m => m.played).length}/{otherList.length}
{otherList.map(m => )}
)}
{/* ── Calendar History ── */}
{(() => {
const playedM = state.matches.filter(m => m.played);
if (playedM.length === 0) return null;
const CAL_KO = ['Dieciseisavos','Octavos de Final','Cuartos de Final','Semifinales','Final'];
const sOrd = s => s === 'groups' ? -1 : (CAL_KO.indexOf(s) >= 0 ? CAL_KO.indexOf(s) : 99);
const bySt = {};
playedM.forEach(m => { const k = m.stage || 'groups'; bySt[k] = bySt[k] || []; bySt[k].push(m); });
const stKeys = Object.keys(bySt).sort((a,b) => sOrd(a) - sOrd(b));
const tabs = [
{ id: 'all', label: 'Todos', count: playedM.length },
...stKeys.map(k => ({ id: k, label: k === 'groups' ? 'Grupos' : k, count: bySt[k].length })),
];
const filtered = calHistFilter === 'all' ? bySt : { [calHistFilter]: bySt[calHistFilter] || [] };
const filteredKeys = calHistFilter === 'all' ? stKeys : [calHistFilter].filter(k => bySt[k]);
return (
📋
Historial de Resultados
{playedM.length} jugados
{tabs.length > 2 && (
{tabs.map(tab => (
))}
)}
{filteredKeys.map(stageKey => {
const ms = filtered[stageKey] || [];
const isKO = stageKey !== 'groups';
const isFinal = stageKey === 'Final';
const stLabel = stageKey === 'groups' ? 'Fase de Grupos' : stageKey;
const icon = isFinal ? '🏆' : isKO ? '⚡' : '⚽';
const grpMap = {};
if (!isKO) ms.forEach(m => { const g = state.groups.find(gg => gg.id === m.groupId); const k = g ? 'Grupo ' + g.name : 'Grupo'; grpMap[k] = grpMap[k] || []; grpMap[k].push(m); });
return (
{icon}
{stLabel}
{ms.length} {ms.length === 1 ? 'partido' : 'partidos'}
{!isKO ? (
Object.entries(grpMap).map(([grpName, grpMs]) => (
{Object.keys(grpMap).length > 1 && (
{grpName}
)}
{grpMs.map(m => )}
))
) : (
ms.map(m =>
)
)}
);
})}
);
})()}
)}
{t("standings_title")}
{t("standings_sub")}
{state.groups.length === 0 ? (
) : (
state.groups.map((g) => {
const teams = state.teams.filter((tm) => tm.groupId === g.id);
if (teams.length === 0) return null;
const matches = state.matches.filter((m) => m.groupId === g.id);
const rows = computeStandings(teams, matches, state.meta);
return (
{g.name}
{t("group")} {g.name}
{matches.filter((m) => m.played).length}/{matches.length} {t("matches")}
);
})
)}
);
}
function StandingsTable({ rows, qualifyTop, t }) {
return (
| {t("pos")} |
{t("team")} |
{t("pj")} |
{t("pg")} |
{t("pe")} |
{t("pp")} |
{t("gf")} |
{t("gc")} |
{t("dg")} |
{t("pts")} |
{rows.map((r, i) => (
| {i + 1} |
{r.team.name}
|
{r.pj} |
{r.pg} |
{r.pe} |
{r.pp} |
{r.gf} |
{r.gc} |
{r.dg > 0 ? "+" + r.dg : r.dg} |
{r.pts} |
))}
);
}
window.Dashboard = Dashboard;
window.TeamsView = TeamsView;
window.CalendarView = CalendarView;
window.StandingsView = StandingsView;
window.TeamBadge = TeamBadge;
window.ShieldSvg = ShieldSvg;
window.SHIELDS = SHIELDS;
window.computeStandings = computeStandings;
window.MiniMatch = MiniMatch;