Restore static/app_v2.js from 0cc342c

static/app_v2.js

@@ -21,22 +21,22 @@ async function loadHome(){
     +'<div class="ai-compose"><div class="ai-compose-title">🤖 AI viết bài</div><div class="ai-compose-row"><input id="topic-input" placeholder="Nhập chủ đề..."><button onclick="searchTopic()">Tìm nguồn</button></div><div class="ai-compose-row"><input id="url-input" placeholder="Dán URL bài viết..."><button class="secondary" onclick="rewriteUrl()">Rewrite</button></div><div id="hot-topics" class="hot-topic-row"></div></div>'
     +'<div id="hashtag-box"></div>'
     +'<div class="ls-section"><div class="ls-header"><h3>⚽ Livescore</h3></div><div class="ls-tabs"><span class="ls-tab active" data-tab="today" onclick="loadLivescore(\'today\')">📅 Hôm nay</span><span class="ls-tab" data-tab="live" onclick="loadLivescore(\'live\')">🔴 Live</span><span class="ls-tab" data-tab="incoming" onclick="loadLivescore(\'incoming\')">⏰ Sắp tới</span><span class="ls-tab" data-tab="results" onclick="loadLivescore(\'results\')">✅ Kết quả</span><span class="ls-tab" data-tab="bxh_nha" onclick="loadLivescore(\'bxh_nha\')">🏆 NHA</span><span class="ls-tab" data-tab="bxh_laliga" onclick="loadLivescore(\'bxh_laliga\')">🏆 La Liga</span></div><div class="ls-content" id="ls-content"><div class="loading">Đang tải...</div></div></div>'
-    
+    +'<div id="wc2026-live-section" class="wc2026-section"><div class="wc-header"><h2>🏆 World Cup 2026</h2><span class="wc-live-badge">● LIVE</span></div><div class="wc-tabs"><span class="wc-tab active" onclick="switchWCTab(\'news\')">📰 Tin tức</span><span class="wc-tab" onclick="switchWCTab(\'fixtures\')">📅 Lịch thi đấu</span><span class="wc-tab" onclick="switchWCTab(\'standings\')">🏆 BXH</span><span class="wc-tab" onclick="switchWCTab(\'highlights\')">🎬 Highlight</span><span class="wc-tab" onclick="switchWCTab(\'shorts\')">📱 Shorts</span><span class="wc-tab" onclick="switchWCTab(\'stats\')">📊 Thống kê</span></div><div class="wc-content" id="wc-content"><div class="loading">Đang tải World Cup 2026...</div></div></div>'
     +'<div id="home-after-wc"></div>';
 
   const afterEl = homeEl.querySelector('#home-after-wc');
 
   loadLivescore('today');
-  if(window.loadHotTopics){window.loadHotTopics();}else{loadHotTopics();}
+  loadHotTopics();
 
-  // Shorts load separately — don't block main render
-  _fetchWithTimeout('/api/shorts', 3000).then(d=>{_shortsData=d||[];_renderShortsIn(afterEl);}).catch(()=>{_shortsData=[];});
-
-  const [featuredData, wallData, hlLeagues, aiData] = await Promise.allSettled([
-    _fetchWithTimeout('/api/livescore/featured', 4000),
-    _fetchWithTimeout('/api/wall', 4000),
-    _fetchWithTimeout('/api/highlights/leagues', 6000),
-    _fetchWithTimeout('/api/genk_ai', 4000),
+  const [featuredData, shortsData, wallData, hlLeagues, aiData, wcData, vtvShortsData] = await Promise.allSettled([
+    _fetchWithTimeout('/api/livescore/featured', 5000),
+    _fetchWithTimeout('/api/shorts', 8000),
+    _fetchWithTimeout('/api/wall', 5000),
+    _fetchWithTimeout('/api/highlights/leagues', 10000),
+    _fetchWithTimeout('/api/genk_ai', 8000),
+    _fetchWithTimeout('/api/wc2026', 8000),
+    _fetchWithTimeout('/api/shorts/vtvnamo?count=50', 12000),
   ]).then(results => results.map(r => r.status === 'fulfilled' ? r.value : null));
 
   if(featuredData && featuredData.home){
@@ -46,15 +46,19 @@ async function loadHome(){
     if(area) area.innerHTML=`<div class="featured-match" onclick="openMatch('${featuredData.event_id}')"><div class="fm-league">${featuredData.league}</div><div class="fm-teams"><div class="fm-team"><img src="${featuredData.home_logo}" onerror="this.style.display='none'"><span>${featuredData.home}</span></div><div class="fm-score">${featuredData.score||'VS'}</div><div class="fm-team"><img src="${featuredData.away_logo}" onerror="this.style.display='none'"><span>${featuredData.away}</span></div></div><div class="fm-status ${sc}">${st}</div></div>`;
   }
 
+  _shortsData = shortsData || [];
   _wallPosts = (wallData && wallData.posts) || [];
   _hlLeagueData = hlLeagues || {};
+  _wc2026Data = wcData;
+  _wcShortsData = vtvShortsData || [];
+
+  if(wcData) switchWCTab('news');
 
+  _renderShortsIn(afterEl);
   _renderWallIn(afterEl);
   _renderHLIn(afterEl);
   if(aiData && aiData.length) _renderSlidesIn('ai-articles','Ứng dụng AI','🤖',aiData,afterEl);
 }
-window.loadHome = loadHome;
-
 
 function _renderSlidesIn(key, label, emoji, vids, afterEl){
   if(!vids||!vids.length||!afterEl) return;
@@ -212,6 +216,7 @@ function prependWallPost(post){
 
 let _shortsData=[];
 let _wallPosts=[];
+let _wcShortsData=[];
 let _currentView='home';
 let _currentEventId=null;
 let _currentMatchUrl=null;
@@ -332,9 +337,4 @@ async function loadCat(id){const el=document.getElementById('view-cat');el.inner
 fetch('/api/storage_status').then(r=>r.json()).then(j=>{if(!j.persistent){const home=document.getElementById('view-home');if(home){const w=document.createElement('div');w.className='storage-warn';w.innerHTML='⚠️ Persistent Storage chưa bật.';home.prepend(w)}}}).catch(()=>{});
 (function(){try{var hash=window.location.hash;if(hash&&hash.length>1){var articleUrl=decodeURIComponent(hash.substring(1));if(articleUrl.startsWith('http')){history.replaceState(null,'',window.location.pathname);setTimeout(function(){if(typeof readArticle==='function')readArticle(articleUrl);},1500);}}}catch(e){}})();
 (function(){try{const pa=localStorage.getItem('pending_article');const pv=localStorage.getItem('pending_video');if(pa){localStorage.removeItem('pending_article');setTimeout(()=>{if(typeof readArticle==='function')readArticle(pa);},1500);}if(pv){localStorage.removeItem('pending_video');try{const v=JSON.parse(pv);if(v&&v.url)setTimeout(()=>{window.open(v.url,'_blank')},1500);}catch(e){}}}catch(e){}})();
-// Auto-call loadHome on first load via window (respects yt_live.js override)
-if(document.readyState==='loading'){
-  document.addEventListener('DOMContentLoaded',function(){if(typeof window.loadHome==='function')window.loadHome();});
-}else{
-  if(typeof window.loadHome==='function')window.loadHome();
-}
+if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',function(){if(typeof loadHome==='function')loadHome();});}else{if(typeof loadHome==='function')loadHome();}