Restore app_v2.js from e77a637 - full e77a637 version

static/app_v2.js

@@ -21,22 +21,18 @@ 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(\'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>';
+    +'<div id="home-content"></div>';
 
-  const afterEl = homeEl.querySelector('#home-after-wc');
+  const afterEl = homeEl.querySelector('#home-content');
 
   loadLivescore('today');
   loadHotTopics();
 
-  const [featuredData, shortsData, wallData, hlLeagues, aiData, wcData, vtvShortsData] = await Promise.allSettled([
+  const [featuredData, wallData, hlLeagues, aiData] = 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 +42,9 @@ 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);
@@ -78,24 +68,6 @@ function _renderSlidesIn(key, label, emoji, vids, afterEl){
   afterEl.parentNode.insertBefore(wrap, afterEl);
 }
 
-function _renderShortsIn(afterEl){
-  if(!_shortsData||!_shortsData.length||!afterEl) return;
-  const mixed=interleaveShorts(_shortsData);
-  if(!mixed.length) return;
-  const wrap=document.createElement('div');
-  wrap.className='slider-wrap';
-  let h=`<div class="slider-header"><span class="slider-label">📱 Shorts Dân trí · SKĐS · VTV Nam Bộ</span><span class="slider-note">Mới nhất · xen kẽ · cập nhật thời gian thực</span></div><div class="slider-track">`;
-  mixed.slice(0,36).forEach((a,i)=>{
-    let badge, badgeColor;
-    if(a.channel==='baosuckhoedoisongboyte'){ badge='SKĐS'; badgeColor='#e67e22'; }
-    else if(a.channel==='vtvnambo'){ badge='VTV Nam Bộ'; badgeColor='#0b6bcb'; }
-    else { badge='Dân trí'; badgeColor='#27ae60'; }
-    h+=`<div class="slider-item shorts-item" onclick="openYTShortsFeed(${i})"><div class="slider-thumb shorts-thumb">${a.img?`<img src="${a.img}" loading="lazy">`:''}<div class="card-play">▶</div><span class="shorts-badge" style="background:${badgeColor}">${badge}</span></div><div class="slider-title">${esc(a.title)}</div></div>`;
-  });
-  h+='</div>';wrap.innerHTML=h;
-  afterEl.parentNode.insertBefore(wrap,afterEl);
-}
-
 function _renderWallIn(afterEl){
   if(!_wallPosts||!_wallPosts.length||!afterEl) return;
   const posts=_wallPosts;
@@ -205,7 +177,7 @@ function prependWallPost(post){
   div.className='wall-item wall-item-new';
   div.id='wall-item-'+(post.id||'new-'+Date.now());
   const hasVideo = post.video && post.video.length > 0;
-  const thumbContent = post.img ? `<img src="${esc(post.img)}" loading="lazy" onerror="this.style.display='none'">` : (hasVideo ? `<video src="${esc(post.video)}" muted></video>` : '');
+  const thumbContent = post.img ? `<img src="${esc(post.img)}" loading="lazy" onerror="this.style.display='none'">` : (hasVideo ? `<video src="${esc(p.video)}" muted></video>` : '');
   const videoBadge = hasVideo ? `<div class="wall-video-badge">🎬</div>` : '';
   const videoBtn = hasVideo ? `<button class="wall-btn-video" onclick="event.stopPropagation();openShortAIFeed(0)">▶ Xem Short</button>` : `<button class="wall-btn-make" onclick="event.stopPropagation();makeShortVideo('${esc(post.id)}',this)">🎬 Tạo Video</button>`;
   div.innerHTML=`<div class="wall-thumb">${thumbContent}${videoBadge}</div><div class="wall-title">${esc(post.title)}</div><div class="wall-text">${esc((post.text||'').slice(0,180))}</div><div class="wall-actions"><button class="primary" onclick="readWallPost(0)">Xem</button>${videoBtn}</div>`;
@@ -214,26 +186,10 @@ function prependWallPost(post){
   if(hasVideo) refreshShortAISlider();
 }
 
-let _shortsData=[];
 let _wallPosts=[];
-let _wcShortsData=[];
 let _currentView='home';
 let _currentEventId=null;
 let _currentMatchUrl=null;
-function interleaveShorts(shorts){
-  const dt=shorts.filter(s=>s.channel==='baodantri7941');
-  const sk=shorts.filter(s=>s.channel==='baosuckhoedoisongboyte');
-  const vt=shorts.filter(s=>s.channel==='vtvnambo');
-  const result=[];
-  let i=0,j=0,k=0;
-  const maxLen=Math.max(dt.length, sk.length, vt.length);
-  for(let x=0;x<maxLen;x++){
-    if(x<dt.length)result.push(dt[x]);
-    if(x<sk.length)result.push(sk[x]);
-    if(x<vt.length)result.push(vt[x]);
-  }
-  return result;
-}
 let _htPage=0,_htTopic='';
 async function loadHotTopics(){const j=await fetch('/api/hot_topics').then(r=>r.json()).catch(()=>({topics:[]}));const el=document.getElementById('hot-topics');if(!el)return;el.innerHTML=(j.topics||[]).slice(0,18).map(t=>{const topicText=t.topic||t.label.replace(/^#/,'');return`<button class="hot-chip" onclick="searchTopic('${topicText.replace(/'/g,"\\'")}')">${esc(t.label)}</button>`;}).join('');if(j.topics&&j.topics[0]){const firstTopic=j.topics[0].topic||j.topics[0].label.replace(/^#/,'');setTimeout(()=>searchTopic(firstTopic),800);}}
 function searchTopic(topic){if(!topic){topic=document.getElementById('topic-input')?.value.trim();if(!topic){alert('Nhập chủ đề');return;}}document.getElementById('topic-input').value='';_htTopic=topic;_htPage=0;showHashtagSources(topic,0);}
@@ -293,7 +249,7 @@ async function openYTShortsFeed(startIdx){
     const vtag=`<iframe data-yt-src="${src}" allowfullscreen allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture"></iframe>`;
     let badge,badgeClass;
     if(v.channel==='baosuckhoedoisongboyte'){badge='SKĐS';badgeClass='badge-fpt';}
-    else if(v.channel==='vtvnambo'){badge='VTV Nam Bộ';badgeClass='badge-wc';}
+    else if(v.channel==='vtvnambo'){badge='VTV Nam Bộ';badgeClass='badge-dantri';}
     else{badge='Dân trí';badgeClass='badge-vne';}
     const videoId='yt-'+id;
     h+=buildTikTokSlide({vtag,title:v.title,badge,badgeClass,videoId,idx:i,total:ordered.length,shareUrl:'https://youtube.com/shorts/'+id});
@@ -303,7 +259,47 @@ async function openYTShortsFeed(startIdx){
   initTikTokFeed();
 }
 async function openShortAIFeed(startIdx){showView('view-tiktok');const el=document.getElementById('view-tiktok');el.innerHTML='<div class="loading">Đang tải...</div>';const wall=(await fetch('/api/wall').then(r=>r.json()).catch(()=>({posts:[]}))).posts||[];const vids=wall.filter(p=>p.video);if(!vids.length){el.innerHTML='<div class="loading">Chưa có Short AI</div>';return}const ordered=startIdx>0?[...vids.slice(startIdx),...vids.slice(0,startIdx)]:vids;let h=`<button class="back-btn" onclick="switchCat('home')">← Short AI</button><div class="tiktok-container"><div class="tiktok-feed" id="tiktok-feed">`;ordered.forEach((p,i)=>{const vtag=`<video src="${p.video}" playsinline loop controls></video>`;const videoId='ai-'+(p.id||i);h+=buildTikTokSlide({vtag,title:p.title,badge:'AI',badgeClass:'badge-ai',videoId,idx:i,total:ordered.length,shareUrl:SPACE});});h+='</div></div>';el.innerHTML=h;initTikTokFeed();}
-async function readArticle(url){showView('view-article');const el=document.getElementById('view-article');el.innerHTML='<div class="loading">Đang tải...</div>';try{const r=await fetch('/api/article?url='+encodeURIComponent(url));const data=await r.json();if(data&&!data.error&&data.body&&data.body.length){_currentArticle={url,data};let h=`<button class="back-btn" onclick="switchCat('home')">← Quay lại</button><div class="article-view"><h1 class="article-title">${esc(data.title)}</h1>`;if(data.summary)h+=`<div class="article-summary">${esc(data.summary)}</div>`;const seen={};data.body.forEach(b=>{if(b.type==='p')h+=`<p class="article-p">${b.text}</p>`;else if(b.type==='img'&&b.src&&!seen[b.src]){seen[b.src]=1;h+=`<img class="article-img" src="${esc(b.src)}" onerror="this.style.display='none'">`}else if(b.type==='heading')h+=`<h2 class="article-h2">${esc(b.text)}</h2>`});h+=`<div class="article-actions"><button class="primary" onclick="rewriteArticle()">🤖 Rewrite AI đăng tường</button><button onclick="doShare('${esc(data.title)}','${esc(url)}','${esc(data.og_image||'')}')">📤</button><button onclick="window.open('${esc(url)}','_blank')">🔗 Gốc</button></div><div class="article-ai-ask"><h3 style="font-size:14px;color:#5cb87a">🤖 Hỏi AI</h3><textarea id="ask-q" placeholder="Hỏi về bài viết..."></textarea><button onclick="askAI()">Hỏi</button><div id="ask-a" class="article-ai-answer"></div></div></div>`;el.innerHTML=h;window.scrollTo(0,0);return;}}catch(e){}el.innerHTML=`<button class="back-btn" onclick="switchCat('home')">← Quay lại</button><div class="loading"><p>Không đọc được.</p><a href="${esc(url)}" target="_blank" style="color:#5cb87a">Mở gốc →</a></div>`;}
+async function readArticle(url){
+  showView('view-article');
+  const el=document.getElementById('view-article');
+  el.innerHTML='<div class="loading">Đang tải...</div>';
+  try{const cached=localStorage.getItem('article_'+url);if(cached){const parsed=JSON.parse(cached);if(parsed&&parsed.body&&parsed.body.length){_currentArticle={url,data:parsed};_renderArticle(el,parsed,url);return}}}catch(e){}
+  try{
+    const ctrl=new AbortController();
+    const tid=setTimeout(()=>ctrl.abort(),15000);
+    const r=await fetch('/api/article?url='+encodeURIComponent(url),{signal:ctrl.signal});
+    clearTimeout(tid);
+    const data=await r.json();
+    if(data&&!data.error&&data.body&&data.body.length){
+      _currentArticle={url,data};
+      try{localStorage.setItem('article_'+url,JSON.stringify(data))}catch(e){}
+      _renderArticle(el,data,url);
+      return;
+    }
+  }catch(e){}
+  el.innerHTML=`<button class="back-btn" onclick="switchCat('home')">← Quay lại</button><div class="loading"><p>Không đọc được.</p><button class="primary" onclick="window.open('${esc(url)}','_blank')" style="margin-top:8px">📖 Mở bài gốc</button></div>`;
+}
+function _renderArticle(el,data,url){
+  let h=`<button class="back-btn" onclick="switchCat('home')">← Quay lại</button><div class="article-view"><h1 class="article-title">${esc(data.title)}</h1>`;
+  if(data.summary)h+=`<div class="article-summary">${esc(data.summary)}</div>`;
+  const seen={};
+  data.body.forEach(b=>{
+    if(b.type==='p')h+=`<p class="article-p">${b.text}</p>`;
+    else if(b.type==='img'&&b.src&&!seen[b.src]){seen[b.src]=1;h+=`<img class="article-img" src="${esc(b.src)}" onerror="this.style.display='none'">`}
+    else if(b.type==='heading')h+=`<h2 class="article-h2">${esc(b.text)}</h2>`;
+  });
+  if(data.fallback){
+    h+=`<div style="background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:12px;margin:12px 0;font-size:13px;color:#856404">📰 <strong>Nội dung tóm tắt</strong> — Trang nguồn giới hạn truy cập. <a href="${esc(url)}" target="_blank" style="color:#856404;text-decoration:underline">Đọc bài đầy đủ →</a></div>`;
+  }
+  h+=`<div class="article-actions">`;
+  h+=`<button class="primary" onclick="window.open('${esc(url)}','_blank')">📖 Đọc bài gốc</button>`;
+  h+=`<button onclick="rewriteArticle()">🤖 Rewrite AI</button>`;
+  h+=`<button onclick="doShare('${esc(data.title)}','${esc(url)}','${esc(data.og_image||'')}')">📤</button>`;
+  h+=`</div>`;
+  h+=`<div class="article-ai-ask"><h3 style="font-size:14px;color:#5cb87a">🤖 Hỏi AI</h3><textarea id="ask-q" placeholder="Hỏi về bài viết..."></textarea><button onclick="askAI()">Hỏi</button><div id="ask-a" class="article-ai-answer"></div></div></div>`;
+  el.innerHTML=h;
+  window.scrollTo(0,0);
+}
 async function rewriteArticle(){const url=_currentArticle?.url;if(!url)return;toast('⏳ Đang rewrite...');try{const r=await fetch('/api/rewrite_share',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({url,context:document.querySelector('.article-view')?.innerText?.slice(0,14000)||''})});const j=await r.json();if(!r.ok||j.error)throw new Error(j.error);toast('✅ Đã đăng Tường AI!');if(j.post)prependWallPost(j.post);}catch(e){toast('❌ '+e.message)}}
 async function rewriteUrl(){const url=document.getElementById('url-input')?.value.trim();if(!url)return alert('Dán URL');toast('⏳ Đang rewrite...');try{const r=await fetch('/api/url_wall',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({url})});const j=await r.json();if(!r.ok||j.error)throw new Error(j.error);toast('✅ Đã đăng!');document.getElementById('url-input').value='';if(j.post)prependWallPost(j.post);}catch(e){toast('❌ '+e.message)}}
 async function askAI(){const q=document.getElementById('ask-q')?.value.trim();if(!q)return alert('Nhập câu hỏi');const a=document.getElementById('ask-a');a.textContent='Đang hỏi...';try{const r=await fetch('/api/article/ask',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({url:_currentArticle?.url||'',question:q,context:document.querySelector('.article-view')?.innerText?.slice(0,12000)||''})});const j=await r.json();a.textContent=j.answer||'Không trả lời được';}catch(e){a.textContent='Lỗi: '+e.message}}
@@ -335,6 +331,6 @@ async function readWallPost(i){const p=_wallPosts[i];if(!p)return;showView('view
 async function loadNewsTab(){const el=document.getElementById('view-cat');el.innerHTML='<div class="loading">Đang tải...</div>';try{const r=await fetch('/api/homepage');const news=await r.json();if(!news.length){el.innerHTML='<div class="loading">Không có tin</div>';return}const groups={};news.forEach(a=>{if(!groups[a.group])groups[a.group]=[];groups[a.group].push(a)});let h='';for(const[g,arts]of Object.entries(groups)){h+=`<div class="section-title">${g}</div><div class="grid">`;arts.slice(0,6).forEach(a=>{h+=`<div class="card" onclick="readArticle('${esc(a.link)}')"><div class="card-img">${a.img?`<img src="${a.img}" loading="lazy">`:''}</div><div class="card-body"><span class="badge badge-vne">${esc(a.source||'VnE')}</span><div class="card-title">${esc(a.title)}</div></div></div>`});h+='</div>'}el.innerHTML=h}catch(e){el.innerHTML='<div class="loading">Lỗi</div>'}}
 async function loadCat(id){const el=document.getElementById('view-cat');el.innerHTML='<div class="loading">Đang tải...</div>';const arts=await fetch('/api/category/'+id).then(r=>r.json()).catch(()=>[]);if(!arts.length){el.innerHTML='<div class="loading">Không có tin</div>';return}let h='<div class="grid">';arts.forEach(a=>{h+=`<div class="card" onclick="readArticle('${esc(a.link)}')"><div class="card-img">${a.img?`<img src="${a.img}" loading="lazy">`:''}</div><div class="card-body"><span class="badge badge-vne">${esc(a.source||'')}</span><div class="card-title">${esc(a.title)}</div></div></div>`});h+='</div>';el.innerHTML=h}
 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){}})();
+(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);if(typeof readArticle==='function')readArticle(articleUrl);}}}catch(e){}})();
+(function(){try{const pa=localStorage.getItem('pending_article');const pv=localStorage.getItem('pending_video');if(pa){localStorage.removeItem('pending_article');if(typeof readArticle==='function')readArticle(pa);}if(pv){localStorage.removeItem('pending_video');try{const v=JSON.parse(pv);if(v&&v.url)window.open(v.url,'_blank');}catch(e){}}}catch(e){}})();
 if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',function(){if(typeof loadHome==='function')loadHome();});}else{if(typeof loadHome==='function')loadHome();}