From 8c1c0d47c31e8fe840208993fa9a3ddc43099881 Mon Sep 17 00:00:00 2001
From: Carlos Galindo <git@cgj.es>
Date: Fri, 23 Jan 2026 19:42:01 +0100
Subject: [PATCH] change checkbox to radio buttons and simplify handling

---
 res/templates/preparar-misa.html | 36 +++++++++++---------------------
 1 file changed, 12 insertions(+), 24 deletions(-)

diff --git a/res/templates/preparar-misa.html b/res/templates/preparar-misa.html
index e65a2ce..312de05 100644
--- a/res/templates/preparar-misa.html
+++ b/res/templates/preparar-misa.html
@@ -46,8 +46,8 @@ span.songSelector {
         <input type="button" onclick="shareList(event)" value="compartirla">.</p>
     <p>Si prefieres crear un PDF, <a href="https://cgj.es/cancionero-generador/">pulsa aquí</a>.</p>
     <p>
-        <label class="forCheckbox"><input class="init" id="controlsCheckbox" type="checkbox" onchange="toggleControls(event)" checked> Modificar la lista</label>
-        <label class="forCheckbox"><input class="init" id="previewCheckbox"  type="checkbox" onchange="togglePreview(event)"> Ver las canciones</label>
+        <label class="forCheckbox"><input class="init" id="controlsCheckbox" type="radio" name="mode" onchange="toggleControls(event)" checked> Modificar la lista</label>
+        <label class="forCheckbox"><input class="init" id="previewCheckbox"  type="radio" name="mode" onchange="togglePreview(event)"> Ver las canciones</label>
         <label class="forCheckbox"><input id="showChords" type="checkbox" checked onchange="showChords(this.checked)"/> Mostrar acordes</label>
     </p>
     <p class="controls mainButtons">
@@ -197,32 +197,20 @@ function getSongList() {
 }
 
 function toggleControls(event) {
-    if (event.target.checked) {
-        document.body.classList.remove("hideControls");
-    } else {
-        if (getSongList().length == 0) {
-            event.target.checked = true;
-        } else {
-            document.body.classList.add("hideControls");
-            let preview = document.getElementById('previewCheckbox');
-            if (!preview.checked) {
-                preview.checked = true;
-                preview.dispatchEvent(new Event("change"));
-            }
-        }
-    }
+    toggleMode(event.target.checked);
 }
 
 function togglePreview(event) {
-    if (event.target.checked) {
-        document.body.classList.remove("hidePreview");
-    } else {
+    toggleMode(!event.target.checked);
+}
+
+function toggleMode(controls) {
+    if (controls) {
+        document.body.classList.remove("hideControls");
         document.body.classList.add("hidePreview");
-        let controls = document.getElementById('controlsCheckbox');
-        if (!controls.checked) {
-            controls.checked = true;
-            controls.dispatchEvent(new Event("change"));
-        }
+    } else {
+        document.body.classList.add("hideControls");
+        document.body.classList.remove("hidePreview");
     }
 }