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

feat(bandeja): chips clickeables para muestras pend. y prog. en espera

Browse Source 
- Chip "Muestras pend." y nuevo "Prog. en espera" son toggles de filtro
- Se resaltan con borde al activarse; combinables entre sí y con el dropdown
- API retorna muestras_pendientes (turnos con ≥1 muestra pendiente) y
  prolongadas_pendientes (toma progresiva en espera entre extracciones)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-07-29 20:29:45 -05:00
co-authored by Claude Sonnet 4.6
parent 118e98b360
commit e3216faaa5
2 changed files with 27 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/turnero/views/bandeja.php
+19 -4
View File
@@ -41,7 +41,10 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
.bnd-chip-total { background:#ede9fe; color:#5b21b6; }
.bnd-chip-pend { background:#fef3c7; color:#92400e; }
.bnd-chip-vis { background:#f1f5f9; color:#475569; }
.bnd-chip-mp { background:#fff7ed; color:#c2410c; }
.bnd-chip-mp { background:#fff7ed; color:#c2410c; cursor:pointer; transition:box-shadow .12s; }
.bnd-chip-prog { background:#ecfdf5; color:#065f46; cursor:pointer; transition:box-shadow .12s; }
.bnd-chip-mp.activo { box-shadow:0 0 0 2px #c2410c; }
.bnd-chip-prog.activo { box-shadow:0 0 0 2px #065f46; }
.bnd-refresh-btn {
margin-left: auto;
background: none;
@@ -356,7 +359,8 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
<span class="bnd-chip bnd-chip-total" id="st-total"><i class="fas fa-users"></i> —</span>
<span class="bnd-chip bnd-chip-pend" id="st-pend"><i class="fas fa-clock"></i> Por revisar: —</span>
<span class="bnd-chip bnd-chip-vis" id="st-vis"><i class="fas fa-eye"></i> Vistos: —</span>
<span class="bnd-chip bnd-chip-mp" id="st-mp"><i class="fas fa-exclamation-triangle"></i> Muestras pend.: —</span>
<span class="bnd-chip bnd-chip-mp" id="st-mp" onclick="_bndToggleChip('mp')" title="Filtrar: con muestras pendientes"><i class="fas fa-exclamation-triangle"></i> Muestras pend.: —</span>
<span class="bnd-chip bnd-chip-prog" id="st-prog" onclick="_bndToggleChip('prog')" title="Filtrar: toma progresiva en espera"><i class="fas fa-clock"></i> Prog. en espera: —</span>
<input type="date" id="bnd-desde" onchange="_bndRefrescarLista()" style="border:1px solid #cbd5e1;border-radius:6px;padding:3px 7px;font-size:.78rem;color:#475569;background:#fff;outline:none">
<input type="date" id="bnd-hasta" onchange="_bndRefrescarLista()" style="border:1px solid #cbd5e1;border-radius:6px;padding:3px 7px;font-size:.78rem;color:#475569;background:#fff;outline:none">
<select id="bnd-filtro-estado" onchange="_bndFiltrar()" style="border:1px solid #cbd5e1;border-radius:6px;padding:3px 8px;font-size:.78rem;color:#475569;background:#fff;cursor:pointer;outline:none">
@@ -366,7 +370,6 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
<option value="finalizado">Finalizado</option>
<option value="ausente">Ausente</option>
<option value="cancelado">Cancelado</option>
<option value="muestras_pendientes">Muestras pendientes</option>
</select>
<button class="bnd-refresh-btn" onclick="_bndRefrescarLista()">
<i class="fas fa-sync-alt" id="bnd-spin"></i> Actualizar
@@ -450,16 +453,28 @@ async function _bndRefrescarLista() {
document.getElementById('st-pend').innerHTML = `<i class="fas fa-clock"></i> Por revisar: ${s.pendientes}`;
document.getElementById('st-vis').innerHTML = `<i class="fas fa-eye"></i> Vistos: ${s.vistos}`;
document.getElementById('st-mp').innerHTML = `<i class="fas fa-exclamation-triangle"></i> Muestras pend.: ${s.muestras_pendientes}`;
document.getElementById('st-prog').innerHTML = `<i class="fas fa-clock"></i> Prog. en espera: ${s.prolongadas_pendientes}`;
_bndFiltrar();
}
const _bndChipActivo = { mp: false, prog: false };
function _bndToggleChip(tipo) {
_bndChipActivo[tipo] = !_bndChipActivo[tipo];
const id = tipo === 'mp' ? 'st-mp' : 'st-prog';
document.getElementById(id).classList.toggle('activo', _bndChipActivo[tipo]);
_bndFiltrar();
}
function _bndFiltrar() {
const q = (document.getElementById('bnd-filtro')?.value || '').toLowerCase().trim();
const st = document.getElementById('bnd-filtro-estado')?.value || '';
const match = t =>
(!q || (t.paciente_nombre || '').toLowerCase().includes(q) || (t.examenes_txt || '').toLowerCase().includes(q) || String(t.numero_orden || '').includes(q) || (t.codigo || '').toLowerCase().includes(q)) &&
(!st || (st === 'muestras_pendientes' ? +t.muestras_pendientes > 0 : t.estado === st));
(!st || t.estado === st) &&
(!_bndChipActivo.mp || +t.muestras_pendientes > 0) &&
(!_bndChipActivo.prog || (t.muestra_espera_at && !t.fin_lugar_at));
_renderLista(
_bndAllData.pendientes?.filter(match) || [],