refactor: split monolithic index.php into src/tpl + src/js modules

2026-03-11 23:47:22 +01:00
parent 2b163be684
commit 0be8c34b31
17 changed files with 1526 additions and 1517 deletions
@@ -0,0 +1,134 @@
+
+let channels = [];
+let programs = {};
+let m3uStreams = {}; // slug normalisé → url stream
+let scrollListenerAdded = false; // sync scroll vertical chaînes
+
+function pad(n) { return String(n).padStart(2,'0'); }
+
+function copyUrl(type) {
+  const url = type === 'epg' ? currentEpgUrl : currentM3uUrl;
+  if (!url) return;
+  navigator.clipboard.writeText(url).then(() => {
+    const btns = document.querySelectorAll('.copy-btn');
+    btns.forEach(b => { if (b.textContent.toLowerCase() === type) {
+      b.textContent = '✓ copié';
+      b.classList.add('copied');
+      setTimeout(() => { b.textContent = type.toUpperCase(); b.classList.remove('copied'); }, 1800);
+    }});
+  }).catch(() => {
+    prompt('Copiez cette URL :', url);
+  });
+}
+function fmtTime(d) { return `${pad(d.getHours())}:${pad(d.getMinutes())}`; }
+function fmtTimeFull(d) { return `${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`; }
+function isMobile() { return window.innerWidth <= 600; }
+
+function parseXMLTVDate(str) {
+  if (!str) return null;
+  const m = str.match(/^(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})\s*([+-]\d{4})?/);
+  if (!m) return null;
+  const offset = m[7] ? parseInt(m[7]) : 0;
+  const offsetMs = (Math.floor(Math.abs(offset)/100)*60 + (Math.abs(offset)%100)) * 60000 * (offset<0?-1:1);
+  return new Date(Date.UTC(+m[1],+m[2]-1,+m[3],+m[4],+m[5],+m[6]) - offsetMs);
+}
+
+function updateClock() {
+  const now = new Date();
+  document.getElementById('clock').textContent = fmtTimeFull(now);
+  const days=['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'];
+  const months=['Jan','Fév','Mar','Avr','Mai','Jun','Jul','Aoû','Sep','Oct','Nov','Déc'];
+  document.getElementById('dateLabel').textContent =
+    `${days[now.getDay()]} ${now.getDate()} ${months[now.getMonth()]} ${now.getFullYear()}`;
+}
+setInterval(updateClock, 1000);
+updateClock();
+
+async function fetchXML(url) {
+  const res = await fetch(url);
+  if (!res.ok) throw new Error(`HTTP ${res.status}`);
+  return new DOMParser().parseFromString(await res.text(), 'text/xml');
+}
+
+async function loadEPG(url) {
+  document.getElementById('loading').style.display = 'flex';
+  document.getElementById('errorMsg').style.display = 'none';
+  try {
+    let doc;
+    try { doc = await fetchXML(url); }
+    catch(e) { doc = await fetchXML(CORS_PROXY + encodeURIComponent(url)); }
+    parseAndRender(doc);
+    document.getElementById('loading').style.display = 'none';
+  } catch(e) {
+    document.getElementById('loading').style.display = 'none';
+    document.getElementById('errorMsg').style.display = 'flex';
+    document.getElementById('errorDetail').textContent = `Erreur: ${e.message}`;
+    document.getElementById('epgInput').value = url;
+  }
+}
+
+function loadFromInput() {
+  const url = document.getElementById('epgInput').value.trim();
+  if (url) loadEPG(url);
+}
+
+function parseEpisode(p) {
+  // Format xmltv_ns : "S.E.part" (0-indexed) ex: "0.2.0/1" = S01E03
+  const ns = p.querySelector('episode-num[system="xmltv_ns"]')?.textContent;
+  if (ns) {
+    const parts = ns.split('.');
+    const s = parts[0] !== undefined && parts[0].trim() !== '' ? parseInt(parts[0].trim()) + 1 : null;
+    const ePart = parts[1] !== undefined ? parts[1].trim().split('/')[0] : '';
+    const e = ePart !== '' ? parseInt(ePart) + 1 : null;
+    if (s !== null || e !== null) return { season: s, episode: e };
+  }
+  // Format onscreen : "S01E03" ou "s1e3"
+  const os = p.querySelector('episode-num[system="onscreen"]')?.textContent;
+  if (os) {
+    const m = os.match(/[Ss](\d+)[Ee](\d+)/);
+    if (m) return { season: parseInt(m[1]), episode: parseInt(m[2]) };
+    const m2 = os.match(/[Ee][Pp]?\s*(\d+)/i);
+    if (m2) return { season: null, episode: parseInt(m2[1]) };
+  }
+  return { season: null, episode: null };
+}
+
+function fmtEpisode(season, episode) {
+  if (season !== null && episode !== null) return `S${String(season).padStart(2,'0')}E${String(episode).padStart(2,'0')}`;
+  if (episode !== null) return `E${String(episode).padStart(2,'0')}`;
+  return null;
+}
+
+function parseAndRender(doc) {
+  channels = []; programs = {};
+  doc.querySelectorAll('channel').forEach(ch => {
+    const id = ch.getAttribute('id');
+    const name = ch.querySelector('display-name')?.textContent || id;
+    const icon = ch.querySelector('icon')?.getAttribute('src') || null;
+    const num = parseInt(name.match(/^(\d+)/)?.[1] ?? '9999');
+    channels.push({ id, name, icon, num });
+    programs[id] = [];
+  });
+  channels.sort((a,b) => a.num - b.num);
+
+  doc.querySelectorAll('programme').forEach(p => {
+    const chId = p.getAttribute('channel');
+    if (!programs[chId]) programs[chId] = [];
+    const start = parseXMLTVDate(p.getAttribute('start'));
+    const stop  = parseXMLTVDate(p.getAttribute('stop'));
+    const title = p.querySelector('title')?.textContent || '';
+    const desc  = p.querySelector('desc')?.textContent  || '';
+    const epInfo = parseEpisode(p);
+    if (start && stop) programs[chId].push({ start, stop, title, desc, ...epInfo });
+  });
+  Object.keys(programs).forEach(id => programs[id].sort((a,b) => a.start - b.start));
+
+  renderAll();
+  startLiveUpdates();
+}
+
+function renderAll() {
+  if (isMobile()) { renderMobile(); }
+  else { renderGrid(); setTimeout(centerNow, 150); }
+}
+