Upload static/match_detail.js with huggingface_hub

static/match_detail.js

@@ -1,5 +1,4 @@
-// === VNEWS — Match Detail UI (v5-fast) ===
-// Uses /api/proxy/bongda for fast server-side scraping
+// === VNEWS — Match Detail UI (v5-stable)
 (function(){
   if(window._mdLoadedV5) return;
   window._mdLoadedV5 = true;
@@ -60,24 +59,27 @@
   window.loadMatchTab=async function(tab){
     if(tab!=='detail'){if(window._origLoadMatchTab)window._origLoadMatchTab.call(this,tab);return;}
     document.querySelectorAll('.mo-tab').forEach(t=>t.classList.remove('active'));
-    document.querySelectorAll('.mo-tab').forEach(t=>{const txt=t.textContent||'';if(txt.includes('Chi tiết')||txt.includes('📋')||txt.includes('Thống kê')||txt.includes('Diễn biến'))t.classList.add('active');});
     const el=document.getElementById('mo-body');
     if(!el)return;
     el.innerHTML='<div class="mdv5-no-data"><div style="display:inline-block;width:20px;height:20px;border:2px solid #333;border-top-color:#5cb87a;border-radius:50%;animation:mdv5spin .8s linear infinite"></div><div style="margin-top:8px">Đang tải...</div></div>';
     const eventId=window._currentEventId;
+    const slug=window._currentSlug;
     if(!eventId){el.innerHTML='<div class="mdv5-warn">⚠️ Không tìm thấy mã trận đấu.</div>';return;}
 
     try{
-      const r = await fetch('/api/proxy/bongda?event_id=' + eventId, {signal: AbortSignal.timeout(20000)});
+      const url = slug 
+        ? '/api/proxy/bongda?event_id=' + eventId + '&slug=' + encodeURIComponent(slug)
+        : '/api/proxy/bongda?event_id=' + eventId;
+      const r = await fetch(url, {signal: AbortSignal.timeout(25000)});
       const data = await r.json();
       if(data.found && data.info && data.info.home_team){
-        el.innerHTML = '<div class="mdv5-source">📡 Dữ liệu tải nhanh</div>';
+        el.innerHTML = '<div class="mdv5-source">📡 Dữ liệu server-side nhanh</div>';
         renderMatchDetail(el, data);
       }else{
-        el.innerHTML = '<div class="mdv5-warn">⚠️ Không thể tải dữ liệu.<br>Event ID: ' + esc(String(eventId)) + '<br><a href="https://bongda.com.vn/tran-dau/' + eventId + '/centre/" target="_blank" class="mdv5-open-ext">Xem trên bongda.com.vn</a></div>';
+        el.innerHTML = '<div class="mdv5-warn">⚠️ Không thể tải dữ liệu.<br>Event ID: ' + esc(String(eventId)) + '<br><a href="https://bongda.com.vn/tran-dau/' + eventId + '" target="_blank">Xem trên bongda.com.vn</a></div>';
       }
     }catch(e){
-      el.innerHTML = '<div class="mdv5-warn">⚠️ Lỗi tải dữ liệu: ' + esc(e.message) + '</div>';
+      el.innerHTML = '<div class="mdv5-warn">⚠️ Lỗi: ' + esc(e.message) + '</div>';
     }
   };
 
@@ -85,7 +87,6 @@
     const info=data.info||{};
     let h='';
 
-    // Header
     h+='<div class="mdv5-header"><div class="mdv5-teams">';
     h+='<div class="mdv5-team">';
     if(info.home_logo)h+='<img src="' + esc(info.home_logo) + '" alt="' + esc(info.home_team) + '">';
@@ -95,16 +96,14 @@
     if(info.status_label){
       const sl=info.status_label;let cls='finished';
       if(sl==='LIVE'||sl==='H1'||sl==='H2')cls='live';
-      if(sl==='HT'||sl==='Nghỉ')cls='halftime';
       h+='<span class="mdv5-status ' + cls + '">' + esc(sl) + '</span>';
     }
     h+='</div><div class="mdv5-team">';
     if(info.away_logo)h+='<img src="' + esc(info.away_logo) + '" alt="' + esc(info.away_team) + '">';
     h+='<span>' + esc(info.away_team) + '</span></div></div></div>';
 
-    // Tabs
     const hasEvents=data.events&&data.events.length>0;
-    const hasStats=(data.h2h_stats_parsed&&Object.keys(data.h2h_stats_parsed).length>0)||data.prediction||data.recent_matches;
+    const hasStats=data.h2h_stats_parsed||data.prediction||data.recent_matches;
     
     if(hasStats||hasEvents){
       h+='<div class="mdv5-tabs">';
@@ -113,10 +112,8 @@
       h+='</div>';
     }
 
-    // Stats tab
     if(hasStats){
       h+='<div id="mdv5-tab-stats" class="mdv5-tab-content" style="display:' + (hasEvents?'none':'block') + '">';
-      
       if(data.h2h_stats_parsed){
         h+='<div class="mdv5-sec"><div class="mdv5-sec-title">📊 Tỷ lệ đối đầu</div>';
         for(const label in data.h2h_stats_parsed){
@@ -125,12 +122,10 @@
         }
         h+='</div>';
       }
-
       if(data.prediction){
         h+='<div class="mdv5-pred"><div class="mdv5-pred-title">🎯 Dự đoán</div><div class="mdv5-pred-teams">';
         h+='<span>' + esc(data.prediction.home_name || '') + '</span><span class="mdv5-pred-vs">' + esc(data.prediction.result || 'VS') + '</span><span>' + esc(data.prediction.away_name || '') + '</span></div></div>';
       }
-
       if(data.recent_matches){
         h+='<div class="mdv5-sec"><div class="mdv5-sec-title">📋 Kết quả gần nhất</div>';
         data.recent_matches.slice(0,6).forEach(m=>{
@@ -141,7 +136,6 @@
       h+='</div>';
     }
 
-    // Events tab
     if(hasEvents){
       h+='<div id="mdv5-tab-events" class="mdv5-tab-content" style="display:' + (hasStats?'none':'block') + '">';
       h+='<div class="mdv5-sec"><div class="mdv5-sec-title">��� Diễn biến trận đấu</div><div class="mdv5-timeline">';
@@ -155,9 +149,9 @@
         const badge=isHome?'<span class="mdv5-ev-team home">HOME</span>':'<span class="mdv5-ev-team away">AWAY</span>';
         let icon='', title='', detail='';
         
-        if(ev.type==='goal'){icon='⚽';title='BÀN THẮNG';detail=esc(ev.scorer||ev.players);}
-        else if(ev.type==='redcard'){icon='🟥';title='THỺ ĐỎ';detail=esc(ev.player||ev.players);}
-        else if(ev.type==='yellowcard'){icon='🟨';title='THỺ VÀNG';detail=esc(ev.player||ev.players);}
+        if(ev.type==='goal'){icon='⚽';title='BÀN THẮNG';detail=esc(ev.players);}
+        else if(ev.type==='redcard'){icon='🟥';title='THỺ ĐỎ';detail=esc(ev.players);}
+        else if(ev.type==='yellowcard'){icon='🟨';title='THỺ VÀNG';detail=esc(ev.players);}
         else if(ev.type==='substitution'){icon='↔️';title='THAY ĐỔI';detail=esc(ev.players);}
         else{icon='•';detail=esc(ev.players);}
         
@@ -191,15 +185,18 @@
   }
 
   document.addEventListener('click',e=>{
-    const md=e.target.closest('.match-detail');
+    const md=e.target.closest('.match-detail, .match-item');
     if(!md)return;
-    const link=md.querySelector('.status a, .teams a[href*="tran-dau"], a[href*="tran-dau"]');
+    const link=md.querySelector('a[href*="tran-dau"]');
     if(link){
       const href=link.getAttribute('href')||'';
-      const m=href.match(/\/tran-dau\/(\d+)\//);
+      const m=href.match(/\/tran-dau\/(\d+)\/(?:centre|preview)\/(.+)/);
       if(m){
         window._currentEventId=m[1];
-        window._currentMatchUrl=href.startsWith('http')?href:'https://bongda.com.vn'+href;
+        window._currentSlug=m[2];
+      }else{
+        const m2=href.match(/\/tran-dau\/(\d+)/);
+        if(m2)window._currentEventId=m2[1];
       }
     }
   },true);