Actualizar index.htmlç

This commit is contained in:
2026-02-25 22:17:45 +00:00
parent ced6a64afb
commit 709bf86e1e

View File

@@ -163,11 +163,9 @@
</div>`; </div>`;
} }
else if (srv.status_name === 'Técnico de Camino') { else if (srv.status_name === 'Técnico de Camino') {
// Preparamos la dirección para calcular la ETA
const fullAddr = `${raw["Dirección"] || ""}, ${raw["Código Postal"] || ""} ${raw["Población"] || ""}`; const fullAddr = `${raw["Dirección"] || ""}, ${raw["Código Postal"] || ""} ${raw["Población"] || ""}`;
etasToInit.push({ id: srv.id, address: fullAddr }); etasToInit.push({ id: srv.id, address: fullAddr });
// ESTRUCTURA BASE DE LA BARRA DE PROGRESO (SE LLENA CON JS)
statusHtml = ` statusHtml = `
<div class="bg-indigo-50 border border-indigo-200 p-6 rounded-3xl relative overflow-hidden shadow-inner"> <div class="bg-indigo-50 border border-indigo-200 p-6 rounded-3xl relative overflow-hidden shadow-inner">
<div class="flex items-center gap-5 relative z-10"> <div class="flex items-center gap-5 relative z-10">
@@ -194,6 +192,19 @@
</div> </div>
</div>`; </div>`;
} }
else if (srv.status_name === 'En Incidencia' || (srv.status_name || '').toLowerCase().includes('incidencia')) {
// AQUÍ ESTÁ EL BLOQUE DE INCIDENCIA AÑADIDO
statusHtml = `
<div class="bg-rose-50 border border-rose-200 p-6 rounded-3xl flex items-center gap-5 shadow-inner">
<div class="w-14 h-14 bg-rose-500 text-white rounded-2xl flex items-center justify-center shadow-md shrink-0 animate-pulse">
<i data-lucide="alert-triangle" class="w-7 h-7"></i>
</div>
<div>
<h4 class="font-black text-rose-800 uppercase text-base tracking-tight">En Incidencia</h4>
<p class="text-[10px] text-rose-600 font-bold mt-1.5 leading-tight">Ha surgido un contratiempo técnico. Estamos gestionándolo para solucionarlo lo antes posible.</p>
</div>
</div>`;
}
else if (srv.status_name === 'Visita Agendada' || (srv.scheduled_date && srv.scheduled_time)) { else if (srv.status_name === 'Visita Agendada' || (srv.scheduled_date && srv.scheduled_time)) {
const endT = addOneHour(srv.scheduled_time); const endT = addOneHour(srv.scheduled_time);
statusHtml = ` statusHtml = `
@@ -206,20 +217,6 @@
</div> </div>
</div>`; </div>`;
} }
else if (srv.status_name === 'En Incidencia' || srv.status_name.toLowerCase().includes('incidencia')) {
statusHtml = `
<div class="bg-rose-50 border border-rose-200 p-6 rounded-3xl flex items-center gap-5 shadow-inner">
<div class="w-14 h-14 bg-rose-500 text-white rounded-2xl flex items-center justify-center shadow-md shrink-0 animate-pulse">
<i data-lucide="alert-triangle" class="w-7 h-7"></i>
</div>
<div>
<h4 class="font-black text-rose-800 uppercase text-base tracking-tight">En Incidencia</h4>
<p class="text-[10px] text-rose-600 font-bold mt-1.5 leading-tight">Ha surgido un contratiempo técnico. Estamos gestionándolo para solucionarlo lo antes posible.</p>
</div>
</div>`;
}
else { else {
statusHtml = ` statusHtml = `
<div class="bg-slate-100 border border-slate-200 p-6 rounded-3xl text-center"> <div class="bg-slate-100 border border-slate-200 p-6 rounded-3xl text-center">