${coachZh} ${coachEn}

`; } const newsContainer = document.getElementById("ui-news-container"); const newsLink = document.getElementById("ui-news-link"); if (data.news && data.news.trim() !== "") { newsLink.href = data.news; newsContainer.style.display = "block"; } else { newsLink.href = "#"; newsContainer.style.display = "none"; } currentSortCol = "position"; currentSortAsc = true; document.querySelectorAll('th.sortable').forEach(th => { th.classList.remove('active-asc', 'active-desc'); }); fetchSquadData(numericId); fetchFixturesData(numericId); } async function fetchSquadData(teamId) { try { // todo: // Local data // const res = await fetch(`http://localhost:3000/api/wc-squad/${teamId}`); // const json = await res.json(); // const squadData = json.data || []; // Server data const res = await fetch(`${apiPath}squad/${teamId}.json`); const json = await res.json(); const squadData = json.data.data || []; renderDetailedSquad(squadData); } catch (err) { console.error("Failed to load squad data:", err); } } function getStat(statsArray, code) { if (!statsArray) return 0; let details = []; statsArray.forEach((s) => { if (s.details) details = details.concat(s.details); else if (s.type) details.push(s); }); const stat = details.find((d) => d.type?.code === code); return stat && stat.value ? (stat.value.total !== undefined ? stat.value.total : stat.value.average || 0) : 0; } function calculateAge(dob) { if (!dob) return "-"; return new Date().getFullYear() - new Date(dob).getFullYear(); } function translatePosition(posEn) { if (!posEn) return "未知"; const p = posEn.toLowerCase(); if (p.includes("goalkeeper") || p.includes("keeper")) return "门将"; if (p.includes("defender") || p.includes("back")) return "后卫"; if (p.includes("midfielder")) return "中场"; if (p.includes("attacker") || p.includes("forward") || p.includes("winger") || p.includes("striker")) return "前锋"; return "未知"; } // Sorting table let currentSquadData = []; let currentSortCol = "position"; let currentSortAsc = true; function sortTable(statName) { if (currentSortCol === statName) { currentSortAsc = !currentSortAsc; } else { currentSortCol = statName; currentSortAsc = false; // Default to Highest -> Lowest for stats } // 1. Reset all headers to inactive document.querySelectorAll('th.sortable').forEach(th => { th.classList.remove('active-asc', 'active-desc'); }); // 2. Find the header we just clicked and make it active const activeTh = document.querySelector(`th.sortable[onclick="sortTable('${statName}')"]`); if (activeTh) { activeTh.classList.add(currentSortAsc ? 'active-asc' : 'active-desc'); } // 3. Render the newly sorted data renderDetailedSquad(currentSquadData); } function renderDetailedSquad(squadData) { currentSquadData = squadData; if (squadData.length === 0) { document.getElementById("detailed-squad-container").innerHTML = `暂无阵容数据`; return; } // --- Sort the array before drawing --- let dataToRender = [...squadData]; // Make a copy so don't destroy the original if (currentSortCol) { dataToRender.sort((a, b) => { const pA = a.player || {}; const pB = b.player || {}; if (currentSortCol === "position") { const posA = pA.position_id || 99; const posB = pB.position_id || 99; if (posA < posB) return currentSortAsc ? -1 : 1; if (posA > posB) return currentSortAsc ? 1 : -1; return 0; } if (currentSortCol === "age") { // Convert birthdays to timestamps (default to 0 if missing) const dobA = pA.date_of_birth ? new Date(pA.date_of_birth).getTime() : 0; const dobB = pB.date_of_birth ? new Date(pB.date_of_birth).getTime() : 0; if (dobA > dobB) return currentSortAsc ? -1 : 1; // A is younger if (dobA < dobB) return currentSortAsc ? 1 : -1; // A is older return 0; } const valA = parseFloat(getStat(pA.statistics, currentSortCol)) || 0; const valB = parseFloat(getStat(pB.statistics, currentSortCol)) || 0; if (valA < valB) return currentSortAsc ? -1 : 1; if (valA > valB) return currentSortAsc ? 1 : -1; return 0; }); } function resetSort() { currentSortCol = "position"; currentSortAsc = true; document.querySelectorAll('th.sortable').forEach(th => { th.classList.remove('active-asc', 'active-desc'); }); if (typeof currentSquadData !== "undefined" && currentSquadData.length > 0) { renderDetailedSquad(currentSquadData); } } // --- Draw the table using the sorted data --- document.getElementById("detailed-squad-container").innerHTML = dataToRender .map((item) => { const p = item.player; if (!p) return ""; const name = p.display_name || p.common_name || p.name || "未知"; const pos = translatePosition(p.position?.name); const age = calculateAge(p.date_of_birth); const mins = getStat(p.statistics, "minutes-played"); const rating = getStat(p.statistics, "rating"); const goals = getStat(p.statistics, "goals"); const assists = getStat(p.statistics, "assists"); return ` ${item.jersey_number || "-"}

${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 (stageZh === "小组赛" && f.group_id && typeof WC_GROUPS !== "undefined" && WC_GROUPS[f.group_id]) { stageZh = `${stageZh} (${WC_GROUPS[f.group_id]})`; } 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 = "match-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}

`; } try { TEAM_LIST.sort((a, b) => { const rankA = parseInt(a.fifa_ranking) || 999; const rankB = parseInt(b.fifa_ranking) || 999; return rankA - rankB; }); selectTeam(18647); // Default to France if (typeof startLivescoreEngine !== "undefined") { startLivescoreEngine((m) => renderFixtureCard(m, currentTeamId)); } } catch (err) { console.error("Error initializing page:", err); document.getElementById("ui-name-zh").innerText = "加载失败"; }

法国