Add files via upload

assets/js/cambiarCSS.js

@@ -0,0 +1,3 @@
+function cambiarCSS(nuevo){
+    document.getElementById('estilo').setAttribute('href', nuevo);    
+}

assets/js/checkForms.js

@@ -0,0 +1,153 @@
+/**
+ * Práctica - Sistemas Web | Grupo D
+ * CompluCine - FDI-cines
+ */
+
+//Expresión regular para comprobar que la contraseña tiene al menos 1 mayúscula y 1 número:
+const regExprPass = /^(?=\w*\d)(?=\w*[A-Z])(?=\w*[a-z])\S{4,16}$/;
+
+$(document).ready(function() {
+
+    //Iconos para validar el usuario:
+	$("#userValid").hide();
+    $("#userInvalid").hide();
+    $("#userWarning").hide();
+
+    //Iconos para validar el email:
+    $("#emailValid").hide();
+    $("#emailInvalid").hide();
+
+    //Iconos para validar el password:
+    $("#passValid").hide();
+    $("#passInvalid").hide();
+    $("#passWarning").hide();
+
+    //Iconos para validar que las contraseñas coindicen:
+    $("#repassValid").hide();
+    $("#repassInvalid").hide();
+	
+    //Comprueba que el nombre de usuario introducido para el login, exista.
+	$("#name").change(function(){
+		var url = "../assets/php/common/checkUser.php?user=" + $("#name").val();
+		$.get(url, userLoginCheck);
+    });
+
+    //Comprueba que el nombre de usuario no esté registrado en la aplicación.
+	$("#new_name").change(function(){
+		var url = "../assets/php/common/checkUser.php?user=" + $("#new_name").val();
+		$.get(url, userCheck);
+    });
+
+    //Comprueba que el email introducido no esté registrado en la aplicación.
+    $("#new_email").change(function(){
+        var url = "../assets/php/common/checkEmail.php?email=" + $("#new_email").val();
+		$.get(url, emailCheck);
+	});
+
+    //Comprueba que la contraseña sea válida en base a los criterios de la aplicación.
+    $("#new_pass").change(function(){
+		const fieldPass = $("#new_pass");
+        fieldPass[0].setCustomValidity("");
+        const isPassValid = fieldPass[0].checkValidity();
+		
+        if(fieldPass.val().length < 4){
+            $("#passValid").hide();
+            $("#passInvalid").hide();
+            $("#passWarning").show();
+			fieldPass[0].setCustomValidity("La contraseña debe contener almenos 4 caracteres.");
+        }
+        else if (isPassValid && passCheck(fieldPass.val())) {
+            $("#passValid").show();
+            $("#passInvalid").hide();
+            $("#passWarning").hide();
+			fieldPass[0].setCustomValidity("");
+		} else {
+            $("#passValid").hide();
+            $("#passInvalid").show();
+            $("#passWarning").hide();
+            fieldPass[0].setCustomValidity("La contraseña debe contener al menos 1 mayúscula y 1 número.");
+		}
+
+    });
+
+    //Comprueba que las contraseñas sean iguales.
+    $("#repass").change(function(){
+		const fieldPass = $("#new_pass");
+        const fieldRepass = $("#repass");
+        fieldRepass[0].setCustomValidity("");
+		
+        if (Object.is(fieldPass.val(), fieldRepass.val())) {
+            $("#repassValid").show();
+            $("#repassInvalid").hide();
+			fieldRepass[0].setCustomValidity("");
+		} else {
+            $("#repassValid").hide();
+            $("#repassInvalid").show();
+            fieldRepass[0].setCustomValidity("Las contraseñas deben coincidir.");
+		}
+
+    });
+
+    //Muestra si el nombre de usuario introducido para el login existe o no.
+	function userLoginCheck(data, status) {
+		const fieldLogin = $("#name");
+        fieldLogin[0].setCustomValidity("");
+
+		if(data === "!avaliable") {
+			fieldLogin[0].setCustomValidity("");
+		} else {
+			fieldLogin[0].setCustomValidity("El nombre de usuario no está registrado.");
+		}
+	}
+
+    //Muestra si el nombre de usuario introducido es válido o no.
+	function userCheck(data, status) {
+		const fieldUser = $("#new_name");
+        fieldUser[0].setCustomValidity("");
+
+        if(fieldUser.val().length < 3){
+            $("#userValid").hide();
+            $("#userInvalid").hide();
+            $("#userWarning").show();
+			fieldUser[0].setCustomValidity("El nombre de usuario debe tener almenos 3 caracteres.");
+        }
+		else if(data === "avaliable") {
+			$("#userValid").show();
+            $("#userInvalid").hide();
+            $("#userWarning").hide();
+			fieldUser[0].setCustomValidity("");
+		} else {
+			$("#userValid").hide();
+            $("#userInvalid").show();
+            $("#userWarning").hide();
+			fieldUser[0].setCustomValidity("El nombre de usuario ya está registrado.");
+		}
+	}
+
+    //Muestra si el email introducido es válido o no.
+    function emailCheck(data, status) {
+        const fieldEmail = $("#new_email");
+		fieldEmail[0].setCustomValidity("");
+		const isEmailValid = fieldEmail[0].checkValidity();
+
+        if(!isEmailValid){
+            $("#emailValid").hide();
+            $("#emailInvalid").show();
+        }
+		else if (data === "avaliable") {
+			$("#emailValid").show();
+            $("#emailInvalid").hide();
+			fieldEmail[0].setCustomValidity("");
+		} else {			
+			$("#emailValid").hide();
+            $("#emailInvalid").show();
+			fieldEmail[0].setCustomValidity("El email ya está registrado."); 
+		}
+		
+	}
+
+    //Devuelve true si la contraseña cumple los reuqisitos de seguridad, false en caso contrario.
+    function passCheck(pass) {
+		return regExprPass.test(pass) ? true : false;
+	}
+})

assets/js/deleteConfirm.js

@@ -0,0 +1,3 @@
+function newWindow(page){	
+	window.open(page, 'Ventana de Confirmación', 'width=500, height=300');
+}

assets/js/promotions.js

@@ -0,0 +1,85 @@
+window.onload = function () {
+    var promos = document.getElementById("promotions").value;
+    console.log(promos);
+    // Promociones (Cambiar por el contenido del array "promotions")
+    const IMAGENES = [
+        '../img/promos/promo_vuelve.jpg',
+        '../img/promos/promo_palomitas.jpg',
+        '../img/promos/promo_miercoles.jpg'
+    ];
+    const TIEMPO_INTERVALO_MILESIMAS_SEG = 3500;
+    let posicionActual = 0;
+    let $botonRetroceder = document.querySelector('#retroceder');
+    let $botonAvanzar = document.querySelector('#avanzar');
+    let $imagen = document.querySelector('.imagen');
+    let $botonPlay = document.querySelector('#play');
+    let $botonStop = document.querySelector('#stop');
+    let intervalo;
+
+    // Funciones
+
+    /**
+     * Funcion que cambia la foto en la siguiente posicion
+     */
+    function pasarFoto() {
+        if(posicionActual >= IMAGENES.length - 1) {
+            posicionActual = 0;
+        } else {
+            posicionActual++;
+        }
+        renderizarImagen();
+    }
+
+    /**
+     * Funcion que cambia la foto en la anterior posicion
+     */
+    function retrocederFoto() {
+        if(posicionActual <= 0) {
+            posicionActual = IMAGENES.length - 1;
+        } else {
+            posicionActual--;
+        }
+        renderizarImagen();
+    }
+
+    /**
+     * Funcion que actualiza la imagen de imagen dependiendo de posicionActual
+     */
+    function renderizarImagen () {
+        $imagen.style.backgroundImage = `url(${IMAGENES[posicionActual]})`;
+    }
+
+    /**
+     * Activa el autoplay de la imagen
+     */
+    function playIntervalo() {
+        intervalo = setInterval(pasarFoto, TIEMPO_INTERVALO_MILESIMAS_SEG);
+        // Desactivamos los botones de control
+        //$botonAvanzar.setAttribute('disabled', true);
+        //$botonRetroceder.setAttribute('disabled', true);
+        $botonPlay.setAttribute('disabled', true);
+        $botonStop.removeAttribute('disabled');
+
+    }
+
+    /**
+     * Para el autoplay de la imagen
+     */
+    function stopIntervalo() {
+        clearInterval(intervalo);
+        // Activamos los botones de control
+        $botonAvanzar.removeAttribute('disabled');
+        $botonRetroceder.removeAttribute('disabled');
+        $botonPlay.removeAttribute('disabled');
+        $botonStop.setAttribute('disabled', true);
+    }
+
+    // Eventos
+    $botonAvanzar.addEventListener('click', pasarFoto);
+    $botonRetroceder.addEventListener('click', retrocederFoto);
+    $botonPlay.addEventListener('click', playIntervalo);
+    $botonStop.addEventListener('click', stopIntervalo);
+    // Iniciar
+    renderizarImagen();
+    playIntervalo(); 
+}