Actualizar js/layout.js

This commit is contained in:
2026-03-24 21:14:32 +00:00
parent eec832e69b
commit 7ffae69275

View File

@@ -4,43 +4,61 @@
... */ ... */
// ========================================== // ==========================================
// RASTREADOR FANTASMA GPS (MODO DE CAMINO) // 🎨 INYECTOR DE LOGO CORPORATIVO Y PWA (ICONOS APP)
// ========================================== // ==========================================
setInterval(async () => { setTimeout(async () => {
if (!localStorage.getItem("token") || localStorage.getItem("role") !== "operario") return; if (!localStorage.getItem("token")) return;
const TRACK_API = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1'
? 'http://localhost:3000'
: 'https://integrarepara-api.integrarepara.es';
try { try {
const resSt = await fetch(`${TRACK_API}/statuses`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } }); const TRACK_API = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1'
const dataSt = await resSt.json(); ? 'http://localhost:3000'
if (!dataSt.ok) return; : 'https://integrarepara-api.integrarepara.es';
const res = await fetch(`${TRACK_API}/config/company`, {
headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` }
});
const data = await res.json();
const caminoSt = dataSt.statuses.find(s => s.name.toLowerCase().includes('camino')); if (data.ok && data.config && data.config.company_logo) {
if (!caminoSt) return; const logoUrl = data.config.company_logo;
const resSvc = await fetch(`${TRACK_API}/services/active`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } }); // 1. INYECTAR EN LA CABECERA (Reemplaza la letra naranja por el logo)
const dataSvc = await resSvc.json(); const headerIcon = document.querySelector('header .w-10.h-10.rounded-xl, #header-container .w-10.h-10');
if (!dataSvc.ok) return; if (headerIcon) {
headerIcon.innerHTML = '';
const enRuta = dataSvc.services.filter(s => String(s.raw_data?.status_operativo) === String(caminoSt.id)); headerIcon.className = "w-10 h-10 flex shrink-0 items-center justify-center";
headerIcon.style.background = "transparent";
if (enRuta.length > 0) { headerIcon.style.boxShadow = "none";
// Alta velocidad activada (enableHighAccuracy: false)
navigator.geolocation.getCurrentPosition(async (pos) => {
const lat = pos.coords.latitude;
const lng = pos.coords.longitude;
for (let s of enRuta) { const img = document.createElement('img');
await fetch(`${TRACK_API}/services/${s.id}/location`, { img.src = logoUrl;
method: 'POST', img.className = "max-w-full max-h-full object-contain drop-shadow-sm";
headers: { "Content-Type": "application/json", "Authorization": `Bearer ${localStorage.getItem("token")}` }, headerIcon.appendChild(img);
body: JSON.stringify({ lat, lng }) }
});
} // 2. INYECTAR ICONO DE APP (Favicon para PC y Android)
}, () => {}, { enableHighAccuracy: false, timeout: 10000, maximumAge: 30000 }); let favicon = document.querySelector("link[rel~='icon']");
if (!favicon) {
favicon = document.createElement('link');
favicon.rel = 'icon';
document.head.appendChild(favicon);
}
favicon.href = logoUrl;
// 3. INYECTAR ICONO DE iPHONE (Apple Touch Icon)
// Esto le dice a Safari qué foto usar si le dan a "Añadir a la pantalla de inicio"
let appleIcon = document.querySelector("link[rel='apple-touch-icon']");
if (!appleIcon) {
appleIcon = document.createElement('link');
appleIcon.rel = 'apple-touch-icon';
document.head.appendChild(appleIcon);
}
appleIcon.href = logoUrl;
} }
} catch (e) { } } catch (e) {
}, 15000); // Se ejecuta cada 15 segundos console.error("No se pudo cargar la configuración visual de la empresa", e);
}
}, 300); // Pequeño retraso para dejar que el HTML se dibuje primero
// 🛑 RASTREADOR FANTASMA GPS (MODO DE CAMINO) DESACTIVADO TEMPORALMENTE 🛑
// (Por petición del desarrollador, se ha eliminado el bloque setInterval del GPS)