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

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

diff --git a/templates/media_detail.pages.tmpl b/templates/media_detail.pages.tmpl
index 675c893..87b3c11 100644
--- a/templates/media_detail.pages.tmpl
+++ b/templates/media_detail.pages.tmpl
@@ -1,7 +1,12 @@
 <section class="section">
   <div class="container">
-    <div class="box">
+    <!-- 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">
@@ -34,43 +39,50 @@
     </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é');
+  document.body.addEventListener('click', function(e) {
+    // Retour via historique
+    const backBtn = e.target.closest('.js-back-btn');
+    if (backBtn) {
+      window.history.back();
+      return;
     }
-    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');
+    // 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;
 
-    video.pause();
-    video.src = '';
-    playerBlock.style.display = 'none';
-    detailBlock.style.display = 'block';
-  }
-});
+      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>