Upload static/wc2026_v2.js with huggingface_hub

static/wc2026_v2.js

@@ -114,11 +114,12 @@ async function renderWCHighlights(el){
   el.innerHTML='<div class="loading">Đang tải highlight World Cup...</div>';
   try{
     // Use new WC highlights API (from xemlaibongda.top JSON API)
-    const[wc,fr]=await Promise.all([
+    const[wcRaw,fr]=await Promise.all([
       fetch('/api/wc2026/highlights').then(r=>r.json()).catch(()=>[]),
       fetch('/api/highlights/friendly').then(r=>r.json()).catch(()=>[])
     ]);
-    const wcArr = Array.isArray(wc)?wc:[];
+    // The API returns {success, data, pagination, context}
+    const wcArr = Array.isArray(wcRaw)?wcRaw:(wcRaw && wcRaw.data ? wcRaw.data : []);
     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;}
@@ -127,16 +128,47 @@ async function renderWCHighlights(el){
     all.slice(0,30).forEach((v,i)=>{
       const league=v._league==='WC'?'world-cup':'friendly';
       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>`;
+      const clickUrl = v.src || v.link || '';
+      const thumb = v.img || v.thumbnail_url || '';
+      const dt = v.date || '';
+      const title = v.title || '';
+      h+=`<div style="cursor:pointer;border-radius:6px;overflow:hidden;background:#0a1520" onclick="openWCHighlight(${i})">`;
+      h+=`<div style="position:relative;aspect-ratio:16/9;background:#1a2a3a">${thumb?`<img src="${esc(thumb)}" style="width:100%;height:100%;object-fit:cover" onerror="this.style.display='none'">`:''}<div class="card-play">▶</div>${dt?`<div style="position:absolute;bottom:4px;left:4px;background:rgba(0,0,0,.7);color:#fff;font-size:8px;padding:1px 4px;border-radius:3px">${esc(dt)}</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(title)}</div></div>`;
       h+='</div>';
     });
-    h+='</div>';el.innerHTML=h;
+    h+='</div>';
+    // Store WC data globally for openWCHighlight to access
+    _wcHighlights = all;
+    el.innerHTML=h;
   }catch(e){el.innerHTML='<div class="loading">Lỗi tải highlight</div>';}
 }
 
+// === OPEN WC HIGHLIGHT DIRECTLY (skip /api/video_url) ===
+let _wcHighlights = [];
+function openWCHighlight(idx){
+  const v = _wcHighlights[idx];
+  if(!v) return;
+  showView('view-tiktok');
+  const el = document.getElementById('view-tiktok');
+  const ordered = [..._wcHighlights.slice(idx), ..._wcHighlights.slice(0, idx)];
+  let h=`<button class="back-btn" onclick="switchCat('home')">← World Cup Highlights</button><div class="tiktok-container"><div class="tiktok-feed" id="tiktok-feed">`;
+  ordered.forEach((vv,i)=>{
+    const src = vv.src || vv.link || '';
+    const isHLS = src.includes('.m3u8');
+    const thumb = vv.img || vv.thumbnail_url || '';
+    const poster = thumb ? ` poster="${esc(thumb)}"` : '';
+    const vtag = isHLS ? `<video playsinline preload="none"${poster} data-hls="${esc(src)}" loop controls></video>` : `<video playsinline preload="none"${poster} loop controls><source src="${esc(src)}" type="video/mp4"></video>`;
+    const badge = vv._league==='WC'?'🌍 WC':'🤝';
+    const dt = vv.date||'';
+    const shareUrl = vv.link || vv.src || '';
+    h += buildTikTokSlide({vtag,title:vv.title||'',badge,badgeClass:'badge-fpt',videoId:'wc-'+i,idx:i,total:ordered.length,shareUrl});
+  });
+  h+='</div></div>';
+  el.innerHTML=h;
+  initTikTokFeed();
+}
+
 // === LIVE AUTO-REFRESH (90s) ===
 function startWCLiveRefresh(){
   if(_wcRefreshInterval)clearInterval(_wcRefreshInterval);