usite-sas-bic/whatsapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
Lizandro Guarnizo
2026-04-21 17:39:34 -05:00
parent f13aa0523d
commit 957e264a64
4 changed files with 702 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/turnero/views/display.php
+19 -10
View File
@@ -117,11 +117,13 @@ $_labColor = preg_match('/^#[0-9a-fA-F]{3,8}$/', $_dispCfg['doc_color'] ?? '')
padding: 2rem; position: relative;
overflow: hidden;
background: #fff;
transition: background .5s;
}
/* Franja decorativa de color en el borde izquierdo */
.turno-activo::before {
content: ''; position: absolute; left: 0; top: 0; bottom: 0;
width: 8px; background: var(--brand);
width: 10px; background: var(--prio-color, var(--brand));
transition: background .5s;
}
.turno-activo .etiqueta {
font-size: clamp(.8rem, 1.8vw, 1.1rem);
@@ -133,7 +135,7 @@ $_labColor = preg_match('/^#[0-9a-fA-F]{3,8}$/', $_dispCfg['doc_color'] ?? '')
font-size: clamp(5rem, 20vw, 15rem);
font-weight: 900; line-height: 1;
letter-spacing: -4px;
color: var(--brand);
color: var(--prio-color, var(--brand));
transition: color .4s;
}
.turno-activo .nombre-pac {
@@ -147,6 +149,7 @@ $_labColor = preg_match('/^#[0-9a-fA-F]{3,8}$/', $_dispCfg['doc_color'] ?? '')
font-size: clamp(.8rem, 1.6vw, 1.1rem); font-weight: 700;
margin-top: 1rem;
background: var(--brand-light); color: var(--brand-dark);
transition: background .4s, color .4s;
}
.turno-activo .sin-turno {
font-size: clamp(1.2rem, 3vw, 2.2rem);
@@ -164,7 +167,7 @@ $_labColor = preg_match('/^#[0-9a-fA-F]{3,8}$/', $_dispCfg['doc_color'] ?? '')
}
.ring-anim::before {
content: ''; width: 35vmin; height: 35vmin; border-radius: 50%;
background: transparent; border: 5px solid var(--brand); opacity: 0;
background: transparent; border: 5px solid var(--prio-color, var(--brand)); opacity: 0;
}
.ring-anim.animar::before { animation: ping-ring .75s ease-out 1; }
.turno-activo > *:not(.ring-anim) { position: relative; z-index: 1; }
@@ -449,15 +452,21 @@ function renderSnapshot(snap) {
lastCodigoActivo = activo.codigo;
}
elCodigo.textContent = activo.codigo;
elCodigo.style.color = activo.prioridad_color
? shadeColor(activo.prioridad_color, -30)
: 'var(--brand-dark)';
elNombre.textContent = activo.paciente_nombre || '';
elPrio.style.background = (activo.prioridad_color || '#1565c0') + '22';
elPrio.style.color = activo.prioridad_color || '#1565c0';
const prioColor = activo.prioridad_color || '#1565c0';
const zona = document.getElementById('zona-activo');
zona.style.setProperty('--prio-color', prioColor);
zona.style.background = prioColor + '12'; // fondo muy suave con color de prioridad
elCodigo.textContent = activo.codigo;
elCodigo.style.color = '';
elNombre.textContent = activo.paciente_nombre || '';
elPrio.style.background = prioColor + '22';
elPrio.style.color = prioColor;
elPrio.innerHTML = `<i class="fas fa-ticket-alt"></i> ${activo.prioridad_codigo} &mdash; ${activo.prioridad_nombre}`;
} else {
const zona = document.getElementById('zona-activo');
zona.style.removeProperty('--prio-color');
zona.style.background = '#fff';
elCodigo.textContent = '—';
elCodigo.style.color = '#cbd5e1';
elNombre.textContent = '';