From e1f64ee86156445075b3db9970447765979048e4 Mon Sep 17 00:00:00 2001
From: DAVIDB <david.berberia@imqnavarra.com>
Date: Wed, 17 Sep 2025 08:34:33 +0200
Subject: [PATCH] =?UTF-8?q?Fix=20Error:=20Solvento=20el=20error=20de=20car?=
 =?UTF-8?q?ga=20de=20una=20segunda=20tabla=20y=20a=C3=B1ado=20un=20log=20p?=
 =?UTF-8?q?ara=20ver=20posibles=20errores=20con=20el=20audio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example.env          |  8 ++++----
 static/js/scripts.js | 31 ++++++++++++++-----------------
 templates/index.html |  2 +-
 3 files changed, 19 insertions(+), 22 deletions(-)

diff --git a/example.env b/example.env
index b51feaa..79fa11f 100644
--- a/example.env
+++ b/example.env
@@ -1,4 +1,4 @@
-IPSERVER = 192.168.82.156
+IPSERVER=192.168.82.156
 PORT=5000
 ORA_DIRECTORY="C:/oracle/product/11.2.0.4"
 DB_USER=CSMKIOSCOS
@@ -8,7 +8,7 @@ DB_PORT=1521
 DB_SID=REALRAC1
 MODE="1"
 THEME="csm"
-MONITOR_ID_1=1
-MONITOR_ID_2=2
+MONITOR_ID_1=0
+MONITOR_ID_2=0
 IS_QUIRO_1=0
-IS_QUIRO_2=1
\ No newline at end of file
+IS_QUIRO_2=0 
\ No newline at end of file
diff --git a/static/js/scripts.js b/static/js/scripts.js
index c34cbe7..7dca3c5 100644
--- a/static/js/scripts.js
+++ b/static/js/scripts.js
@@ -1,13 +1,17 @@
 const sonido = new Audio("/static/media/0457.wav");
-const estadoAnterior = {};
+sonido.preload = "auto";
 
+const estadoAnterior = {};
 let ultimoFooter = "";
 
 function cargarTabla(endpoint, tablaId, esQuiro) {
+    const tbody = document.getElementById(tablaId);
+    if (!tbody) return;
+
     fetch(endpoint)
         .then(res => res.json())
         .then(filas => {
-            const tbody = document.getElementById(tablaId);
+
             tbody.innerHTML = "";
 
             let sizeClass = "";
@@ -19,21 +23,16 @@ function cargarTabla(endpoint, tablaId, esQuiro) {
 
             filas.forEach(fila => {
                 const id = fila[0];
-
                 const tr = document.createElement("tr");
 
+                // Crear celda 1
                 const td1 = document.createElement("td");
                 td1.textContent = fila[0];
                 td1.className = `border align-middle ${sizeClass} m`;
-                if (esQuiro === "1") {
-                    td1.style.backgroundColor = "#008968";
-                } else {
-                    td1.style.backgroundColor = window.themeColors.bg1;
-                }
+                td1.style.backgroundColor = esQuiro === "1" ? "#008968" : window.themeColors.bg1;
                 tr.appendChild(td1);
 
                 const td2 = document.createElement("td");
-
                 const estadoConsulta = fila[1];
                 const estadoTurno = fila[3];
 
@@ -42,16 +41,13 @@ function cargarTabla(endpoint, tablaId, esQuiro) {
                     td2.className = `border bg-[#a9a9a9] align-middle ${sizeClass}`;
                 } else if (estadoConsulta == 1) {
                     td2.textContent = fila[2];
-                    if (esQuiro === "1") {
-                        td2.style.backgroundColor = "#00aa7a";
-                    } else {
-                        td2.style.backgroundColor = window.themeColors.bg2;
-                    }
+                    td2.style.backgroundColor = esQuiro === "1" ? "#008968" : window.themeColors.bg1;
                     const originalText = fila[2];
                     const blinkText = `<span class="text-[2.25rem]">PASE A<br>CONSULTA</span>`;
                     let blink = false;
 
                     if (estadoTurno == 1) {
+                        //Activar parapdeo
                         td2.className = `border align-middle ${sizeClass}`;
                         td2.innerHTML = originalText;
                         td2.style.backgroundColor = '#ffff00';
@@ -105,15 +101,16 @@ function cargarTabla(endpoint, tablaId, esQuiro) {
                 }
 
                 if (estadoAnterior[id] === 2 && estadoTurno === 1) {
-                    sonido.play();
+                    sonido.currentTime = 0;
+                    sonido.play().catch(err => console.warn("No se pudo reproducir el sonido: ", err));
                 }
 
                 estadoAnterior[id] = estadoTurno;
-
                 tr.appendChild(td2);
                 tbody.appendChild(tr);
             });
-        });
+        })
+        .catch(err => console.error("Error cargando tabla: ", err));
 }
 
 function cargarFooter() {
diff --git a/templates/index.html b/templates/index.html
index 51ce574..237a778 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -10,7 +10,7 @@
         const quiro2 = "{{ quiro2 }}";
     </script>
     <script src="{{ url_for('static', filename='js/utils.js') }}"></script>
-    <script src="{{ url_for('static', filename='js/scripts.js') }}"></script>
+    <script src="{{ url_for('static', filename='js/scripts.js') }}" defer></script>
     <style>:root {--blink-start-color: {{ theme_colors.bg2 }};}</style>
 </head>