Arreglando el santo del dia

frontend/js/codigo.js

@@ -42,6 +42,7 @@ function inicializarVariables() {
     fechaHoyElem = document.getElementById('fecha-hoy');
     nombreCicloElem = document.getElementById('nombre_ciclo');
     cicloParImparElem = document.getElementById('ciclo_par_impar');
+    santoDelDiaElem = document.getElementById('santo-del-dia');
     descripcionSantoDelDiaElem = document.getElementById('descripcion-santo-del-dia');
     indicadorLiturgicoElem = document.getElementById('indicador-liturgico');
 }

frontend/js/header.js

@@ -137,20 +137,20 @@ async function difuntos() {
 }
 
 
-
 /* ================================
    6. SANTO DEL DÍA
 ================================ */
 
 async function santoDelDia() {
+    const hoy = new Date();
+    const offset = hoy.getTimezoneOffset() * 60000;
+    const fechaHoy = new Date(hoy - offset).toISOString().split('T')[0];
+
     try {
         const res = await apiCall('/santo/hoy');
-        if (!res || !res.ok) {
+        const data = res && res.ok ? await res.json() : await cargarSantoLocal(fechaHoy);
-            if (santoDelDiaElem) santoDelDiaElem.textContent = "";
+
-            if (descripcionSantoDelDiaElem) descripcionSantoDelDiaElem.textContent = "";
+        if (!data) return;
-            return;
-        }
-        const data = await res.json();
         console.log("Actualizando santo:", data.santo, santoDelDiaElem, descripcionSantoDelDiaElem);
         if (santoDelDiaElem) santoDelDiaElem.textContent = data.santo || "";
         if (descripcionSantoDelDiaElem) descripcionSantoDelDiaElem.textContent = data.descripcion || "";
@@ -158,7 +158,21 @@ async function santoDelDia() {
         console.log("try: Actualizando santo:", data.santo, santoDelDiaElem);
     } catch (e) {
         console.error("Error obteniendo el santo del día desde la API:", e);
-        console.log("catch: No se pudo actualizar el santo del día, manteniendo el texto actual:", santoDelDiaElem ? santoDelDiaElem.textContent : "Elemento no encontrado");
+        const data = await cargarSantoLocal(fechaHoy);
+        if (data && santoDelDiaElem) santoDelDiaElem.textContent = data.santo || "";
+        if (data && descripcionSantoDelDiaElem) descripcionSantoDelDiaElem.textContent = data.descripcion || "";
+    }
+}
+
+async function cargarSantoLocal(fecha) {
+    try {
+        const res = await fetch('data/santos.json');
+        if (!res.ok) throw new Error('No se pudo cargar el santoral local');
+        const santos = await res.json();
+        return santos.find(santo => santo.fecha === fecha) || null;
+    } catch (e) {
+        console.error("Error cargando el santoral local:", e);
+        return null;
     }
 }
 

frontend/js/intenciones.js

@@ -121,12 +121,16 @@ async function cargarIntenciones() {
     try {
         const response = await apiCall(endpoint);
         if (!response || !response.ok) {
-            sinIntenciones.style.display = "block";
+            throw new Error("API no disponible");
-            return;
         }
 
         const intenciones = await response.json();
 
+        // Actualizar caché local con los datos de la API
+        if (ambitoActual === "personal") {
+            localStorage.setItem(keyIntenciones(), JSON.stringify(intenciones));
+        }
+
         if (intenciones.length === 0) {
             sinIntenciones.style.display = "block";
             return;
@@ -136,12 +140,13 @@ async function cargarIntenciones() {
         intenciones.forEach(i => crearHexagono(i));
 
     } catch (e) {
-        // Si no hay conexión, mostrar las intenciones personales del localStorage como fallback
+        // Fallback a localStorage si la API falla o no hay conexión
         if (ambitoActual === "personal") {
             const local = JSON.parse(localStorage.getItem(keyIntenciones()) || localStorage.getItem("intenciones") || "[]");
             if (local.length === 0) {
                 sinIntenciones.style.display = "block";
             } else {
+                sinIntenciones.style.display = "none";
                 local.forEach(i => crearHexagono({ texto: i.texto, icono: i.icono, esPropia: true }));
             }
         } else {
@@ -171,6 +176,12 @@ async function guardarIntencion() {
 
         if (response && response.ok) {
             const nueva = await response.json();
+            // Actualizar caché local
+            if (ambitoActual === "personal") {
+                const local = JSON.parse(localStorage.getItem(keyIntenciones()) || "[]");
+                local.push(nueva);
+                localStorage.setItem(keyIntenciones(), JSON.stringify(local));
+            }
             crearHexagono({ ...nueva, esPropia: true });
             document.getElementById("sin-intenciones").style.display = "none";
         }