Upload static/index_v2.html

static/index_v2.html

@@ -34,7 +34,40 @@
 <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=2026063004"></script>
-<script src="/static/wall_24h_patch.js"></script>
+<script>
+// Wall AI Fix - Direct render after all scripts load
+(function(){
+  const MAX_AGE_MS=86400000; // 24h
+  function esc(s){return String(s||'').replace(/[&<>"']/g,m=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m]));}
+  function renderWall(posts){
+    const home=document.getElementById('view-home'); if(!home) return;
+    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>`;});
+      h+='</div>'; wrap.innerHTML=h; home.appendChild(wrap);
+    }
+    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>`;});
+    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);
+})();
+</script>
+<script src="/static/shorts_fresh.js?v=2026063005"></script>
 </body>
 </html>