fix(kiosko): numpad debajo del WhatsApp, escribe al campo activo

Restaura campo WhatsApp (inputmode=none), mueve el numpad debajo.
El numpad detecta cuál input tiene foco y escribe en ese campo.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-07-23 11:19:23 -05:00
co-authored by Claude Sonnet 4.6
parent 4e945e6437
commit 5c02a8ea99
+18 -4
View File
@@ -506,6 +506,16 @@ unset($p);
placeholder="Ej: 1234567890" maxlength="20"
autocomplete="off" inputmode="none">
</div>
<div class="mb-3">
<label for="inp-cel">WhatsApp
<span style="color:#94a3b8;font-size:.82rem;font-weight:400"> (opcional)</span>
</label>
<input type="tel" id="inp-cel" class="form-control"
placeholder="Ej: 3001234567" maxlength="20"
autocomplete="off" inputmode="none">
<div class="hint"><i class="fas fa-bell me-1"></i>Para recibir notificaciones de su turno</div>
</div>
<!-- Teclado numérico táctil -->
<div class="numpad">
<button class="np-btn" data-k="1">1</button>
@@ -525,9 +535,6 @@ unset($p);
</button>
</div>
<!-- WhatsApp oculto — se envía vacío en kiosko -->
<input type="hidden" id="inp-cel" value="">
<button class="btn-kiosko-back" onclick="volverPrioridades()">
<i class="fas fa-arrow-left me-1"></i>Cambiar tipo de atención
</button>
@@ -742,12 +749,19 @@ unset($p);
function setSpinner(on) { document.getElementById('spinner').classList.toggle('active', on); }
// ── Numpad táctil ─────────────────────────────────────────────────
const _inpCel = document.getElementById('inp-cel');
let _npTarget = _inpCedula; // campo activo para el numpad
[_inpCedula, _inpCel].forEach(inp => {
inp.addEventListener('focus', () => { _npTarget = inp; });
});
document.querySelectorAll('.np-btn').forEach(btn => {
// pointerdown con preventDefault evita que el input pierda el foco
btn.addEventListener('pointerdown', e => {
e.preventDefault();
const k = btn.dataset.k;
const inp = _inpCedula;
const inp = _npTarget;
if (k === 'OK') {
confirmarTurno();
return;