Initial Commit

JS/gestiondb.mjs

@@ -0,0 +1,22 @@
+import { initializeApp } from "https://www.gstatic.com/firebasejs/10.7.1/firebase-app.js";
+import { getFirestore, getDocs, collection, addDoc, setDoc, deleteDoc, doc, query, where  } from "https://www.gstatic.com/firebasejs/10.7.1/firebase-firestore.js"
+
+
+const firebaseConfig = {
+  apiKey: "AIzaSyCj4QvZVKS8hH-QfIH_DsAM0MRvamd7LbA",
+  authDomain: "webforja-31b8b.firebaseapp.com",
+  projectId: "webforja-31b8b",
+  storageBucket: "webforja-31b8b.appspot.com",
+  messagingSenderId: "294376462200",
+  appId: "1:294376462200:web:98d4daceb731ab1b57da8d",
+  measurementId: "G-MCR5EEE6GK"
+};
+// Initialize Firebase
+const app = initializeApp(firebaseConfig);
+
+const db = getFirestore(app);
+const prueba = collection(db, "productos");
+const snapshotProductos = await getDocs(prueba);
+const productos = snapshotProductos.docs
+
+console.log(snapshotProductos)

JS/index.js

@@ -0,0 +1,185 @@
+
+
+function 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 SLIDERS ------------------------------///
+
+let operacion = 0,
+    counter = 0;
+
+
+function moveToRight() {
+    let elementoAMover = this.event.target.parentNode.firstElementChild;
+    let numeroContenedores = elementoAMover.children.length
+   
+    let widthImg = 100 / numeroContenedores;
+        
+    if (counter >= elementoAMover.children.length-1) {
+        operacion = 0;
+        counter = 0;
+        elementoAMover.style.transform = `translate(-${operacion}%)`;
+        return;
+    
+        
+    }
+    counter++;
+    operacion = operacion + widthImg;
+
+    elementoAMover.style.transform = `translate(-${operacion}%)`;
+}
+
+function moveToLeft() {
+    let elementoAMover = this.event.target.parentNode.firstElementChild;
+
+    let widthImg = 100 / elementoAMover.children.length;
+    
+    
+    counter --;
+    if (counter < 0 ) {
+        counter = elementoAMover.children.length-1;
+        operacion = widthImg * (elementoAMover.children.length-1);
+        elementoAMover.style.transform = `translate(-${operacion}%)`
+        elementoAMover.style.transition = 'none';
+        return;
+    }
+    
+    
+        operacion = operacion - widthImg;
+        elementoAMover.style.transform = `translate(-${operacion}%)`
+
+    
+}
+
+    //-------------------------- CONFIGURACIÓN CALENDARIO --------------------------------
+        
+    const cargaCalendario = () => { 
+        const nombresMeses = ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio',
+        'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'] 
+    
+    
+        let fechaActual = new Date();
+        let diaActual = fechaActual.getDate();
+        let numeroMes = fechaActual.getMonth();
+        let yearActual = fechaActual.getFullYear();
+    
+        let fechas = document.getElementById("dates-calendar");
+        let mes = document.getElementById("mes-actual");
+        let year = document.getElementById("year");
+    
+        let mesAnteriorDOM = document.getElementById("mes-anterior")
+        let mesSiguienteDOM = document.getElementById("mes-siguiente");
+    
+    
+        mes.textContent = nombresMeses[numeroMes];
+        year.textContent = yearActual.toString();
+    
+        mesAnteriorDOM.addEventListener("click", () => mesAnterior());
+        mesSiguienteDOM.addEventListener("click", () => mesSiguiente())
+     
+    
+        const generacionMeses = (mes) => {
+            for(let i = diaComienzoSemana(); i>0; i--){
+                fechas.innerHTML += `<div class= "dia-calendario item-calendario dias-ultimo-mes">
+                ${numeroDiasMes(numeroMes-1)-(i-1)}
+                </div>`;
+            }
+            
+            for (let i = 1; i <= numeroDiasMes(mes); i++){
+                let fechaActualVieja = new Date();
+                let mesActual = fechaActualVieja.getMonth();
+                if((i === diaActual) && (mes === mesActual)){
+                    fechas.innerHTML += `<div class= "dia-calendario item-calendario today">${i}</div>`;
+                }else {
+                    fechas.innerHTML += `<div class= "dia-calendario item-calendario">${i}</div>`;
+    
+                }
+            }}
+        
+    
+        const numeroDiasMes = (mes) => {
+            if(mes === -1) mes = 11;
+    
+            if (mes === 0 || 2 || 4 || 6 || 7 || 9 || 11) {
+                return 31;
+            } else if (mes === 3 || 5 || 8 || 10) {
+                return 30;
+            } else {
+                return esBisiesto() ? 29:28;
+            }
+            
+        }
+        console.log(numeroDiasMes(numeroMes))
+        const esBisiesto = () => {
+            return ((yearActual % 100 !== 0) && (yearActual % 4 === 0) || (yearActual % 400 === 0));
+              
+            
+        }
+    
+        
+    
+        const diaComienzoSemana = () => {
+            let comienzo = new Date(yearActual, numeroMes, 1);
+            return ((comienzo.getDay()-1) === -1) ? 6 : comienzo.getDay()-1;
+          
+        }
+    
+        const mesAnterior = () => {
+            if(numeroMes !== 0){
+                numeroMes--;
+            }else {
+                numeroMes = 11;
+                yearActual--;
+            }
+            nuevaFecha();
+        }
+    
+        const mesSiguiente = () => {
+            if(numeroMes !== 11){
+                numeroMes++;
+            }else {
+                numeroMes = 0;
+                yearActual++;
+            }
+            
+            nuevaFecha();
+        }
+    
+    
+        const nuevaFecha = () => {
+            fechaActual.setFullYear(yearActual, numeroMes, diaActual);
+            mes.textContent = nombresMeses[numeroMes];
+            year.textContent = yearActual.toString();
+            fechas.textContent = '';
+            generacionMeses(numeroMes)
+        }
+    
+    
+    
+        generacionMeses(numeroMes);
+    
+    
+    
+    }
+    
+
+
+