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

feat(bandeja): vistos/por-revisar, filtro nombre+examen, marcar como visto

Browse Source 
- Reemplaza activos/cerrados por pendientes (por revisar) / vistos
- Columna bandeja_visto_at en turnero_turnos; API marcar_visto.php
- Botón "Marcar como visto" → mueve paciente a sección inferior
- Filtro en tiempo real por nombre y por código de examen (GROUP_CONCAT)
- URL de consentimientos: relativa (consent.php?token=...)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-07-27 21:29:52 -05:00
co-authored by Claude Sonnet 4.6
parent 6c54674795
commit 368c4c8a5a
3 changed files with 215 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/turnero/api/get_bandeja.php
+16 -12
View File
@@ -19,6 +19,7 @@ if (isset($_GET['turno_id'])) {
$turno = $pdo->prepare("
SELECT t.id, t.codigo, t.estado, t.paciente_nombre, t.inicio_lugar_at, t.fin_lugar_at,
t.bandeja_visto_at,
ts.id AS sol_id, ts.numero_orden,
p.tipo_documento, p.numero_documento, p.fecha_nacimiento, p.telefono,
l.nombre AS lugar_nombre
@@ -92,21 +93,24 @@ if (isset($_GET['turno_id'])) {
// ── LISTA ─────────────────────────────────────────────────────
$stmt = $pdo->prepare("
SELECT t.id, t.codigo, t.paciente_nombre, t.estado,
t.inicio_lugar_at, t.fin_lugar_at,
t.inicio_lugar_at, t.fin_lugar_at, t.bandeja_visto_at,
ts.numero_orden,
l.nombre AS lugar_nombre
l.nombre AS lugar_nombre,
GROUP_CONCAT(et.codigo ORDER BY et.codigo SEPARATOR ' ') AS examenes_txt
FROM turnero_turnos t
JOIN turnero_solicitudes ts ON ts.turno_id = t.id
JOIN turnero_lugares l ON l.id = t.lugar_destino_id
JOIN turnero_solicitudes ts ON ts.turno_id = t.id
JOIN turnero_lugares l ON l.id = t.lugar_destino_id
LEFT JOIN turnero_examen_items tei ON tei.solicitud_id = ts.id
LEFT JOIN exam_tipos et ON et.id = tei.exam_tipo_id
WHERE t.sesion_id = ? AND t.inicio_lugar_at IS NOT NULL
GROUP BY t.id
ORDER BY ts.numero_orden ASC
");
$stmt->execute([$sesionId]);
$todos = $stmt->fetchAll(PDO::FETCH_ASSOC);
$cerradosEstados = ['finalizado', 'ausente', 'cancelado'];
$activos = array_values(array_filter($todos, fn($t) => !in_array($t['estado'], $cerradosEstados)));
$cerrados = array_values(array_filter($todos, fn($t) => in_array($t['estado'], $cerradosEstados)));
$pendientes = array_values(array_filter($todos, fn($t) => $t['bandeja_visto_at'] === null));
$vistos = array_values(array_filter($todos, fn($t) => $t['bandeja_visto_at'] !== null));
$stmtMp = $pdo->prepare("
SELECT COUNT(*) FROM turnero_muestras tm
@@ -118,12 +122,12 @@ $stmtMp->execute([$sesionId]);
$muestrasPendientes = (int)$stmtMp->fetchColumn();
jsonOk([
'activos' => $activos,
'cerrados' => $cerrados,
'stats' => [
'pendientes' => $pendientes,
'vistos' => $vistos,
'stats' => [
'total' => count($todos),
'activos' => count($activos),
'cerrados' => count($cerrados),
'pendientes' => count($pendientes),
'vistos' => count($vistos),
'muestras_pendientes' => $muestrasPendientes,
],
]);
modules/turnero/api/marcar_visto.php
+16
View File
@@ -0,0 +1,16 @@
<?php
/**
* modules/turnero/api/marcar_visto.php
* POST {turno_id} → marca el turno como visto en la bandeja
*/
require_once __DIR__ . '/_helpers.php';
requireTurnero();
requireMethod('POST');
$input = inputJson();
$turnoId = (int)($input['turno_id'] ?? 0);
if (!$turnoId) jsonError('turno_id requerido');
db()->prepare('UPDATE turnero_turnos SET bandeja_visto_at = NOW() WHERE id = ?')->execute([$turnoId]);
jsonOk([], 'Marcado como visto');
modules/turnero/views/bandeja.php
+183 -255
View File
@@ -2,19 +2,19 @@
Layout::open('Bandeja del día', 'fas fa-layer-group');
?>
<style>
/* ── Layout principal ───────────────────────────────────────── */
/* ── Layout ──────────────────────────────────────────────────── */
.bnd-wrap {
display: flex;
flex-direction: column;
height: calc(100vh - 60px); /* 60px = altura navbar ERP */
height: calc(100vh - 60px);
overflow: hidden;
background: #f8fafc;
}
.bnd-topbar {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 18px;
gap: 10px;
padding: 8px 16px;
background: #fff;
border-bottom: 1px solid #e2e8f0;
flex-shrink: 0;
@@ -25,6 +25,7 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
font-weight: 700;
color: #1e293b;
margin-right: 4px;
white-space: nowrap;
}
.bnd-chip {
display: inline-flex;
@@ -35,11 +36,12 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
font-size: 0.78rem;
font-weight: 600;
line-height: 1.6;
white-space: nowrap;
}
.bnd-chip-total { background:#ede9fe; color:#5b21b6; }
.bnd-chip-activos { background:#dcfce7; color:#15803d; }
.bnd-chip-cerr { background:#f1f5f9; color:#475569; }
.bnd-chip-mp { background:#fff7ed; color:#c2410c; }
.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-refresh-btn {
margin-left: auto;
background: none;
@@ -52,74 +54,75 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
display: flex;
align-items: center;
gap: 5px;
white-space: nowrap;
}
.bnd-refresh-btn:hover { background:#f1f5f9; }
/* ── Cuerpo split ───────────────────────────────────────────── */
.bnd-body {
display: flex;
flex: 1;
overflow: hidden;
}
/* ── Cuerpo ──────────────────────────────────────────────────── */
.bnd-body { display: flex; flex: 1; overflow: hidden; }
/* ── Lista izquierda ────────────────────────────────────────── */
/* ── Lista izquierda ─────────────────────────────────────────── */
.bnd-list {
width: 280px;
width: 290px;
flex-shrink: 0;
border-right: 1px solid #e2e8f0;
overflow-y: auto;
display: flex;
flex-direction: column;
background: #fff;
}
.bnd-search-box {
padding: 8px 10px;
border-bottom: 1px solid #f1f5f9;
flex-shrink: 0;
}
.bnd-search-box input {
width: 100%;
border: 1.5px solid #e2e8f0;
border-radius: 7px;
padding: 5px 10px;
font-size: 0.8rem;
outline: none;
font-family: inherit;
box-sizing: border-box;
}
.bnd-search-box input:focus { border-color: #7c3aed; }
.bnd-list-scroll { flex: 1; overflow-y: auto; }
.bnd-section-hdr {
position: sticky;
top: 0;
z-index: 1;
padding: 6px 14px;
font-size: 0.7rem;
padding: 5px 12px;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: .06em;
letter-spacing: .07em;
text-transform: uppercase;
background: #f8fafc;
color: #64748b;
border-bottom: 1px solid #e2e8f0;
border-top: 1px solid #e2e8f0;
}
.bnd-card {
display: flex;
align-items: stretch;
padding: 0;
cursor: pointer;
border-bottom: 1px solid #f1f5f9;
transition: background .12s;
position: relative;
transition: background .1s;
}
.bnd-card:hover { background: #f8fafc; }
.bnd-card.selected { background: #eef2ff; }
.bnd-card-bar {
width: 3px;
flex-shrink: 0;
border-radius: 0;
}
.bnd-card-bar.activo { background: #22c55e; }
.bnd-card-bar.cerrado { background: #cbd5e1; }
.bnd-card-inner {
padding: 9px 12px;
min-width: 0;
flex: 1;
}
.bnd-card-bar { width: 3px; flex-shrink: 0; }
.bnd-card-bar.pendiente { background: #f59e0b; }
.bnd-card-bar.visto { background: #cbd5e1; }
.bnd-card-inner { padding: 8px 10px; min-width: 0; flex: 1; }
.bnd-card-top {
display: flex;
align-items: baseline;
gap: 6px;
margin-bottom: 2px;
}
.bnd-orden {
font-size: 0.7rem;
font-weight: 700;
color: #7c3aed;
white-space: nowrap;
gap: 5px;
margin-bottom: 1px;
}
.bnd-orden { font-size: 0.68rem; font-weight: 700; color: #7c3aed; white-space: nowrap; }
.bnd-nombre {
font-size: 0.82rem;
font-size: 0.81rem;
font-weight: 600;
color: #1e293b;
white-space: nowrap;
@@ -127,32 +130,13 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
text-overflow: ellipsis;
min-width: 0;
}
.bnd-card.cerrado .bnd-nombre { color: #94a3b8; }
.bnd-card-bot {
display: flex;
align-items: center;
justify-content: space-between;
}
.bnd-lugar-badge {
font-size: 0.68rem;
color: #64748b;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bnd-hora {
font-size: 0.68rem;
color: #94a3b8;
white-space: nowrap;
margin-left: 4px;
}
.bnd-card.visto .bnd-nombre { color: #94a3b8; }
.bnd-card-bot { display: flex; align-items: center; justify-content: space-between; }
.bnd-lugar-badge { font-size: 0.67rem; color: #64748b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bnd-hora { font-size: 0.67rem; color: #94a3b8; white-space: nowrap; margin-left: 4px; }
/* ── Detalle derecha ────────────────────────────────────────── */
.bnd-detail {
flex: 1;
overflow-y: auto;
padding: 0;
}
/* ── Detalle derecha ─────────────────────────────────────────── */
.bnd-detail { flex: 1; overflow-y: auto; }
.bnd-empty {
display: flex;
flex-direction: column;
@@ -172,35 +156,18 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
z-index: 2;
background: #fff;
border-bottom: 1px solid #e2e8f0;
padding: 14px 20px 12px;
}
.bnd-dh-nombre {
font-size: 1.05rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 4px;
}
.bnd-dh-meta {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.bnd-dh-meta span {
font-size: 0.78rem;
color: #64748b;
padding: 12px 20px 10px;
}
.bnd-dh-nombre { font-size: 1.05rem; font-weight: 700; color: #1e293b; margin-bottom: 3px; }
.bnd-dh-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.bnd-dh-meta span { font-size: 0.77rem; color: #64748b; }
.bnd-dh-meta .sep { color: #cbd5e1; }
.bnd-dh-actions {
display: flex;
gap: 8px;
margin-top: 10px;
}
.bnd-dh-actions { display: flex; gap: 8px; margin-top: 9px; flex-wrap: wrap; }
.bnd-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 14px;
padding: 5px 13px;
border-radius: 6px;
font-size: 0.8rem;
font-weight: 600;
@@ -208,106 +175,67 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
border: 1.5px solid;
transition: all .12s;
}
.bnd-btn-pdf { border-color:#3b82f6; color:#2563eb; background:#fff; }
.bnd-btn-pdf { border-color:#3b82f6; color:#2563eb; background:#fff; }
.bnd-btn-pdf:hover { background:#eff6ff; }
.bnd-btn-cerrar { border-color:#22c55e; color:#15803d; background:#fff; }
.bnd-btn-cerrar:hover { background:#f0fdf4; }
.bnd-btn-cerrado { border-color:#cbd5e1; color:#94a3b8; background:#f8fafc; cursor:default; }
.bnd-btn-visto { border-color:#7c3aed; color:#5b21b6; background:#fff; }
.bnd-btn-visto:hover { background:#f5f3ff; }
.bnd-btn-ya-visto{ border-color:#cbd5e1; color:#94a3b8; background:#f8fafc; cursor:default; }
/* Sections */
.bnd-sec {
padding: 14px 20px;
border-bottom: 1px solid #f1f5f9;
}
/* Secciones */
.bnd-sec { padding: 14px 20px; border-bottom: 1px solid #f1f5f9; }
.bnd-sec-title {
font-size: 0.72rem;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
color: #94a3b8;
margin-bottom: 10px;
}
/* Exámenes chips */
/* Exámenes */
.bnd-cat { margin-bottom: 8px; }
.bnd-cat-name {
font-size: 0.72rem;
font-weight: 600;
color: #475569;
margin-bottom: 4px;
}
.bnd-cat-name { font-size: 0.71rem; font-weight: 600; color: #475569; margin-bottom: 4px; }
.bnd-chips { display: flex; flex-wrap: wrap; gap: 4px; }
.bnd-exam-chip {
background: #f1f5f9;
color: #334155;
font-size: 0.72rem;
font-size: 0.71rem;
font-weight: 600;
padding: 2px 8px;
border-radius: 12px;
}
/* Muestras */
.bnd-muestra {
display: flex;
align-items: center;
gap: 8px;
padding: 5px 0;
font-size: 0.82rem;
}
.bnd-m-dot {
width: 8px; height: 8px;
border-radius: 50%;
flex-shrink: 0;
}
.bnd-muestra { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: 0.82rem; }
.bnd-m-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.bnd-m-dot.pendiente { background: #f59e0b; }
.bnd-m-dot.recibida { background: #22c55e; }
.bnd-m-dot.rechazada { background: #ef4444; }
.bnd-m-label { font-weight: 600; color: #1e293b; }
.bnd-m-estado { color: #64748b; font-size: 0.75rem; }
.bnd-m-rechazado { color: #ef4444; font-size: 0.73rem; }
.bnd-m-estado { color: #64748b; font-size: 0.74rem; }
.bnd-m-rechazado { color: #ef4444; font-size: 0.72rem; }
/* Consentimientos */
.bnd-consent {
display: flex;
align-items: center;
gap: 8px;
padding: 5px 0;
font-size: 0.82rem;
}
.bnd-consent-ico { font-size: 0.85rem; }
.bnd-consent { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: 0.82rem; }
.bnd-consent-ico.firmado { color: #22c55e; }
.bnd-consent-ico.pendiente{ color: #f59e0b; }
.bnd-consent a { font-size: 0.75rem; color: #3b82f6; margin-left: 4px; }
/* Comentarios timeline */
.bnd-com-list { display: flex; flex-direction: column; gap: 8px; }
.bnd-com {
background: #f8fafc;
border-radius: 8px;
padding: 8px 12px;
font-size: 0.82rem;
}
.bnd-com-header {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 3px;
}
.bnd-consent a { font-size: 0.74rem; color: #3b82f6; margin-left: 4px; text-decoration: none; }
.bnd-consent a:hover { text-decoration: underline; }
/* Comentarios */
.bnd-com-list { display: flex; flex-direction: column; gap: 7px; }
.bnd-com { background: #f8fafc; border-radius: 8px; padding: 8px 12px; font-size: 0.82rem; }
.bnd-com-header { display: flex; align-items: center; gap: 6px; margin-bottom: 3px; }
.bnd-com-tipo {
font-size: 0.68rem;
font-size: 0.66rem;
font-weight: 700;
letter-spacing: .04em;
padding: 1px 6px;
border-radius: 10px;
text-transform: uppercase;
}
.bnd-com-tipo.recepcion { background: #dbeafe; color: #1d4ed8; }
.bnd-com-tipo.muestras { background: #dcfce7; color: #15803d; }
.bnd-com-tipo.general { background: #fef3c7; color: #92400e; }
.bnd-com-tipo.recepcion { background:#dbeafe; color:#1d4ed8; }
.bnd-com-tipo.muestras { background:#dcfce7; color:#15803d; }
.bnd-com-tipo.general { background:#fef3c7; color:#92400e; }
.bnd-com-user { font-weight: 600; color: #1e293b; }
.bnd-com-date { font-size: 0.7rem; color: #94a3b8; margin-left: auto; }
.bnd-com-text { color: #334155; }
/* Agregar comentario */
.bnd-add-com { display: flex; gap: 8px; align-items: flex-end; }
.bnd-add-com textarea {
@@ -318,7 +246,7 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
font-size: 0.82rem;
resize: none;
font-family: inherit;
height: 56px;
height: 52px;
outline: none;
transition: border-color .15s;
}
@@ -328,18 +256,17 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
color: #fff;
border: none;
border-radius: 8px;
padding: 10px 16px;
padding: 10px 14px;
font-size: 0.82rem;
font-weight: 600;
cursor: pointer;
height: 56px;
height: 52px;
display: flex;
align-items: center;
gap: 5px;
}
.bnd-add-com button:hover { background: #6d28d9; }
.bnd-add-com button:disabled { background: #c4b5fd; cursor:default; }
/* Toast */
.bnd-toast {
position: fixed;
@@ -357,8 +284,7 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
pointer-events: none;
}
.bnd-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
/* ── Print ──────────────────────────────────────────────────── */
/* ── Print ── */
@media print {
.bnd-list, .bnd-topbar, .bnd-dh-actions,
.bnd-add-com, nav, .sidebar, .erp-sidebar,
@@ -370,25 +296,27 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
</style>
<div class="bnd-wrap">
<!-- Stats bar -->
<div class="bnd-topbar" id="bnd-topbar">
<div class="bnd-topbar">
<span class="bnd-title"><i class="fas fa-layer-group"></i> Bandeja del día</span>
<span class="bnd-chip bnd-chip-total" id="st-total"><i class="fas fa-users"></i> —</span>
<span class="bnd-chip bnd-chip-activos" id="st-activos"><i class="fas fa-circle" style="font-size:.55rem"></i> Activos: —</span>
<span class="bnd-chip bnd-chip-cerr" id="st-cerr"><i class="fas fa-check-double"></i> Cerrados: —</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-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>
<button class="bnd-refresh-btn" onclick="_bndRefrescarLista()">
<i class="fas fa-sync-alt" id="bnd-spin"></i> Actualizar
</button>
</div>
<div class="bnd-body">
<!-- Lista -->
<div class="bnd-list" id="bnd-list">
<div class="bnd-section-hdr">Cargando...</div>
<div class="bnd-list">
<div class="bnd-search-box">
<input type="text" id="bnd-filtro" placeholder="Buscar por nombre o examen…" oninput="_bndFiltrar()" autocomplete="off">
</div>
<div class="bnd-list-scroll" id="bnd-list-scroll">
<div class="bnd-section-hdr">Cargando...</div>
</div>
</div>
<!-- Detalle -->
<div class="bnd-detail" id="bnd-detail">
<div class="bnd-empty">
<i class="fas fa-hand-pointer"></i>
@@ -401,19 +329,16 @@ Layout::open('Bandeja del día', 'fas fa-layer-group');
<div class="bnd-toast" id="bnd-toast"></div>
<script>
const BND_API = 'modules/turnero/api/get_bandeja.php';
const COM_API = 'modules/turnero/api/comentarios.php';
const BASE_URL = 'https://erp.laboratorioximenacaicedo.com/';
const BND_API = 'modules/turnero/api/get_bandeja.php';
const COM_API = 'modules/turnero/api/comentarios.php';
const VISTO_API= 'modules/turnero/api/marcar_visto.php';
let _bndTurnoId = null;
let _bndInterval = null;
let _bndListData = { activos: [], cerrados: [] };
let _bndTurnoId = null;
let _bndAllData = { pendientes: [], vistos: [] };
// ── Utilidades ───────────────────────────────────────────────
function _hora(dt) {
if (!dt) return '';
const d = new Date(dt.replace(' ', 'T'));
return d.toLocaleTimeString('es-CO', { hour: '2-digit', minute: '2-digit' });
return new Date(dt.replace(' ','T')).toLocaleTimeString('es-CO',{hour:'2-digit',minute:'2-digit'});
}
function _toast(msg, ms = 2200) {
const t = document.getElementById('bnd-toast');
@@ -427,28 +352,39 @@ async function _bndRefrescarLista() {
const spin = document.getElementById('bnd-spin');
spin.style.transition = 'transform .4s';
spin.style.transform = 'rotate(360deg)';
setTimeout(() => { spin.style.transition=''; spin.style.transform=''; }, 400);
setTimeout(()=>{ spin.style.transition=''; spin.style.transform=''; }, 400);
const res = await fetch(BND_API).then(r => r.json()).catch(() => null);
const res = await fetch(BND_API).then(r=>r.json()).catch(()=>null);
if (!res?.ok) return;
_bndListData = res;
_bndAllData = res;
const s = res.stats;
document.getElementById('st-total').innerHTML = `<i class="fas fa-users"></i> Total: ${s.total}`;
document.getElementById('st-activos').innerHTML = `<i class="fas fa-circle" style="font-size:.55rem"></i> Activos: ${s.activos}`;
document.getElementById('st-cerr').innerHTML = `<i class="fas fa-check-double"></i> Cerrados: ${s.cerrados}`;
document.getElementById('st-mp').innerHTML = `<i class="fas fa-exclamation-triangle"></i> Muestras pend.: ${s.muestras_pendientes}`;
document.getElementById('st-total').innerHTML = `<i class="fas fa-users"></i> Total: ${s.total}`;
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}`;
_renderLista(res.activos, res.cerrados);
_bndFiltrar();
}
function _renderLista(activos, cerrados) {
const el = document.getElementById('bnd-list');
let html = '';
function _bndFiltrar() {
const q = (document.getElementById('bnd-filtro')?.value || '').toLowerCase().trim();
const match = t =>
!q ||
(t.paciente_nombre || '').toLowerCase().includes(q) ||
(t.examenes_txt || '').toLowerCase().includes(q);
_renderLista(
_bndAllData.pendientes?.filter(match) || [],
_bndAllData.vistos?.filter(match) || []
);
}
function _renderLista(pendientes, vistos) {
const el = document.getElementById('bnd-list-scroll');
const card = (t, tipo) => {
const sel = t.id === _bndTurnoId ? ' selected' : '';
const orden = t.numero_orden || t.codigo;
const sel = t.id === _bndTurnoId ? ' selected' : '';
const orden = t.numero_orden || t.codigo;
const nombre = (t.paciente_nombre || '—').split(' ').slice(0,3).join(' ');
return `<div class="bnd-card ${tipo}${sel}" onclick="_bndVerDetalle(${t.id})">
<div class="bnd-card-bar ${tipo}"></div>
@@ -458,20 +394,20 @@ function _renderLista(activos, cerrados) {
<span class="bnd-nombre">${nombre}</span>
</div>
<div class="bnd-card-bot">
<span class="bnd-lugar-badge">${t.lugar_nombre || ''}</span>
<span class="bnd-lugar-badge">${t.lugar_nombre||''}</span>
<span class="bnd-hora">${_hora(t.inicio_lugar_at)}</span>
</div>
</div>
</div>`;
};
html += `<div class="bnd-section-hdr">Activos (${activos.length})</div>`;
if (!activos.length) html += `<div style="padding:12px 14px;font-size:.78rem;color:#94a3b8">Sin pacientes activos</div>`;
activos.forEach(t => html += card(t, 'activo'));
let html = `<div class="bnd-section-hdr">Por revisar (${pendientes.length})</div>`;
if (!pendientes.length) html += `<div style="padding:10px 12px;font-size:.77rem;color:#94a3b8">Sin pacientes pendientes</div>`;
pendientes.forEach(t => html += card(t, 'pendiente'));
html += `<div class="bnd-section-hdr" style="top:0">Cerrados (${cerrados.length})</div>`;
if (!cerrados.length) html += `<div style="padding:12px 14px;font-size:.78rem;color:#94a3b8">Ninguno cerrado</div>`;
cerrados.forEach(t => html += card(t, 'cerrado'));
html += `<div class="bnd-section-hdr">Vistos (${vistos.length})</div>`;
if (!vistos.length) html += `<div style="padding:10px 12px;font-size:.77rem;color:#94a3b8">Ninguno visto aún</div>`;
vistos.forEach(t => html += card(t, 'visto'));
el.innerHTML = html;
}
@@ -479,55 +415,50 @@ function _renderLista(activos, cerrados) {
// ── Detalle ───────────────────────────────────────────────────
async function _bndVerDetalle(turnoId) {
_bndTurnoId = turnoId;
// Resaltar en lista
document.querySelectorAll('.bnd-card').forEach(c => c.classList.remove('selected'));
document.querySelectorAll('.bnd-card').forEach(c => {
if (c.onclick?.toString().includes(`${turnoId}`)) c.classList.add('selected');
c.classList.toggle('selected', c.onclick?.toString().includes(`${turnoId}`));
});
const det = document.getElementById('bnd-detail');
det.innerHTML = `<div class="bnd-empty"><i class="fas fa-spinner fa-spin"></i><p>Cargando...</p></div>`;
const res = await fetch(`${BND_API}?turno_id=${turnoId}`).then(r => r.json()).catch(() => null);
const res = await fetch(`${BND_API}?turno_id=${turnoId}`).then(r=>r.json()).catch(()=>null);
if (!res?.ok) { det.innerHTML = `<div class="bnd-empty"><i class="fas fa-times-circle"></i><p>Error al cargar</p></div>`; return; }
_renderDetalle(res);
}
function _renderDetalle(d) {
const t = d.turno;
const isCerrado = ['finalizado','ausente','cancelado'].includes(t.estado);
const orden = t.numero_orden || t.codigo;
const t = d.turno;
const yaVisto= !!t.bandeja_visto_at;
// Header
let hdr = `<div class="bnd-dh">
<div class="bnd-dh-nombre">${t.paciente_nombre || '—'}</div>
<div class="bnd-dh-nombre">${t.paciente_nombre||'—'}</div>
<div class="bnd-dh-meta">
<span><b>${orden}</b></span>
<span><b>${t.numero_orden||t.codigo}</b></span>
<span class="sep">·</span>
<span>${t.lugar_nombre || ''}</span>
<span>${t.lugar_nombre||''}</span>
<span class="sep">·</span>
<span>${_hora(t.inicio_lugar_at)}</span>
${t.fin_lugar_at ? `<span class="sep">·</span><span>Cerrado ${_hora(t.fin_lugar_at)}</span>` : ''}
</div>
<div class="bnd-dh-actions">
<button class="bnd-btn bnd-btn-pdf" onclick="window.print()"><i class="fas fa-print"></i> PDF</button>`;
if (isCerrado) {
hdr += `<button class="bnd-btn bnd-btn-cerrado" disabled><i class="fas fa-check"></i> Cerrado</button>`;
if (yaVisto) {
hdr += `<button class="bnd-btn bnd-btn-ya-visto" disabled><i class="fas fa-eye"></i> Visto ${_hora(t.bandeja_visto_at)}</button>`;
} else {
hdr += `<button class="bnd-btn bnd-btn-cerrar" onclick="_bndCerrar(${t.id})"><i class="fas fa-check-circle"></i> Cerrar</button>`;
hdr += `<button class="bnd-btn bnd-btn-visto" onclick="_bndMarcarVisto(${t.id})"><i class="fas fa-eye"></i> Marcar como visto</button>`;
}
hdr += `</div></div>`;
// Exámenes
let secEx = `<div class="bnd-sec"><div class="bnd-sec-title"><i class="fas fa-vial"></i> Exámenes</div>`;
const cats = Object.keys(d.examenes_por_cat);
const cats = Object.keys(d.examenes_por_cat||{});
if (!cats.length) {
secEx += `<span style="color:#94a3b8;font-size:.82rem">Sin exámenes registrados</span>`;
} else {
cats.forEach(cat => {
const chips = d.examenes_por_cat[cat].map(c => `<span class="bnd-exam-chip">${c}</span>`).join('');
const chips = d.examenes_por_cat[cat].map(c=>`<span class="bnd-exam-chip">${c}</span>`).join('');
secEx += `<div class="bnd-cat"><div class="bnd-cat-name">${cat}</div><div class="bnd-chips">${chips}</div></div>`;
});
}
@@ -535,16 +466,16 @@ function _renderDetalle(d) {
// Muestras
let secM = `<div class="bnd-sec"><div class="bnd-sec-title"><i class="fas fa-tint"></i> Muestras</div>`;
if (!d.muestras.length) {
if (!d.muestras?.length) {
secM += `<span style="color:#94a3b8;font-size:.82rem">Sin muestras registradas</span>`;
} else {
d.muestras.forEach(m => {
const rechazo = m.estado === 'rechazada' && m.motivo_rechazo
const rechazo = m.estado==='rechazada'&&m.motivo_rechazo
? `<span class="bnd-m-rechazado"> · ${m.motivo_rechazo}</span>` : '';
secM += `<div class="bnd-muestra">
<div class="bnd-m-dot ${m.estado}"></div>
<span class="bnd-m-label">${m.tipo_muestra}</span>
<span class="bnd-m-estado">${m.estado}${m.recibida_at ? ' · ' + _hora(m.recibida_at) : ''}</span>
<span class="bnd-m-estado">${m.estado}${m.recibida_at?' · '+_hora(m.recibida_at):''}</span>
${rechazo}
</div>`;
});
@@ -553,18 +484,18 @@ function _renderDetalle(d) {
// Consentimientos
let secC = `<div class="bnd-sec"><div class="bnd-sec-title"><i class="fas fa-file-signature"></i> Consentimientos</div>`;
if (!d.consentimientos.length) {
if (!d.consentimientos?.length) {
secC += `<span style="color:#94a3b8;font-size:.82rem">Sin consentimientos</span>`;
} else {
d.consentimientos.forEach(c => {
const esFirmado = c.estado === 'firmado';
const ico = esFirmado ? 'fas fa-check-circle firmado' : 'fas fa-clock pendiente';
const esFirmado = c.estado==='firmado';
const ico = esFirmado ? 'firmado fas fa-check-circle' : 'pendiente fas fa-clock';
const link = c.token
? `<a href="${BASE_URL}consent.php?token=${c.token}" target="_blank"><i class="fas fa-external-link-alt"></i> Ver</a>` : '';
? `<a href="consent.php?token=${c.token}" target="_blank"><i class="fas fa-external-link-alt"></i> Ver</a>` : '';
secC += `<div class="bnd-consent">
<i class="bnd-consent-ico ${ico}"></i>
<span style="font-size:.82rem">${c.formulario_nombre}</span>
${c.firmado_at ? `<span style="font-size:.72rem;color:#94a3b8">${_hora(c.firmado_at)}</span>` : ''}
${c.firmado_at?`<span style="font-size:.71rem;color:#94a3b8">${_hora(c.firmado_at)}</span>`:''}
${link}
</div>`;
});
@@ -572,50 +503,48 @@ function _renderDetalle(d) {
secC += `</div>`;
// Comentarios
let secCom = `<div class="bnd-sec" id="bnd-com-sec"><div class="bnd-sec-title"><i class="fas fa-comments"></i> Comentarios</div>`;
secCom += `<div class="bnd-com-list" id="bnd-com-list">`;
if (!d.comentarios.length) {
let secCom = `<div class="bnd-sec"><div class="bnd-sec-title"><i class="fas fa-comments"></i> Comentarios</div>
<div class="bnd-com-list" id="bnd-com-list">`;
if (!d.comentarios?.length) {
secCom += `<span style="color:#94a3b8;font-size:.82rem">Sin comentarios</span>`;
} else {
d.comentarios.forEach(c => {
const fecha = new Date((c.creado_at || '').replace(' ','T'));
const timeStr = fecha.toLocaleTimeString('es-CO', { hour:'2-digit', minute:'2-digit' });
const tStr = new Date((c.creado_at||'').replace(' ','T'))
.toLocaleTimeString('es-CO',{hour:'2-digit',minute:'2-digit'});
secCom += `<div class="bnd-com">
<div class="bnd-com-header">
<span class="bnd-com-tipo ${c.tipo}">${c.tipo}</span>
<span class="bnd-com-user">${c.usuario_nombre || ''}</span>
<span class="bnd-com-date">${timeStr}</span>
<span class="bnd-com-user">${c.usuario_nombre||''}</span>
<span class="bnd-com-date">${tStr}</span>
</div>
<div class="bnd-com-text">${c.comentario}</div>
</div>`;
});
}
secCom += `</div>`;
// Agregar comentario
secCom += `<div class="bnd-add-com" style="margin-top:12px">
<textarea id="bnd-new-com" placeholder="Agregar comentario de toma de muestras..." rows="2"></textarea>
<button onclick="_bndEnviarCom(${t.id})"><i class="fas fa-paper-plane"></i> Enviar</button>
</div></div>`;
secCom += `</div>
<div class="bnd-add-com" style="margin-top:10px">
<textarea id="bnd-new-com" placeholder="Agregar comentario de toma de muestras..."></textarea>
<button onclick="_bndEnviarCom(${t.id})"><i class="fas fa-paper-plane"></i> Enviar</button>
</div></div>`;
document.getElementById('bnd-detail').innerHTML = hdr + secEx + secM + secC + secCom;
}
// ── Cerrar turno ─────────────────────────────────────────────
async function _bndCerrar(turnoId) {
const res = await fetch('modules/turnero/api/cambiar_estado.php', {
// ── Marcar visto ──────────────────────────────────────────────
async function _bndMarcarVisto(turnoId) {
const res = await fetch(VISTO_API, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ turno_id: turnoId, nuevo_estado: 'finalizado' })
}).then(r => r.json()).catch(() => null);
headers: {'Content-Type':'application/json'},
body: JSON.stringify({turno_id: turnoId})
}).then(r=>r.json()).catch(()=>null);
if (!res?.ok) { _toast('Error al cerrar turno'); return; }
_toast('Turno cerrado');
if (!res?.ok) { _toast('Error al marcar como visto'); return; }
_toast('Marcado como visto');
await _bndRefrescarLista();
_bndVerDetalle(turnoId);
}
// ── Enviar comentario ────────────────────────────────────────
// ── Comentario ────────────────────────────────────────────────
async function _bndEnviarCom(turnoId) {
const ta = document.getElementById('bnd-new-com');
const txt = ta.value.trim();
@@ -625,21 +554,20 @@ async function _bndEnviarCom(turnoId) {
const res = await fetch(COM_API, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ turno_id: turnoId, comentario: txt, tipo: 'muestras' })
}).then(r => r.json()).catch(() => null);
headers: {'Content-Type':'application/json'},
body: JSON.stringify({turno_id: turnoId, comentario: txt, tipo: 'muestras'})
}).then(r=>r.json()).catch(()=>null);
btn.disabled = false;
if (!res?.ok) { _toast('Error al guardar comentario'); return; }
ta.value = '';
_toast('Comentario guardado');
// Recargar sólo la sección de comentarios
_bndVerDetalle(turnoId);
}
// ── Auto-refresh cada 30s ─────────────────────────────────────
// ── Init ──────────────────────────────────────────────────────
_bndRefrescarLista();
_bndInterval = setInterval(_bndRefrescarLista, 30000);
setInterval(_bndRefrescarLista, 30000);
</script>
<?php Layout::close(); ?>