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:
co-authored by
Claude Sonnet 4.6
parent
4e945e6437
commit
5c02a8ea99
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user