From 502cfe0fcc2833078e94fbea87113ecbc1725a4c Mon Sep 17 00:00:00 2001
From: cangui <canguijc@gmail.com>
Date: Sat, 21 Jun 2025 20:12:59 +0200
Subject: [PATCH] up

---
 templates/assets/js/index.js      | 37 ----------------------------
 templates/media_detail.pages.tmpl | 40 +++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+), 37 deletions(-)

diff --git a/templates/assets/js/index.js b/templates/assets/js/index.js
index ac4851d..73e60f9 100644
--- a/templates/assets/js/index.js
+++ b/templates/assets/js/index.js
@@ -86,40 +86,3 @@ document.addEventListener("htmx:afterOnLoad", function (event) {
  // console.log("Réponse du serveur :", event.detail.xhr.responseText);
 });
 
-document.body.addEventListener('click', function(e) {
-  // Play
-  const playBtn = e.target.closest('.js-play-btn');
-  if (playBtn) {
-    const detailBlock = document.getElementById('detail-block');
-    const playerBlock = document.querySelector('.js-player-block');
-    const video = document.getElementById('hls-video');
-    const url = playBtn.dataset.hlsurl;
-
-    detailBlock.style.display = 'none';
-    playerBlock.style.display = 'block';
-
-    if (Hls.isSupported()) {
-      const hls = new Hls();
-      hls.loadSource(url);
-      hls.attachMedia(video);
-    } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
-      video.src = url;
-    } else {
-      console.error('HLS non supporté');
-    }
-    return;
-  }
-
-  // Fermer
-  const closeBtn = e.target.closest('.js-close-btn');
-  if (closeBtn) {
-    const detailBlock = document.getElementById('detail-block');
-    const playerBlock = document.querySelector('.js-player-block');
-    const video = document.getElementById('hls-video');
-
-    video.pause();
-    video.src = '';
-    playerBlock.style.display = 'none';
-    detailBlock.style.display = 'block';
-  }
-});
diff --git a/templates/media_detail.pages.tmpl b/templates/media_detail.pages.tmpl
index 5b252e6..675c893 100644
--- a/templates/media_detail.pages.tmpl
+++ b/templates/media_detail.pages.tmpl
@@ -34,3 +34,43 @@
     </div>
   </div>
 </section>
+<script>
+    document.body.addEventListener('click', function(e) {
+  // Play
+  const playBtn = e.target.closest('.js-play-btn');
+  if (playBtn) {
+    const detailBlock = document.getElementById('detail-block');
+    const playerBlock = document.querySelector('.js-player-block');
+    const video = document.getElementById('hls-video');
+    const url = playBtn.dataset.hlsurl;
+
+    detailBlock.style.display = 'none';
+    playerBlock.style.display = 'block';
+
+    if (Hls.isSupported()) {
+      const hls = new Hls();
+      hls.loadSource(url);
+      hls.attachMedia(video);
+    } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
+      video.src = url;
+    } else {
+      console.error('HLS non supporté');
+    }
+    return;
+  }
+
+  // Fermer
+  const closeBtn = e.target.closest('.js-close-btn');
+  if (closeBtn) {
+    const detailBlock = document.getElementById('detail-block');
+    const playerBlock = document.querySelector('.js-player-block');
+    const video = document.getElementById('hls-video');
+
+    video.pause();
+    video.src = '';
+    playerBlock.style.display = 'none';
+    detailBlock.style.display = 'block';
+  }
+});
+
+</script>