Actualizar proveedores.html

This commit is contained in:
2026-03-22 14:21:08 +00:00
parent 89bcece3aa
commit 6437cf7e71

View File

@@ -120,6 +120,7 @@
<div class="flex flex-wrap items-center gap-2 mt-1">
<span id="displayRef" class="text-[10px] bg-white text-slate-500 px-2.5 py-1 rounded-lg font-black border border-slate-200 uppercase tracking-widest shadow-sm shrink-0">REF: --</span>
<span id="displayCompany" class="text-[10px] bg-blue-50 text-blue-700 px-2.5 py-1 rounded-lg font-black border border-blue-200 uppercase tracking-widest truncate max-w-[200px] shadow-sm">--</span>
<div id="modalAlertsContainer" class="flex gap-1 shrink-0"></div>
</div>
</div>
</div>
@@ -721,18 +722,22 @@
document.getElementById('modalCompanyLogo').innerHTML = `<img src="${getLogoUrl(companyName)}" class="max-w-full max-h-full object-contain">`;
document.getElementById('displayRef').innerText = `REF: ${svc.service_ref}`;
// 🛑 AQUÍ INYECTAMOS EL ESTADO EN EL MODAL Y LOS ICONOS DE ALERTA
// 🛑 AQUÍ INYECTAMOS EL ESTADO EN EL MODAL Y LOS ICONOS DE ALERTA SEPARADOS
const hasLock = raw.has_lock === true || String(raw.has_lock) === 'true';
const hasEyes = raw.has_eyes === true || String(raw.has_eyes) === 'true';
let modalAlerts = '';
if (hasLock) modalAlerts += `<span class="ml-2 bg-slate-800 text-white px-2 py-0.5 rounded flex items-center gap-1" title="Gestora (Candado)"><i data-lucide="lock" class="w-3 h-3"></i></span>`;
if (hasEyes) modalAlerts += `<span class="ml-2 bg-amber-500 text-white px-2 py-0.5 rounded animate-pulse flex items-center gap-1" title="Requiere Información (Ojos)"><i data-lucide="eye" class="w-3 h-3"></i></span>`;
if (hasLock) modalAlerts += `<span class="bg-slate-800 text-white p-1.5 rounded-lg shadow-sm flex items-center justify-center" title="Gestora (Candado)"><i data-lucide="lock" class="w-3.5 h-3.5"></i></span>`;
if (hasEyes) modalAlerts += `<span class="bg-amber-500 text-white p-1.5 rounded-lg animate-pulse shadow-sm flex items-center justify-center" title="Requiere Información (Ojos)"><i data-lucide="eye" class="w-3.5 h-3.5"></i></span>`;
const estadoCia = raw['ACTUALMENTE EN'] || raw['Estado'] || raw['ESTADO'] || "";
if (estadoCia) {
document.getElementById('displayCompany').innerHTML = `${companyName} <span class="ml-2 pl-2 border-l border-blue-200 text-blue-600 font-black uppercase text-[9px] tracking-widest bg-blue-50 px-2 py-0.5 rounded">${estadoCia}</span>${modalAlerts}`;
document.getElementById('displayCompany').innerHTML = `${companyName} <span class="ml-2 pl-2 border-l border-blue-200 text-blue-600 font-black uppercase text-[9px] tracking-widest">${estadoCia}</span>`;
} else {
document.getElementById('displayCompany').innerHTML = `${companyName}${modalAlerts}`;
document.getElementById('displayCompany').innerHTML = companyName;
}
if (document.getElementById('modalAlertsContainer')) {
document.getElementById('modalAlertsContainer').innerHTML = modalAlerts;
}
if (isArchived) {