Upload static/wc2026_v2.js with huggingface_hub

static/wc2026_v2.js

@@ -109,23 +109,26 @@ function renderWCStats(el){
   else el.innerHTML='<div class="loading">Thống kê cập nhật khi giải bắt đầu<br><small style="color:#6a9fca">Vua phá lưới · Kiến tạo · Thẻ phạt</small></div>';
 }
 
-// === HIGHLIGHTS (WC + Friendly from xemlaibongda.top) ===
+// === HIGHLIGHTS (WC from xemlaibongda.top API) ===
 async function renderWCHighlights(el){
-  el.innerHTML='<div class="loading">Đang tải highlight...</div>';
+  el.innerHTML='<div class="loading">Đang tải highlight World Cup...</div>';
   try{
-    // Load both WC and Friendly highlights
+    // Use new WC highlights API (from xemlaibongda.top JSON API)
     const[wc,fr]=await Promise.all([
-      fetch('/api/highlights/world-cup').then(r=>r.json()).catch(()=>[]),
+      fetch('/api/wc2026/highlights').then(r=>r.json()).catch(()=>[]),
       fetch('/api/highlights/friendly').then(r=>r.json()).catch(()=>[])
     ]);
-    // Keep per-league index so the clicked card maps to the correct video in its own league array
-    const all=[...(wc||[]).map((v,j)=>({...v,_league:'WC',_li:j})),...(fr||[]).map((v,j)=>({...v,_league:'Friendly',_li:j}))];
-    if(!all.length){el.innerHTML='<div class="loading">Chưa có highlight World Cup & Giao hữu</div>';return;}
-    let h='<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:450px;overflow-y:auto;padding:4px">';
-    all.slice(0,24).forEach((v,i)=>{
+    const wcArr = Array.isArray(wc)?wc:[];
+    const frArr = Array.isArray(fr)?fr:[];
+    const all=[...wcArr.map((v,j)=>({...v,_league:'WC',_li:j})),...frArr.map((v,j)=>({...v,_league:'Friendly',_li:j}))];
+    if(!all.length){el.innerHTML='<div class="loading">Chưa có highlight World Cup</div>';return;}
+    let h='<div style="font-size:10px;color:#6a9fca;text-align:center;padding:3px">🎬 Khoảnh khắc World Cup 2026 · xemlaibongda.top</div>';
+    h+='<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:450px;overflow-y:auto;padding:4px">';
+    all.slice(0,30).forEach((v,i)=>{
       const league=v._league==='WC'?'world-cup':'friendly';
-      const badge=v._league==='WC'?'🌍 WC':'🤝 Friendly';
-      h+=`<div style="cursor:pointer;border-radius:6px;overflow:hidden;background:#0a1520" onclick="openHighlightFeed('${league}',${v._li},'${esc(v.link)}')">`;
+      const badge=v._league==='WC'?'🌍 WC':'🤝';
+      const clickUrl = v.link || (v.src ? v.src : '');
+      h+=`<div style="cursor:pointer;border-radius:6px;overflow:hidden;background:#0a1520" onclick="openHighlightFeed('${league}',${v._li},'${esc(clickUrl)}')">`;
       h+=`<div style="position:relative;aspect-ratio:16/9;background:#1a2a3a">${v.img?`<img src="${esc(v.img)}" style="width:100%;height:100%;object-fit:cover">`:''}<div class="card-play">▶</div></div>`;
       h+=`<div style="padding:4px 6px"><span style="font-size:8px;color:#f0c040">${badge}</span><div style="font-size:10px;color:#ccc;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden">${esc(v.title)}</div></div>`;
       h+='</div>';