Upload static/index_v2.html

static/index_v2.html

@@ -34,40 +34,48 @@
 <script src="/static/live_mode.js"></script>
 <script src="/static/match_detail_v6.js"></script>
 <script>init();</script>
+<script src="/static/shorts_fresh.js?v=2026063005"></script>
 <script>
-// Wall AI Fix - Direct render after all scripts load
+// Wall AI Fix - Chờ loadHome xong, xóa wall cũ, render mới
 (function(){
   const MAX_AGE_MS=86400000; // 24h
-  function esc(s){return String(s||'').replace(/[&<>"']/g,m=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m]));}
+  function filter24h(posts){
+    const now=Date.now();
+    return posts.filter(p=>{
+      const created=p.created||0;
+      const ts=created>1000000000000?created:created*1000;
+      return (now-ts)<=MAX_AGE_MS;
+    });
+  }
   function renderWall(posts){
     const home=document.getElementById('view-home'); if(!home) return;
+    // Xóa slides cũ
+    document.getElementById('short-ai-section')?.remove();
+    document.getElementById('ai-wall-wrap')?.remove();
+    // Short AI
     const aiShorts=posts.filter(p=>p.video);
     if(aiShorts.length){
       const wrap=document.createElement('div'); wrap.className='slider-wrap'; wrap.id='short-ai-section';
       let h='<div class="slider-header"><span class="slider-label">🎬 Short AI (24h)</span></div><div class="slider-track">';
-      aiShorts.slice(0,20).forEach((p,i)=>{h+=`<div class="slider-item shorts-item" onclick="openShortAIFeed(${i})"><div class="slider-thumb shorts-thumb"><video src="${p.video}" muted preload="metadata"></video><div class="card-play">▶</div></div><div class="slider-title">${esc(p.title)}</div></div>`;});
+      aiShorts.forEach((p,i)=>{h+=`<div class="slider-item shorts-item" onclick="openShortAIFeed(${i})"><div class="slider-thumb shorts-thumb"><video src="${p.video}" muted preload="metadata"></video><div class="card-play">▶</div></div><div class="slider-title">${esc(p.title)}</div></div>`;});
       h+='</div>'; wrap.innerHTML=h; home.appendChild(wrap);
     }
+    // Tường AI
     const wrap2=document.createElement('div'); wrap2.className='slider-wrap'; wrap2.id='ai-wall-wrap';
     let h2='<div class="slider-header"><span class="slider-label">🧱 Tường AI (24h)</span></div><div class="slider-track" id="ai-wall-track">';
-    posts.slice(0,30).forEach((p,i)=>{h2+=`<div class="wall-item" id="wall-item-${p.id}"><div class="wall-thumb">${p.img?`<img src="${p.img}">`:(p.video?`<video src="${p.video}" muted></video>`:'')}</div><div class="wall-title">${esc(p.title)}</div></div>`;});
+    posts.forEach((p,i)=>{h2+=`<div class="wall-item" id="wall-item-${p.id}"><div class="wall-thumb">${p.img?`<img src="${p.img}">`:(p.video?`<video src="${p.video}" muted></video>`:'')}</div><div class="wall-title">${esc(p.title)}</div></div>`;});
     h2+='</div>'; wrap2.innerHTML=h2; home.appendChild(wrap2);
-    console.log('[Wall] Rendered '+posts.length+' posts');
   }
-  async function load(){
-    try{
-      let posts=window._wallPosts||[];
-      if(!posts.length){
-        const r=await fetch('/api/wall/24h?t='+Date.now());
-        const j=await r.json(); posts=j.posts||[];
-      }
-      if(posts.length) renderWall(posts);
-    }catch(e){console.log('[Wall] Error',e);}
-  }
-  // Chờ loadHome hoàn thành
-  let tries=0; const int=setInterval(()=>{if(window._wallPosts||tries>30) load(); tries++; if(tries>30) clearInterval(int);},2000);
+  // Chờ loadHome xong (khoảng 3-5s)
+  setTimeout(()=>{
+    if(window._wallPosts && window._wallPosts.length>0){
+      const filtered=filter24h(window._wallPosts);
+      if(filtered.length>0){
+        renderWall(filtered);
+        console.log('[Wall] Rendered '+filtered.length+' 24h posts');
+      }}}
+  ,5000);
 })();
 </script>
-<script src="/static/shorts_fresh.js?v=2026063005"></script>
 </body>
 </html>