Actualizar js/layout.js

js/layout.js

@@ -6,6 +6,21 @@
 // ==========================================
 // 🎨 INYECTOR DE LOGO CORPORATIVO Y PWA (ICONOS APP)
 // ==========================================
+
+// 1. INYECCIÓN SÚPER RÁPIDA (Para engañar a los iPhone 🍏)
+// Miramos si ya tenemos el logo guardado en la memoria del móvil
+const savedLogo = localStorage.getItem("company_logo");
+if (savedLogo) {
+    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 = savedLogo;
+}
+
+// 2. DESCARGA DESDE EL SERVIDOR Y CABECERA
 setTimeout(async () => {
     if (!localStorage.getItem("token")) return;
     
@@ -22,7 +37,10 @@ setTimeout(async () => {
         if (data.ok && data.config && data.config.company_logo) {
             const logoUrl = data.config.company_logo;
 
-            // 1. INYECTAR EN LA CABECERA (Reemplaza la letra naranja por el logo)
+            // Guardamos el logo en la memoria del móvil para la próxima vez
+            localStorage.setItem("company_logo", logoUrl);
+
+            // INYECTAR EN LA CABECERA (Reemplaza la letra naranja por el logo)
             const headerIcon = document.querySelector('header .w-10.h-10.rounded-xl, #header-container .w-10.h-10');
             if (headerIcon) {
                 headerIcon.innerHTML = '';
@@ -36,17 +54,7 @@ setTimeout(async () => {
                 headerIcon.appendChild(img);
             }
 
-            // 2. INYECTAR ICONO DE APP (Favicon para PC y Android)
+            // Inyectamos el icono por si es la primera vez que entra
-            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');
@@ -58,7 +66,7 @@ setTimeout(async () => {
     } catch (e) {
         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
+}, 100); 
 
 // 🛑 RASTREADOR FANTASMA GPS (MODO DE CAMINO) DESACTIVADO TEMPORALMENTE 🛑
 // (Por petición del desarrollador, se ha eliminado el bloque setInterval del GPS)