Update wc2026_v2.js: fixtures now returns html from dantri (not infographic images)"

static/wc2026_v2.js

@@ -1,36 +1,35 @@
 // === WORLD CUP 2026 - Render + LIVE refresh ===
+// Fixtures + BXH from dantri.com.vn/the-thao/world-cup/
 
 let _wc2026Data = null;
 let _wcRefreshInterval = null;
 
-const WC_CSS = `<style>
+const WC_INLINE_CSS = `<style>
 .wc-bongda-content{font-size:12px;color:#ddd;max-height:450px;overflow-y:auto;padding:4px}
-.wc-bongda-content *{color:#ddd!important;border-color:#1a3a5a!important}
+.wc-bongda-content,.wc-bongda-content *{color:#ddd!important;border-color:#1a3a5a!important;background-color:transparent!important}
+.wc-bongda-content a{color:#8ab4d8!important;text-decoration:none!important}
 .wc-bongda-content table{width:100%;border-collapse:collapse;font-size:11px}
-.wc-bongda-content th{background:#0d1a2a!important;color:#6a9fca!important;padding:6px 4px;font-size:10px}
+.wc-bongda-content th{background:#0d1a2a!important;color:#6a9fca!important;padding:6px 4px;font-size:10px;text-align:left}
 .wc-bongda-content td{padding:5px 4px;border-bottom:1px solid #0d1a2a!important}
-.wc-bongda-content tr:hover{background:#0d1a2a!important}
-.wc-bongda-content img{width:18px;height:18px;vertical-align:middle;margin-right:4px}
+.wc-bongda-content tr:hover td{background:#0d1a2a!important}
+.wc-bongda-content img{width:20px;height:20px;vertical-align:middle;margin:0 3px}
 .wc-bongda-content ul{list-style:none;padding:0;margin:0}
-.wc-bongda-content li{padding:6px;border-bottom:1px solid #1a2a3a}
-.wc-bongda-content .title-content{display:flex;gap:6px;align-items:center;background:#0d1a2a;border-radius:4px;margin:4px 0;padding:5px 8px}
-.wc-bongda-content .info,.wc-bongda-content .btns{display:none!important}
-.wc-bongda-content strong{color:#f0c040!important}
-.wc-fix-scroll{max-height:450px;overflow-y:auto;padding:4px}
-.wc-fix-group{margin-bottom:12px}
-.wc-fix-group-header{background:linear-gradient(90deg,#1a0a3a,#0b2e4a);padding:8px 10px;border-radius:6px 6px 0 0;font-size:12px;font-weight:800;color:#f0c040;border-left:3px solid #f0c040}
-.wc-fix-table{width:100%;border-collapse:collapse;font-size:11px;background:#0a1020;border-radius:0 0 6px 6px;overflow:hidden}
-.wc-fix-table th{background:#0d1525;color:#6a9fca;padding:6px 6px;font-size:9px;text-align:center;text-transform:uppercase;letter-spacing:0.5px}
-.wc-fix-table td{padding:7px 6px;border-bottom:1px solid #151f35;text-align:center;color:#ddd;font-size:11px}
-.wc-fix-table tr:hover{background:#111a30}
-.wc-fix-table .td-date{color:#6a9fca;font-size:10px;white-space:nowrap;width:55px}
-.wc-fix-table .td-time{color:#f0c040;font-weight:700;font-size:11px;width:45px}
-.wc-fix-table .td-home{text-align:right;font-weight:600;padding-right:8px}
-.wc-fix-table .td-vs{color:#e74c3c;font-weight:900;font-size:12px;width:30px}
-.wc-fix-table .td-away{text-align:left;font-weight:600;padding-left:8px}
-.wc-fix-table .td-venue{color:#777;font-size:9px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.wc-fix-table .td-score{background:#1a3a1f;color:#5cb87a;font-weight:900;border-radius:4px;padding:2px 6px}
-.wc-fix-empty{text-align:center;padding:30px;color:#6a9fca;font-size:12px}
+.wc-bongda-content li{padding:6px 4px;border-bottom:1px solid #1a2a3a}
+.wc-bongda-content li:hover{background:#0d1a2a!important}
+.wc-bongda-content h1,.wc-bongda-content h2,.wc-bongda-content h3,.wc-bongda-content h4{color:#8ab4d8!important;font-size:13px;padding:8px 0 4px;margin:0;border-bottom:1px solid #1a3a5a}
+.wc-bongda-content strong,.wc-bongda-content b{color:#f0c040!important}
+.wc-bongda-content .match-detail{padding:6px;border-bottom:1px solid #1a2a3a;cursor:pointer}
+.wc-bongda-content .match-detail:hover{background:#0d1a2a!important}
+.wc-bongda-content .title-content{display:flex;gap:6px;align-items:center;background:#0d1a2a!important;border-radius:4px;margin:4px 0;padding:5px 8px}
+.wc-bongda-content .title-content strong{font-size:11px;color:#8ab4d8!important}
+.wc-bongda-content .teams{display:flex;width:100%;align-items:center;gap:4px}
+.wc-bongda-content .team{flex:1;display:flex;align-items:center;gap:4px;min-width:0}
+.wc-bongda-content .team .name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.wc-bongda-content .home-team{justify-content:flex-end;text-align:right}
+.wc-bongda-content .status{flex:0 0 50px;text-align:center}
+.wc-bongda-content .status a{font-weight:800;font-size:12px}
+.wc-bongda-content .info,.wc-bongda-content .btns,.wc-bongda-content .ads,.wc-bongda-content .banner{display:none!important}
+.wc-bongda-content p{margin:4px 0;line-height:1.4}
 </style>`;
 
 function switchWCTab(tab) {
@@ -51,6 +50,17 @@ function switchWCTab(tab) {
   else if (tab === 'stats') renderWCStats(el);
 }
 
+function _wcRenderHTML(el, data, emptyMsg) {
+  const html = data?.html || '';
+  if (html && html.length > 100) {
+    el.innerHTML = WC_INLINE_CSS + '<div class="wc-bongda-content">' + html + '</div>';
+    // Disable navigation links
+    el.querySelectorAll('a').forEach(a => a.addEventListener('click', e => e.preventDefault()));
+  } else {
+    el.innerHTML = `<div class="loading">${emptyMsg}<br><small style="color:#6a9fca">Nguồn: dantri.com.vn</small></div>`;
+  }
+}
+
 function renderWCNews(el) {
   const news = _wc2026Data.news || [];
   const road = _wc2026Data.road || [];
@@ -60,7 +70,7 @@ function renderWCNews(el) {
     if (ni < news.length) combined.push({...news[ni++], _type: 'news'});
     if (ri < road.length) combined.push({...road[ri++], _type: 'road'});
   }
-  if (!combined.length) { el.innerHTML = '<div class="loading">Đang cập nhật...</div>'; return; }
+  if (!combined.length) { el.innerHTML = '<div class="loading">Đang cập nhật tin tức...</div>'; return; }
   let h = '<div class="wc-news-grid">';
   combined.slice(0, 20).forEach(a => {
     const badge = a._type === 'road' ? '<span class="badge badge-wc">Đường tới WC</span>' : '<span class="badge badge-fpt">Tin WC</span>';
@@ -73,57 +83,15 @@ function renderWCNews(el) {
 }
 
 function renderWCFixtures(el) {
-  const d = _wc2026Data.fixtures || {};
-  const groups = d.groups || [];
-  
-  if (!groups.length) {
-    el.innerHTML = WC_CSS + '<div class="wc-fix-empty">⏳ Đang cập nhật lịch thi đấu World Cup 2026...<br><small>Giải khởi tranh 11/06/2026 • 104 trận</small></div>';
-    return;
-  }
-  
-  let h = WC_CSS + '<div class="wc-fix-scroll">';
-  groups.forEach(g => {
-    h += '<div class="wc-fix-group">';
-    h += `<div class="wc-fix-group-header">🏆 ${esc(g.group)}</div>`;
-    h += '<table class="wc-fix-table"><thead><tr><th>Ngày</th><th>Giờ</th><th colspan="3">Trận đấu</th><th>Sân</th></tr></thead><tbody>';
-    (g.matches || []).forEach(m => {
-      const scoreCell = m.score && m.score !== 'vs' && m.score !== ''
-        ? `<td class="td-vs"><span class="td-score">${esc(m.score)}</span></td>`
-        : '<td class="td-vs">vs</td>';
-      h += `<tr>
-        <td class="td-date">${esc(m.date)}</td>
-        <td class="td-time">${esc(m.time)}</td>
-        <td class="td-home">${esc(m.home)}</td>
-        ${scoreCell}
-        <td class="td-away">${esc(m.away)}</td>
-        <td class="td-venue">${esc(m.venue || '')}</td>
-      </tr>`;
-    });
-    h += '</tbody></table></div>';
-  });
-  h += `<div style="text-align:center;padding:8px;font-size:9px;color:#555">Nguồn: Tiền Phong • Tổng: ${d.total_matches || 0} trận</div>`;
-  h += '</div>';
-  el.innerHTML = h;
+  _wcRenderHTML(el, _wc2026Data.fixtures, 'Đang tải lịch thi đấu World Cup 2026...');
 }
 
 function renderWCStandings(el) {
-  const d = _wc2026Data.standings || {};
-  if (d.html && d.html.length > 50) {
-    el.innerHTML = WC_CSS + '<div class="wc-bongda-content">' + d.html + '</div>';
-    el.querySelectorAll('a').forEach(a => a.addEventListener('click', e => e.preventDefault()));
-  } else {
-    el.innerHTML = WC_CSS + '<div class="wc-fix-empty">⏳ Chưa có BXH World Cup 2026<br><small>Giải khởi tranh 11/06/2026</small></div>';
-  }
+  _wcRenderHTML(el, _wc2026Data.standings, 'Đang tải BXH World Cup 2026...');
 }
 
 function renderWCStats(el) {
-  const d = _wc2026Data.stats || {};
-  if (d.html && d.html.length > 50) {
-    el.innerHTML = WC_CSS + '<div class="wc-bongda-content">' + d.html + '</div>';
-    el.querySelectorAll('a').forEach(a => a.addEventListener('click', e => e.preventDefault()));
-  } else {
-    el.innerHTML = WC_CSS + '<div class="wc-fix-empty">⏳ Chưa có thống kê World Cup 2026<br><small>Giải khởi tranh 11/06/2026</small></div>';
-  }
+  _wcRenderHTML(el, _wc2026Data.stats, 'Chưa có thống kê World Cup 2026');
 }
 
 // === LIVE AUTO-REFRESH ===