Actualizar calendario.html

This commit is contained in:
2026-03-21 19:54:54 +00:00
parent 96865e3729
commit cf875de54f

View File

@@ -615,6 +615,14 @@
const estadoCia = raw['ACTUALMENTE EN'] || raw['Estado'] || raw['ESTADO'] || raw['Situación'] || ""; const estadoCia = raw['ACTUALMENTE EN'] || raw['Estado'] || raw['ESTADO'] || raw['Situación'] || "";
const tagEstado = estadoCia ? `<span class="text-[8px] font-black bg-amber-50 text-amber-600 px-2 py-0.5 rounded uppercase border border-amber-200 truncate max-w-[150px]" title="${estadoCia}">${estadoCia}</span>` : ''; const tagEstado = estadoCia ? `<span class="text-[8px] font-black bg-amber-50 text-amber-600 px-2 py-0.5 rounded uppercase border border-amber-200 truncate max-w-[150px]" title="${estadoCia}">${estadoCia}</span>` : '';
// 🛑 NUEVO: EXTRAER Y PINTAR LOS ICONOS DE CANDADO Y OJOS
const hasLock = raw.has_lock === true || String(raw.has_lock) === 'true';
const hasEyes = raw.has_eyes === true || String(raw.has_eyes) === 'true';
let alertBadges = '';
if (hasLock) alertBadges += `<span class="bg-slate-800 text-white px-1.5 py-0.5 rounded text-[10px] shadow-sm inline-flex items-center" title="Gestora (Candado)"><i data-lucide="lock" class="w-3 h-3"></i></span>`;
if (hasEyes) alertBadges += `<span class="bg-amber-500 text-white px-1.5 py-0.5 rounded animate-pulse text-[10px] shadow-sm inline-flex items-center" title="Requiere Información (Ojos)"><i data-lucide="eye" class="w-3 h-3"></i></span>`;
return ` return `
<div onclick="openService(${s.id})" class="bg-white p-6 rounded-[2.5rem] border ${hasNewMessage ? 'border-blue-400 ring-2 ring-blue-50' : 'border-slate-200'} shadow-sm active:scale-95 transition-transform flex gap-4 relative overflow-hidden text-left"> <div onclick="openService(${s.id})" class="bg-white p-6 rounded-[2.5rem] border ${hasNewMessage ? 'border-blue-400 ring-2 ring-blue-50' : 'border-slate-200'} shadow-sm active:scale-95 transition-transform flex gap-4 relative overflow-hidden text-left">
@@ -638,7 +646,10 @@
<span class="text-[8px] font-black bg-blue-50 text-blue-600 px-2 py-0.5 rounded uppercase border border-blue-100">${guildObj ? guildObj.name : 'Reparación'}</span> <span class="text-[8px] font-black bg-blue-50 text-blue-600 px-2 py-0.5 rounded uppercase border border-blue-100">${guildObj ? guildObj.name : 'Reparación'}</span>
${tagEstado} ${tagEstado}
</div> </div>
<div class="flex items-center gap-1.5">
<h3 class="font-black text-slate-800 text-sm uppercase leading-tight truncate">${name}</h3> <h3 class="font-black text-slate-800 text-sm uppercase leading-tight truncate">${name}</h3>
${alertBadges}
</div>
<p class="text-[10px] font-bold text-slate-400 mt-1 truncate uppercase flex items-center gap-1.5"><i data-lucide="map-pin" class="w-3 h-3 shrink-0"></i> ${addr}</p> <p class="text-[10px] font-bold text-slate-400 mt-1 truncate uppercase flex items-center gap-1.5"><i data-lucide="map-pin" class="w-3 h-3 shrink-0"></i> ${addr}</p>
</div> </div>
</div>`; </div>`;