From 782a99ff6371e7b2ed6f827e961dc46650f0b3cb Mon Sep 17 00:00:00 2001
From: cangui <canguijc@gmail.com>
Date: Sat, 21 Jun 2025 20:36:57 +0200
Subject: [PATCH] up

---
 templates/media_detail.pages.tmpl | 82 +++++++++++++------------------
 1 file changed, 35 insertions(+), 47 deletions(-)

diff --git a/templates/media_detail.pages.tmpl b/templates/media_detail.pages.tmpl
index 87b3c11..675c893 100644
--- a/templates/media_detail.pages.tmpl
+++ b/templates/media_detail.pages.tmpl
@@ -1,12 +1,7 @@
 <section class="section">
   <div class="container">
-    <!-- Bouton Retour -->
-    <button class="button is-light js-back-btn mb-4">
-      <span class="icon"><i class="fas fa-arrow-left"></i></span>
-      <span>Retour</span>
-    </button>
-
     <div class="box">
+
       <!-- Bloc détail -->
       <div id="detail-block">
         <div class="columns is-vcentered">
@@ -39,50 +34,43 @@
     </div>
   </div>
 </section>
-
 <script>
-  document.body.addEventListener('click', function(e) {
-    // Retour via historique
-    const backBtn = e.target.closest('.js-back-btn');
-    if (backBtn) {
-      window.history.back();
-      return;
+    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;
+  }
 
-    // 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;
+  // 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');
 
-      detailBlock.style.display = 'none';
-      playerBlock.style.display = 'block';
+    video.pause();
+    video.src = '';
+    playerBlock.style.display = 'none';
+    detailBlock.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>