RESTORE 2ced164: Revert to multi-file JS (pre-merge)

static/yt_live.js

@@ -296,11 +296,6 @@
     } catch(e){ alert('Không hỗ trợ PiP'); }
   };
 
-
-
-  // MyTV section loaded separately
-
-
   function pinBlock(){
     const h = document.getElementById('view-home');
     if(!h||document.getElementById('vtv-block')) return;
@@ -408,123 +403,15 @@
     };
   }
 
-
-  // ===== MyTV Highlights Section =====
-  let _mytvInserted = false;
-  
-  function buildMyTVBlock(){
-    const w = document.createElement('div');
-    w.className = 'vtv-wrap';
-    w.id = 'mytv-block';
-    w.style.borderColor = '#e85d04';
-    w.innerHTML =
-      '<div class="vtv-head" style="background:linear-gradient(90deg,#4a1a00,#1a1a1a)">' +
-        '<span class="vtv-title" style="color:#f0c040">🎬 MyTV Highlights & Full Trận</span>' +
-        '<span class="vtv-badge" style="color:#f0c040">● NEW</span>' +
-      '</div>' +
-      '<div id="mytv-grid" style="display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;">' +
-        '<div class="vtv-err" style="grid-column:1/-1;flex-direction:row;gap:8px;padding:12px">' +
-          '<div class="vtv-spinner" style="width:16px;height:16px;border-width:2px"></div> Đang tải video MyTV...' +
-        '</div>' +
-      '</div>';
-    return w;
-  }
-  
-  async function loadMyTVVideos(){
-    const grid = document.getElementById('mytv-grid');
-    if(!grid) return;
-    try{
-      const r = await fetch('/api/mytv/videos?limit=10', {signal: AbortSignal.timeout(15000)});
-      const videos = await r.json();
-      if(!videos || !videos.length){
-        grid.innerHTML = '<div class="vtv-err" style="grid-column:1/-1">Chưa có video MyTV</div>';
-        return;
-      }
-      let h = '';
-      videos.forEach((v, i)=>{
-        const title = esc(v.title || 'Video');
-        const url = v.url || '';
-        const type = v.type === 'full_match' ? 'FULL' : 'HL';
-        const typeColor = v.type === 'full_match' ? '#5cb87a' : '#f0c040';
-        h += '<div class="mytv-item" onclick="window._playMyTVVideo(\''+esc(url)+'\',\''+esc(title)+'\')" style="background:#1a1a1a;border:1px solid #333;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;" onmouseover="this.style.borderColor=\'#e85d04\'" onmouseout="this.style.borderColor=\'#333\'">' +
-          '<div style="position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#1a2a1f,#0d1117);display:flex;align-items:center;justify-content:center;">' +
-            '<span style="font-size:28px;">⚽</span>' +
-            '<div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity .2s;" class="mytv-play-overlay">' +
-              '<span style="font-size:32px;">▶</span>' +
-            '</div>' +
-            '<span style="position:absolute;top:4px;right:4px;font-size:8px;font-weight:700;color:'+typeColor+';background:rgba(0,0,0,.7);padding:2px 6px;border-radius:3px;">'+type+'</span>' +
-          '</div>' +
-          '<div style="padding:6px 8px;">' +
-            '<div style="font-size:11px;font-weight:700;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">'+title+'</div>' +
-            '<div style="font-size:9px;color:#888;margin-top:2px;">MyTV.com.vn</div>' +
-          '</div>' +
-        '</div>';
-      });
-      grid.innerHTML = h;
-    }catch(e){
-      grid.innerHTML = '<div class="vtv-err" style="grid-column:1/-1">Không tải được video MyTV</div>';
-    }
-  }
-  
-  function injectMyTVBlock(){
-    if(_mytvInserted) return;
-    const vtvBlock = document.getElementById('vtv-block');
-    if(!vtvBlock) return;
-    if(document.getElementById('mytv-block')){ _mytvInserted = true; return; }
-    const mytv = buildMyTVBlock();
-    vtvBlock.insertAdjacentElement('afterend', mytv);
-    _mytvInserted = true;
-    loadMyTVVideos().catch(()=>{});
-  }
-  
-  window._playMyTVVideo = function(url, title){
-    const overlay = document.getElementById('match-overlay');
-    const body = document.getElementById('mo-body');
-    const moTitle = document.getElementById('mo-title');
-    if(!overlay || !body) return;
-    moTitle.textContent = title || 'Video MyTV';
-    overlay.classList.add('active');
-    document.body.style.overflow = 'hidden';
-    body.innerHTML = '<div class="vtv-err" style="display:flex"><div class="vtv-spinner"></div><span style="margin-left:8px">Đang tải video MyTV...</span></div>';
-    
-    fetch('/api/video_url?url='+encodeURIComponent(url))
-      .then(r => r.json())
-      .then(v => {
-        if(v && v.src){
-          const isHLS = v.type === 'hls' || v.src.includes('.m3u8');
-          body.innerHTML = '<div style="position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;">' +
-            '<video id="mytv-video-player" playsinline controls autoplay style="width:100%;height:100%;object-fit:contain;" src="'+v.src+'"></video>' +
-            '</div>' +
-            '<div style="margin-top:8px;font-size:12px;color:#888;">Nguồn: MyTV.com.vn</div>';
-          if(typeof Hls !== 'undefined' && Hls.isSupported()){
-            const video = document.getElementById('mytv-video-player');
-            if(video){ const hls = new Hls(); hls.loadSource(v.src); hls.attachMedia(video); }
-          }
-        } else {
-          body.innerHTML = '<div class="vtv-err" style="display:flex"><span>Không tìm thấy video. </span><a href="'+esc(url)+'" target="_blank" style="color:#5cb87a;margin-left:4px;">Mở trực tiếp trên MyTV →</a></div>';
-        }
-      })
-      .catch(e => {
-        body.innerHTML = '<div class="vtv-err" style="display:flex"><span>Lỗi tải video. </span><a href="'+esc(url)+'" target="_blank" style="color:#5cb87a;margin-left:4px;">Mở trực tiếp trên MyTV →</a></div>';
-      });
-  };
-
   // Override loadHome to inject VTV block
   const _origLoadHome = window.loadHome;
   if(_origLoadHome && !_origLoadHome.__vtvWrapped){
     window.loadHome = async function(){
-      // Skip if already loaded (guard against double-wrap)
-      if(window._homeLoaded) return;
       const old = document.getElementById('vtv-block');
       if(old) old.remove();
       _blockInserted = false;
       const r = await _origLoadHome.apply(this, arguments);
-      try{ 
-        pinBlock(); 
-        // Inject MyTV section after VTV block
-        setTimeout(()=>{ try{ injectMyTVBlock(); }catch(e){ console.warn('MyTV inject error:', e); } }, 500);
-        setTimeout(()=>{ try{ injectMyTVBlock(); }catch(e){} }, 2000);
-      }catch(e){ console.warn('VTV pinBlock error:', e); }
+      try{ pinBlock(); }catch(e){}
       return r;
     };
     window.loadHome.__vtvWrapped = true;