${name}

${pos}

${age} ${goals} ${assists} ${getStat(p.statistics, "yellowcards")} ${getStat(p.statistics, "redcards")} ${mins} ${rating > 0 ? Number(rating).toFixed(2) : "-"} `; }) .join(""); } async function fetchFixturesData(teamId) { try { let allMatches = []; // todo: // for (let page = 1; page <= 3; page++) { // try { // const res = await fetch(`http://localhost:3000/api/wc-fixtures?page=${page}`); // const json = await res.json(); // if (json.data && json.data.length > 0) { // allMatches = allMatches.concat(json.data); // } // } catch (e) {} // } try { const res = await fetch(`${apiPath}fixtures/all.json`); const json = await res.json(); allMatches = json.data; } catch (e) {} // todo // --- DUMMY DATA Open --- // if (typeof DUMMY_FIXTURES !== "undefined") { // // 1. Loop through API matches and OVERWRITE if a dummy match shares the same ID // allMatches = allMatches.map((apiMatch) => { // const dummyMatch = DUMMY_FIXTURES.find((d) => d.id === apiMatch.id); // if (dummyMatch) { // return { ...apiMatch, ...dummyMatch }; // Merges dummy data over the real data // } // return apiMatch; // }); // // 2. APPEND completely fake dummy matches that the API doesn't know about // DUMMY_FIXTURES.forEach((dummyMatch) => { // if (!allMatches.some((m) => m.id === dummyMatch.id)) { // allMatches.push(dummyMatch); // } // }); // } // --- DUMMY DATA Close --- let teamFixtures = allMatches.filter((f) => { if (!f.participants || f.participants.length === 0) return false; return f.participants.some((p) => p.id === parseInt(teamId)); }); if (teamFixtures.length === 0) { document.getElementById("fixtures-container").innerHTML = "

暂无确认的赛程数据。

"; return; } // Sort all matches ASCENDING (Oldest first for Desktop Left-to-Right) teamFixtures.sort((a, b) => new Date(a.starting_at) - new Date(b.starting_at)); const grouped = {}; teamFixtures.forEach((f) => { const stageName = f.stage?.name || "未知阶段"; let stageZh = translateStageName(stageName, teamId); if (!grouped[stageZh]) grouped[stageZh] = []; grouped[stageZh].push(f); }); // Sort the stage groups DESCENDING (Newest stages on top) const sortedStages = Object.keys(grouped).sort((stageA, stageB) => { // Compare the timestamp of the first match in each group const timeA = new Date(grouped[stageA][0].starting_at).getTime(); const timeB = new Date(grouped[stageB][0].starting_at).getTime(); return timeB - timeA; // Descending (Top to Bottom) }); document.getElementById("fixtures-container").innerHTML = sortedStages .map( (stage) => `

${stage}

${grouped[stage].map((f) => renderFixtureCard(f, teamId)).join("")}

`, ) .join(""); } catch (err) { console.error(err); document.getElementById("fixtures-container").innerHTML = "无法加载赛程数据。"; } } function renderFixtureCard(f, teamId) { // Find the home and away participant objects from the API data const home = f.participants?.find((p) => p.meta.location === "home"); const away = f.participants?.find((p) => p.meta.location === "away"); const homeTeamObj = home && TEAM_DICT[home.id] ? TEAM_DICT[home.id] : null; const awayTeamObj = away && TEAM_DICT[away.id] ? TEAM_DICT[away.id] : null; const hName = homeTeamObj ? homeTeamObj.team_name_zh : home?.name || "待定"; const aName = awayTeamObj ? awayTeamObj.team_name_zh : away?.name || "待定"; const hFlag = getTeamFlag(homeTeamObj); const aFlag = getTeamFlag(awayTeamObj); const status = getMatchStatus(f); const isFinished = status.isFinished; const isLive = status.isLive; // Add classes for styling (Finished gets blue border, Live gets red border) let cardClass = "fixture-card"; if (isFinished) cardClass += " finished"; if (isLive) cardClass += " live"; // --- 2. APPLY CONSTANT DATE/TIME FORMATTERS --- const formattedDate = formatMatchDate(f.starting_at); const formattedTime = formatMatchTime(f.starting_at); let centerHTML = `

${formattedDate}

`; let eventsHomeHTML = ""; let eventsAwayHTML = ""; // --- 3. DISPLAY LOGIC (Show score if Finished OR Live) --- if (isFinished || isLive) { const hScore = f.scores?.find((s) => s.participant_id === home?.id && s.description === "CURRENT")?.score?.goals || 0; const aScore = f.scores?.find((s) => s.participant_id === away?.id && s.description === "CURRENT")?.score?.goals || 0; const hPen = f.scores?.find((s) => s.participant_id === home?.id && s.description === "PENALTIES")?.score?.goals; const aPen = f.scores?.find((s) => s.participant_id === away?.id && s.description === "PENALTIES")?.score?.goals; let penHTML = ""; if (hPen !== undefined && aPen !== undefined) { penHTML = `

点球 (${hPen}-${aPen})

`; } // If live, show a blinking red LIVE text under the score! const liveIndicator = isLive ? `

${status.badgeText}

` : ""; centerHTML += `

${hScore} - ${aScore}

${penHTML} ${liveIndicator} `; // Process Events into left and right columns if (f.events && f.events.length > 0) { f.events.sort((a, b) => a.minute - b.minute); f.events.forEach((ev) => { let icon = getEventIcon(ev.type_id); const pName = ev.player?.display_name || ev.player_name || "未知"; if (icon) { const eventStr = `

${icon} ${ev.minute}' ${pName || ""}

`; if (ev.participant_id === home?.id) { eventsHomeHTML += eventStr; } else { eventsAwayHTML += eventStr; } } }); } } else { centerHTML += `

${formattedTime}

`; } return `

${hName}

${centerHTML}

${aName}

${eventsHomeHTML}

${eventsAwayHTML}

`; }

法国