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

feat: soporte multi-archivo en modal Agendar Domicilio

Browse Source
This commit is contained in:
Lizandro Guarnizo
2026-03-24 21:30:58 -05:00
parent 666a2e60b8
commit aa17dc299b
1 changed files with 128 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files
conversations.php
+128 -114
View File
@@ -6475,6 +6475,13 @@ if (!isUserLoggedIn()) {
} }
#modalAgendarDomicilio .addr-chip:hover { background:#0d6efd; color:#fff; } #modalAgendarDomicilio .addr-chip:hover { background:#0d6efd; color:#fff; }
#modalAgendarDomicilio .field-err { display:none; font-size:.8rem; color:#dc3545; margin-top:3px; } #modalAgendarDomicilio .field-err { display:none; font-size:.8rem; color:#dc3545; margin-top:3px; }
/* ── Chips de archivos adjuntos (multi-orden) ── */
.labdom-orden-chip { position:relative; width:72px; flex-shrink:0; text-align:center; }
.labdom-orden-thumb { width:72px; height:72px; border:1px solid #dee2e6; border-radius:6px; background:#f8f9fa; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.labdom-orden-name { display:block; font-size:.62rem; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:72px; margin-top:3px; }
.labdom-orden-del { position:absolute; top:-5px; right:-5px; width:18px; height:18px; border-radius:50%; background:#dc3545; color:#fff; border:none; font-size:.7rem; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; }
.labdom-orden-del:hover { background:#c82333; }
#modalAgendarDomicilio .is-invalid ~ .field-err, #modalAgendarDomicilio .is-invalid ~ .field-err,
#modalAgendarDomicilio .is-invalid + .field-err { display:block; } #modalAgendarDomicilio .is-invalid + .field-err { display:block; }
@@ -6589,30 +6596,16 @@ if (!isUserLoggedIn()) {
<!-- ── FORMULARIO ── --> <!-- ── FORMULARIO ── -->
<div id="labdom-form-panel" class="modal-body pb-2"> <div id="labdom-form-panel" class="modal-body pb-2">
<!-- Orden médica (adjunta / agregar / cambiar) --> <!-- Orden médica (múltiples archivos) -->
<div class="mb-3"> <div class="mb-3">
<div id="labdom-img-prev" class="d-flex align-items-center gap-3 p-2 bg-light rounded border" style="display:none"> <div class="d-flex align-items-center justify-content-between mb-1">
<div id="labdom-file-thumb" class="flex-shrink-0"> <span class="fw-semibold small text-secondary"><i class="fas fa-paperclip me-1"></i>Órdenes médicas <span class="fw-normal text-muted">(opcional)</span></span>
<img id="labdom-img-el" src="" class="rounded border" style="max-height:80px;max-width:110px;object-fit:cover"> <button type="button" id="labdom-btn-add-orden" class="btn btn-sm btn-outline-primary py-0 px-2" onclick="labDomicilio._agregarOrden()">
<div id="labdom-file-icon" class="rounded border bg-white text-center" style="width:80px;height:80px;display:none;align-items:center;justify-content:center"></div> <i class="fas fa-plus me-1"></i>Agregar
</div> </button>
<div class="flex-grow-1 overflow-hidden">
<p class="mb-1 fw-semibold small text-secondary"><i class="fas fa-paperclip me-1"></i>Orden médica adjunta</p>
<small id="labdom-file-name" class="text-muted d-block mb-2" style="max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"></small>
<div class="d-flex gap-2">
<button type="button" class="btn btn-sm btn-outline-secondary py-0 px-2" onclick="labDomicilio._cambiarOrden()" title="Cambiar archivo">
<i class="fas fa-exchange-alt me-1"></i>Cambiar
</button>
<button type="button" class="btn btn-sm btn-outline-danger py-0 px-2" onclick="labDomicilio._eliminarOrden()" title="Eliminar orden">
<i class="fas fa-trash me-1"></i>Eliminar
</button>
</div>
</div>
</div> </div>
<button type="button" id="labdom-btn-add-orden" class="btn btn-sm btn-outline-primary w-100 py-1" onclick="labDomicilio._cambiarOrden()" style="display:none"> <div id="labdom-ordenes-list" class="d-flex flex-wrap gap-2 mt-1"></div>
<i class="fas fa-paperclip me-1"></i>Adjuntar orden médica <span class="fw-normal text-muted">(opcional)</span> <input type="file" id="labdom-orden-input" accept="image/*,.pdf,.doc,.docx" multiple style="display:none">
</button>
<input type="file" id="labdom-orden-input" accept="image/*,.pdf,.doc,.docx" style="display:none">
</div> </div>
<!-- ── TIPO (particular/seguro) — PRIMERO y llamativo ── --> <!-- ── TIPO (particular/seguro) — PRIMERO y llamativo ── -->
@@ -6869,8 +6862,10 @@ const labDomicilio = (() => {
// Estado interno // Estado interno
let _msgId = null; let _msgId = null;
let _localFile = null; let _localFile = null;
let _newOrderFile = null; // nuevo archivo de orden cargado desde el modal let _newOrderFiles = []; // archivos nuevos seleccionados por el usuario
let _convId = null; let _newOrderDataUrls = []; // data-URLs para previsualizar (índice paralelo)
let _localFiles = []; // filenames ya en servidor (del mensaje WA original)
let _convId = null;
let _pacienteId = null; let _pacienteId = null;
let _isNewPaciente = false; // true = paciente nuevo (no existe en BD aún) let _isNewPaciente = false; // true = paciente nuevo (no existe en BD aún)
let _pacNombre = ''; let _pacNombre = '';
@@ -6962,9 +6957,11 @@ const labDomicilio = (() => {
/* Abre el modal desde el botón del mensaje imagen */ /* Abre el modal desde el botón del mensaje imagen */
abrir(msgId, localFile, convId) { abrir(msgId, localFile, convId) {
_msgId = msgId || null; _msgId = msgId || null;
_localFile = localFile|| null; _localFiles = localFile ? [localFile] : [];
_convId = convId ? parseInt(convId) : null; _newOrderFiles = [];
_newOrderDataUrls = [];
_convId = convId ? parseInt(convId) : null;
// Guardar también el userId actual para usarContacto cuando convId no esté disponible // Guardar también el userId actual para usarContacto cuando convId no esté disponible
if (!_convId && typeof chatApp !== 'undefined' && chatApp.currentUserId) { if (!_convId && typeof chatApp !== 'undefined' && chatApp.currentUserId) {
_convId = '__user:' + chatApp.currentUserId; _convId = '__user:' + chatApp.currentUserId;
@@ -6984,10 +6981,12 @@ const labDomicilio = (() => {
/* Reset completo (nombre paciente + todos los campos) */ /* Reset completo (nombre paciente + todos los campos) */
_resetFull() { _resetFull() {
_pacienteId = null; _pacienteId = null;
_pacNombre = ''; _pacNombre = '';
_histDirs = []; _histDirs = [];
_newOrderFile = null; _newOrderFiles = [];
_newOrderDataUrls = [];
_localFiles = [];
$('labdom-pac-busq').value = ''; $('labdom-pac-busq').value = '';
$('labdom-pac-list').style.display = 'none'; $('labdom-pac-list').style.display = 'none';
$('labdom-pac-buscar').classList.remove('d-none'); $('labdom-pac-buscar').classList.remove('d-none');
@@ -7009,70 +7008,82 @@ const labDomicilio = (() => {
labDomicilio._resetDomicilio(); labDomicilio._resetDomicilio();
}, },
/* Actualiza la previa de orden médica en el modal (imagen o icono de archivo) */ /* Renderiza la lista de archivos de la orden médica */
_updateOrdenPreview() { _updateOrdenPreview() {
const prevDiv = document.getElementById('labdom-img-prev'); const list = $('labdom-ordenes-list');
const addBtn = document.getElementById('labdom-btn-add-orden'); if (!list) return;
const imgEl = document.getElementById('labdom-img-el');
const iconEl = document.getElementById('labdom-file-icon'); const iconCls = ext => {
const nameEl = document.getElementById('labdom-file-name'); const m = { pdf:'fas fa-file-pdf text-danger', doc:'fas fa-file-word text-primary', docx:'fas fa-file-word text-primary', mp4:'fas fa-file-video text-warning', mkv:'fas fa-file-video text-warning', mp3:'fas fa-file-audio text-success', ogg:'fas fa-file-audio text-success', webm:'fas fa-file-video text-warning' };
if (!prevDiv) return; return m[ext] || 'fas fa-file text-secondary';
if (_localFile || _newOrderFile) { };
prevDiv.style.display = ''; const isImgExt = ext => /^(jpg|jpeg|png|gif|webp|bmp)$/.test(ext);
if (addBtn) addBtn.style.display = 'none'; const chip = (label, thumb, delCall) => `<div class="labdom-orden-chip" title="${escLab(label)}">
const fileName = _newOrderFile ? _newOrderFile.name : (_localFile || ''); <div class="labdom-orden-thumb">${thumb}</div>
if (nameEl) nameEl.textContent = fileName; <span class="labdom-orden-name">${escLab(label.length > 13 ? label.slice(0,10)+'\u2026' : label)}</span>
const isImage = /\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(fileName); <button type="button" class="labdom-orden-del" onclick="${delCall}" title="Eliminar">&times;</button>
if (isImage) { </div>`;
if (imgEl) {
imgEl.style.display = ''; let html = '';
if (_newOrderFile) { _localFiles.forEach((fname, i) => {
const reader = new FileReader(); const ext = (fname||'').split('.').pop().toLowerCase();
reader.onload = ev => { imgEl.src = ev.target.result; }; const thumb = isImgExt(ext)
reader.readAsDataURL(_newOrderFile); ? `<img src="uploads/media/${escLab(fname)}" style="width:100%;height:100%;object-fit:cover;border-radius:4px">`
} else { : `<i class="${iconCls(ext)}" style="font-size:1.6rem"></i>`;
imgEl.src = `uploads/media/${_localFile}`; html += chip(fname, thumb, `labDomicilio._eliminarOrden('local',${i})`);
} });
} _newOrderFiles.forEach((file, i) => {
if (iconEl) iconEl.style.display = 'none'; const ext = (file.name||'').split('.').pop().toLowerCase();
} else { const dUrl = _newOrderDataUrls[i] || '';
if (imgEl) imgEl.style.display = 'none'; const thumb = (isImgExt(ext) && dUrl)
if (iconEl) { ? `<img src="${dUrl}" style="width:100%;height:100%;object-fit:cover;border-radius:4px">`
const ext = (fileName || '').split('.').pop().toLowerCase(); : `<i class="${iconCls(ext)}" style="font-size:1.6rem"></i>`;
const iconMap = { pdf: 'fas fa-file-pdf text-danger', doc: 'fas fa-file-word text-primary', docx: 'fas fa-file-word text-primary', mp4: 'fas fa-file-video text-warning', mkv: 'fas fa-file-video text-warning', mp3: 'fas fa-file-audio text-success', ogg: 'fas fa-file-audio text-success', webm: 'fas fa-file-video text-warning' }; html += chip(file.name, thumb, `labDomicilio._eliminarOrden('new',${i})`);
iconEl.innerHTML = `<i class="${iconMap[ext] || 'fas fa-file text-secondary'}" style="font-size:2rem"></i>`; });
iconEl.style.display = 'flex'; list.innerHTML = html;
}
}
} else {
prevDiv.style.display = 'none';
if (addBtn) addBtn.style.display = '';
}
}, },
/* Abre el selector de archivo para cambiar o agregar la orden médica */ /* Abre el selector de archivo (soporta múltiples) y los agrega a la lista */
_cambiarOrden() { _agregarOrden() {
const inp = document.getElementById('labdom-orden-input'); const inp = document.getElementById('labdom-orden-input');
if (!inp) return; if (!inp) return;
const handler = (e) => { const handler = (e) => {
inp.removeEventListener('change', handler); inp.removeEventListener('change', handler);
const file = e.target.files && e.target.files[0]; const files = e.target.files ? Array.from(e.target.files) : [];
if (!file) return; if (!files.length) return;
_newOrderFile = file; let pending = files.length;
_localFile = null; files.forEach(file => {
labDomicilio._updateOrdenPreview(); const ext = (file.name||'').split('.').pop().toLowerCase();
const isImage = /^(jpg|jpeg|png|gif|webp|bmp)$/.test(ext);
if (isImage) {
const reader = new FileReader();
reader.onload = ev => {
_newOrderFiles.push(file);
_newOrderDataUrls.push(ev.target.result);
if (--pending === 0) labDomicilio._updateOrdenPreview();
};
reader.readAsDataURL(file);
} else {
_newOrderFiles.push(file);
_newOrderDataUrls.push('');
if (--pending === 0) labDomicilio._updateOrdenPreview();
}
});
inp.value = ''; inp.value = '';
}; };
inp.addEventListener('change', handler); inp.addEventListener('change', handler);
inp.click(); inp.click();
}, },
/* Elimina la orden médica adjunta */ /* Elimina un archivo específico de la lista */
_eliminarOrden() { _eliminarOrden(type, idx) {
if (!confirm('¿Eliminar la orden médica adjunta?')) return; if (type === 'local') {
_localFile = null; _localFiles.splice(idx, 1);
_newOrderFile = null; if (!_localFiles.length && !_newOrderFiles.length) _msgId = null;
_msgId = null; } else {
_newOrderFiles.splice(idx, 1);
_newOrderDataUrls.splice(idx, 1);
}
labDomicilio._updateOrdenPreview(); labDomicilio._updateOrdenPreview();
}, },
@@ -7410,42 +7421,43 @@ const labDomicilio = (() => {
notas_admin: fv('labdom-notas') || null, notas_admin: fv('labdom-notas') || null,
}; };
// Subir nuevo archivo de orden si el usuario cambió o agregó uno desde el modal // ── Subir archivos nuevos de orden ─────────────────────────────
if (_newOrderFile) { for (const file of _newOrderFiles) {
try { try {
const fd = new FormData(); const fd = new FormData();
fd.append('file', _newOrderFile); fd.append('file', file);
const upRes = await fetch('api/lab/upload_orden.php', { method: 'POST', body: fd }); const upRes = await fetch('api/lab/upload_orden.php', { method: 'POST', body: fd });
const upData = await upRes.json(); const upData = await upRes.json();
if (upData.success && upData.local_file) { if (upData.success && upData.local_file) _localFiles.push(upData.local_file);
_localFile = upData.local_file; } catch (_e) { /* silencioso */ }
_newOrderFile = null;
}
} catch (_e) { /* silencioso — no bloquea el flujo */ }
} }
_newOrderFiles = [];
_newOrderDataUrls = [];
// Si hay orden médica (original o recién subida), crear registro y enlazar // ── Crear registro de orden por cada archivo ───────────────────
if (_localFile) { if (_localFiles.length) {
try { try {
const convIdNum = (_convId && !String(_convId).startsWith('__user:')) const convIdNum = (_convId && !String(_convId).startsWith('__user:'))
? parseInt(_convId) : null; ? parseInt(_convId) : null;
const orRes = await fetch('api/lab/crear_desde_whatsapp.php', { for (let _fi = 0; _fi < _localFiles.length; _fi++) {
method: 'POST', const orRes = await fetch('api/lab/crear_desde_whatsapp.php', {
headers: { 'Content-Type': 'application/json' }, method: 'POST',
body: JSON.stringify({ headers: { 'Content-Type': 'application/json' },
paciente_id: _pacienteId, body: JSON.stringify({
local_file: _localFile, paciente_id: _pacienteId,
media_message_id: _msgId || null, local_file: _localFiles[_fi],
conversation_id: convIdNum, media_message_id: _fi === 0 ? (_msgId || null) : null,
examenes_solicitados: datos.examenes_solicitados, conversation_id: convIdNum,
estado: 'pendiente', examenes_solicitados: datos.examenes_solicitados,
}), estado: 'pendiente',
}); }),
const orData = await orRes.json(); });
if (orData.success && orData.orden_id) { const orData = await orRes.json();
datos.orden_id = orData.orden_id; if (orData.success && orData.orden_id && _fi === 0) {
datos.orden_id = orData.orden_id;
}
} }
} catch (_) { /* no bloquea si falla la creación de la orden */ } } catch (_) { /* no bloquea */ }
} }
try { try {
@@ -7598,9 +7610,10 @@ const labDomicilio = (() => {
pacienteId: _pacienteId, pacienteId: _pacienteId,
pacNombre: _pacNombre, pacNombre: _pacNombre,
histDirs: [..._histDirs], histDirs: [..._histDirs],
msgId: _msgId, msgId: _msgId,
localFile: _localFile, localFiles: [..._localFiles],
newOrderFile: _newOrderFile, newOrderFiles: [..._newOrderFiles],
newOrderDataUrls: [..._newOrderDataUrls],
cardVisible: !document.getElementById('labdom-pac-card')?.classList.contains('d-none'), cardVisible: !document.getElementById('labdom-pac-card')?.classList.contains('d-none'),
pacInfo: { pacInfo: {
nombre: document.getElementById('labdom-pac-nombre')?.value || '', nombre: document.getElementById('labdom-pac-nombre')?.value || '',
@@ -7687,9 +7700,10 @@ const labDomicilio = (() => {
_pacienteId = sesion.pacienteId; _pacienteId = sesion.pacienteId;
_pacNombre = sesion.pacNombre; _pacNombre = sesion.pacNombre;
_histDirs = sesion.histDirs || []; _histDirs = sesion.histDirs || [];
_msgId = sesion.msgId; _msgId = sesion.msgId;
_localFile = sesion.localFile; _localFiles = sesion.localFiles || (sesion.localFile ? [sesion.localFile] : []);
_newOrderFile = sesion.newOrderFile || null; _newOrderFiles = sesion.newOrderFiles || (sesion.newOrderFile ? [sesion.newOrderFile] : []);
_newOrderDataUrls = sesion.newOrderDataUrls || [];
// Restaurar campos del formulario // Restaurar campos del formulario
const f = sesion.fields || {}; const f = sesion.fields || {};