-
🙏 Mis Intenciones Personales
-
Estas intenciones se guardan solo en tu dispositivo.
-
+
+
+
+
🙏 Intenciones de Oración
+
Cada intención se guarda solo en tu dispositivo.
+
-
-
+
+
-
+
+
+
+
+
+
×
+
![]()
+
+
+
+
+
-
\ No newline at end of file
+
diff --git a/js/intenciones.js b/js/intenciones.js
index a810c20..2f216eb 100644
--- a/js/intenciones.js
+++ b/js/intenciones.js
@@ -1,41 +1,61 @@
-document.addEventListener('DOMContentLoaded', () => {
- const input = document.getElementById('nueva-intencion');
- const btnGuardar = document.getElementById('btn-guardar');
- const lista = document.getElementById('lista-intenciones');
+// Cargar intenciones desde localStorage
+let intenciones = JSON.parse(localStorage.getItem("intenciones")) || [];
- // 1. Cargar intenciones guardadas al iniciar
- let intenciones = JSON.parse(localStorage.getItem('misIntenciones')) || [];
- renderizarIntenciones();
+const muro = document.getElementById("muro-intenciones");
+const input = document.getElementById("nueva-intencion");
+const btn = document.getElementById("btn-guardar");
- // 2. Función para guardar
- btnGuardar.addEventListener('click', () => {
- const texto = input.value.trim();
- if (texto) {
- intenciones.push({ id: Date.now(), texto: texto });
- localStorage.setItem('misIntenciones', JSON.stringify(intenciones));
- input.value = '';
- renderizarIntenciones();
- }
- });
+// Iconos disponibles
+const iconos = ["vela.png", "flor.png", "cruz.png"];
- // 3. Función para mostrar en pantalla
- function renderizarIntenciones() {
- lista.innerHTML = '';
- intenciones.forEach(intencion => {
- const li = document.createElement('li');
- li.className = 'item-intencion';
- li.innerHTML = `
-
${intencion.texto}
-
- `;
- lista.appendChild(li);
- });
- }
+// Crear un hexágono
+function crearHexagono(intencion, icono) {
+ const hex = document.createElement("div");
+ hex.className = "hexagono";
+ hex.dataset.intencion = intencion;
+ hex.dataset.icono = icono;
- // 4. Función para eliminar (la hacemos global para que el onclick funcione)
- window.eliminarIntencion = (id) => {
- intenciones = intenciones.filter(i => i.id !== id);
- localStorage.setItem('misIntenciones', JSON.stringify(intenciones));
- renderizarIntenciones();
- };
-});
\ No newline at end of file
+ hex.innerHTML = `
`;
+
+ muro.appendChild(hex);
+}
+
+// Guardar intención
+btn.addEventListener("click", () => {
+ const texto = input.value.trim();
+ if (texto === "") return;
+
+ const icono = iconos[Math.floor(Math.random() * iconos.length)];
+
+ intenciones.push({ texto, icono });
+ localStorage.setItem("intenciones", JSON.stringify(intenciones));
+
+ crearHexagono(texto, icono);
+ input.value = "";
+});
+
+// Mostrar intenciones guardadas
+intenciones.forEach(i => crearHexagono(i.texto, i.icono));
+
+// MODAL
+const modal = document.getElementById("modal-intencion");
+const cerrar = document.getElementById("cerrar-modal");
+const textoModal = document.getElementById("texto-modal");
+const iconoModal = document.getElementById("icono-modal");
+
+// Abrir modal al tocar un hexágono
+document.addEventListener("click", e => {
+ const hex = e.target.closest(".hexagono");
+ if (!hex) return;
+
+ textoModal.textContent = hex.dataset.intencion;
+ iconoModal.src = "img/iconos/" + hex.dataset.icono;
+
+ modal.classList.add("visible");
+});
+
+// Cerrar modal
+cerrar.onclick = () => modal.classList.remove("visible");
+modal.onclick = e => {
+ if (e.target === modal) modal.classList.remove("visible");
+};
diff --git a/js/login.js b/js/login.js
new file mode 100644
index 0000000..ab684c8
--- /dev/null
+++ b/js/login.js
@@ -0,0 +1,46 @@
+async function login() {
+ const email = document.getElementById("email").value.trim();
+ const password = document.getElementById("password").value.trim();
+ const msg = document.getElementById("mensaje");
+
+ msg.textContent = "";
+ msg.className = "msg";
+
+ if (!email || !password) {
+ msg.textContent = "Por favor, completa todos los campos.";
+ msg.classList.add("error");
+ return;
+ }
+
+ try {
+ const response = await fetch("http://aplicacionesdevanguardia.es:8080/auth/login", {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ email, password })
+ });
+
+ if (response.ok) {
+ const data = await response.json();
+
+ // Guardar token
+ localStorage.setItem("token", data.token);
+
+ msg.textContent = "Inicio de sesión correcto.";
+ msg.classList.add("success");
+
+ // Redirigir a la página privada
+ setTimeout(() => {
+ window.location.href = "intenciones.html";
+ }, 1000);
+
+ } else {
+ const error = await response.text();
+ msg.textContent = "Error: " + error;
+ msg.classList.add("error");
+ }
+
+ } catch (e) {
+ msg.textContent = "No se pudo conectar con el servidor.";
+ msg.classList.add("error");
+ }
+}
diff --git a/js/register.js b/js/register.js
new file mode 100644
index 0000000..1263e86
--- /dev/null
+++ b/js/register.js
@@ -0,0 +1,36 @@
+ async function registrar() {
+ const nombre = document.getElementById("nombre").value.trim();
+ const email = document.getElementById("email").value.trim();
+ const password = document.getElementById("password").value.trim();
+ const msg = document.getElementById("mensaje");
+
+ msg.textContent = "";
+ msg.className = "msg";
+
+ if (!nombre || !email || !password) {
+ msg.textContent = "Por favor, completa todos los campos.";
+ msg.classList.add("error");
+ return;
+ }
+
+ try {
+ const response = await fetch("http://aplicacionesdevanguardia.es:8080/auth/register", {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ nombre, email, password })
+ });
+
+ if (response.ok) {
+ msg.textContent = "Cuenta creada correctamente.";
+ msg.classList.add("success");
+ } else {
+ const error = await response.text();
+ msg.textContent = "Error: " + error;
+ msg.classList.add("error");
+ }
+
+ } catch (e) {
+ msg.textContent = "No se pudo conectar con el servidor.";
+ msg.classList.add("error");
+ }
+ }
\ No newline at end of file
diff --git a/login.html b/login.html
new file mode 100644
index 0000000..d21b0bc
--- /dev/null
+++ b/login.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
Iniciar sesión
+
+
+
+
+
+
+
+
+
+
Iniciar sesión
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/register.html b/register.html
new file mode 100644
index 0000000..96791e1
--- /dev/null
+++ b/register.html
@@ -0,0 +1,36 @@
+
+
+
+
+
+
Crear cuenta
+
+
+
+
+
+
+
+
+
+
Crear cuenta
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+