/* posteriormente la información a cargar estará en una DB, la idea es más adelante hacer una página de backoffice desde donde el admin gestionará los cambios (adición, eliminación o modificación de productos, eventos...) */ const infoProductos = [ { numeroproducto: 1, titulo: "Primaris Invictor Tactical Warsuit", img1: "../RECURSOS/Productos/Invictor300px.jpg", img2: "../RECURSOS/Productos/InvictorLado300px.jpg", img3: "../RECURSOS/Productos/InvictorOtroLado300px.jpg", alt:"Invictor", textodescrip: "Armadura de combate de los Ángeles Oscuros completamente pintada con un alto grado de detalle y personalización.", disponibles: 1, precio: "150,00" }, { numeroproducto: 2, titulo: "Termagantes Tiránidos", img1: "../RECURSOS/Productos/TermagantesFront300px.jpg", img2: "../RECURSOS/Productos/TermagantesLado300px.jpg", img3: "../RECURSOS/Productos/TermagantesBack300px.jpg", alt: "Termagantes", textodescrip: "Unidad Básica de 10 Termagantes listos para la batalla. Especialistas en cuerpo a cuerpo, pese a no ser de élite aprovechan su gran número.", disponibles: 1, precio: "139,00" }, { numeroproducto: 3, titulo: "Primaris Inceptor Squad", img1: "../RECURSOS/Productos/Inceptor300px.jpg", img2: "../RECURSOS/Productos/InceptorLado300px.jpg", img3: "../RECURSOS/Productos/PortadaInceptores300px.png", alt: "Inceptores", textodescrip: "Unidad de 3 Primaris Inceptors Ángeles Oscuros en armadura gravis equipados con armas de plasma.", disponibles: 1, precio: "149,00" }, { numeroproducto: 4, titulo: "Teniente Primaris Ángel Oscuro", img1: "../RECURSOS/Productos/Teniente300px.jpg", img2: "../RECURSOS/Productos/TenienteLadoDos300px.jpg", img3: "../RECURSOS/Productos/TenienteLadouUno300px.jpg", alt: "Teniente", textodescrip: "Teniente Primaris de los Ángeles Oscuros equipado con arma de energía y pistola de plasma.", disponibles: 1, precio: "85,00" }, { numeroproducto: 5, titulo: "Guerreros Tiránidos", img1: "../RECURSOS/Productos/TyranidWarriorUnoFront300px.jpg", img2: "../RECURSOS/Productos/TyranidWarriorUno300px.jpg", img3: "../RECURSOS/Productos/TyranidWarriorUnoBack300px.jpg", alt: "Guerrero Tiranido", textodescrip: "Versátil unidad de 2 guerreros y 1 primus. Bio-armas de disparo a distancicia y garras y látigo para el cuerpo a cuerpo.", disponibles: 1, precio: "129,00" } ] const listaEventos = [ { numeroEvento: 1, titulo: "PARTIDA ZOMBICIDE 2ND EDITION", texto: " Clásica partida de zombis, mínimo 4 jugadores para disfrutar de una experiencia aterradora.", fecha: new Date(2023, 11, 27), img: "../RECURSOS/Eventos/logozombicide150px.jpg" }, { numeroEvento: 2, titulo: "TORNEO PATRULLAS WARHAMMER 40K", texto: "Torneito de toma de contacto para los recién iniciados al hobbie. Desde la Forja ponemos a vuestra disposición mesas, escenografía, ejército(en caso de que sea tu primera vez) y personal de apoyo.", fecha: new Date(2023, 11, 30), img: "../RECURSOS/Eventos/AquilaImperial150px.png" }, { numeroEvento: 3, titulo: "TORNEO 1000PTS WARHAMMER 40K", texto: "Torneo para foguearse, la mitad de puntos que una partida competitiva. Desde la Forja ponemos a vuestra disposición mesas, escenografía y árbitro.", fecha: new Date(2024, 0, 3), img: "../RECURSOS/Eventos/AquilaImperial150px.png" } ] /*---------------------------- CONFIGURACION COOKIES------------------- */ function galletas() { const aceptarGalletas = document.getElementById("botonGalleta"); const avisoGalleta = document.getElementById("avisoGalleta"); const fondoAvisoGalleta = document.getElementById("fondoAvisoGalletas"); const galletasNecesarias = document.getElementById("galletasNecesarias"); const galletasAnalisis = document.getElementById("galletasAnaliticas"); const galletasPublicidad = document.getElementById("galletasPubli"); /** if(!localStorage.getItem('galletas-aceptadas')){ avisoGalleta.classList.add('active'); fondoAvisoGalleta.classList.add('active') } */ if(!getCookieExistance("cookieNecesaria")){ avisoGalleta.classList.add('active'); fondoAvisoGalleta.classList.add('active') } aceptarGalletas.addEventListener('click', () => { if (galletasAnalisis.checked){ document.cookie = "cookieAnalisis=true; max-age=2628000; path=/;"; } if (galletasPublicidad.checked){ document.cookie = "cookiepubli=true; max-age=2628000; path=/;"; } if (galletasNecesarias.checked){ document.cookie = "cookieNecesaria=true; max-age=2628000; path=/;"; avisoGalleta.classList.remove('active'); fondoAvisoGalleta.classList.remove('active'); location.reload(); } }) function getCookieExistance(nombre) { var cookies = document.cookie.split(";"); for (var i = 0; i < cookies.length; i++) { var cookie = cookies[i].trim(); if (cookie.startsWith(nombre + "=")) { return true; } } return false; // Si no se encuentra la cookie, retorna false } } const cargado = () => { // ---------------------- CONFIGURACIÓN BOTON SUBIR ARRIBA ----------------------------- const $btnUp = document.getElementById("botonArriba"); document.addEventListener("click", (e) =>{ if(e.target === $btnUp || e.target.matches(".fa-arrow-up")){ window.scrollTo({ behaviour: "smooth", top: 0 }) } }); //--------------------- CONFIGURACIÓN CARRITO COMPRA ------------------------------------- //--------------------- CONFIGURACIÓN CONTENEDOR SERVICIOS ------------------------------------- const karroGrande = document.querySelector('.karro-grande'); const puntoKarro = document.querySelectorAll('.punto-karro'); puntoKarro.forEach((punto , i)=> { puntoKarro[i].addEventListener('click', ()=>{ let posicionPunto = i; let widthImg = 100 / puntoKarro.length let operacionPunto = posicionPunto * -widthImg console.log(operacionPunto) karroGrande.style.transform = `translateX(${operacionPunto}%)` puntoKarro.forEach((punto, i) => { puntoKarro[i].classList.remove('activo') }) puntoKarro[i].classList.add('activo') }) }) } //--------------------- CONFIGURACIÓN CONTENEDOR PRODUCTOS -------------------------------- const genListaProd = () => { let contenedorProd = document.getElementById("contenedorProductos2"); for (let i = 0; i < infoProductos.length; i++){ contenedorProd.innerHTML += `
${infoProductos[i].textodescrip}
Disponibles: ${infoProductos[i].disponibles}
${listaEventos[i].texto}
${listaEventos[i].fecha.toLocaleDateString()}