Merge pull request #100 from G10-ISPC/Carla-Arévalo

Correcciones en registro.js con conexión a login. Personalización de …

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+ "liveServer.settings.port": 5501
+}

ricco/backend/python/conexion.py

@@ -62,7 +62,7 @@ def modificar_datos (self, productos):
  sql = "UPDATE productos SET nombre_producto = '{0}', descripcion = '{1}', precio = '{2}' WHERE id_producto = '{3}'"
  cursor.execute(sql.format(productos[1], productos[2], productos[3], productos[0]))
  self.connection.commit()
- print("¡Producto modificado con éxito!\n")
+ print("¡Producto modificado con exitosamente!\n")
  except Error as ex: 
  print ("Error al intentar conexión: {0}".format(ex)) 
 
@@ -73,7 +73,7 @@ def eliminar_producto(self, id_producto):
  sql = "DELETE FROM productos WHERE id_producto = %s"
  cursor.execute(sql, (id_producto,))
  self.connection.commit()
- print("¡Producto eliminado con éxito!\n")
+ print("El producto fue eliminado correctamente\n")
  except Error as ex:
  print("Error al intentar conexión: {0}".format(ex))
 #dao = DAO()

ricco/frontend/assets/js/adm.js

@@ -48,15 +48,15 @@ document.querySelector("#productos-form").addEventListener("submit", (e)=>{
  `;
  list.appendChild(row);
  selectedRow = null ;
- showAlert("Producto nuevo añadido exitosamente","success");
+ showAlert("¡Producto registrado con éxito!","success");
  }
  else {
  selectedRow.children[0].textContent= nombreproducto;
  selectedRow.children[1].textContent= foto;
  selectedRow.children[2].textContent= descripcion;
  selectedRow.children[3].textrContent= precio;
  selectedRow = null;
- showAlert("Información del producto editado corrrectamente", "info");
+ showAlert("¡Producto modificado con exitosamente!", "info");
 
  }
  limpiar();

ricco/frontend/assets/js/login.js

@@ -24,7 +24,7 @@ document.addEventListener('DOMContentLoaded', function() {
  if (passwordRegExpression.test(contrasena)) {
  mensajeError.textContent='';
  }else{
- mensajeError.textContent='La contraseña debe contener 8 caracteres, e incluir números y letras mayúsculas o minúsculas';
+ mensajeError.textContent='La contraseña debe contener entre 8 y 11 caracteres, e incluir números, letras mayúsculas y/o minúsculas';
  ocultarMensajeError();
  }
  }

ricco/frontend/assets/js/registro.js

@@ -1,5 +1,5 @@
-// ----VALIDACION DE REGISTRO DE USUARIO-------
-//asignamos cada campo de registro.html a una variable
+// ---------------------------VALIDACION DE REGISTRO DE USUARIO-------
+//-----------------asignamos cada campo de registro.html a una variable-----------------
 document.addEventListener('DOMContentLoaded', function() {
  const nombreInput=document.getElementById('nombre');
  const apellidoInput= document.getElementById('apellido');
@@ -15,7 +15,7 @@ document.addEventListener('DOMContentLoaded', function() {
  const mensajeError = document.getElementById('mensajeError');
 
 
- //asignamos las expresiones regulares regex para cada campo
+ //-------------------asignamos las expresiones regulares regex para cada campo--------------------------
  const nombreRegexpression= /^[a-zA-ZÀ-ÿ\s]{1,40}$/; // Letras y espacios, pueden llevar acentos.
  const apellidoRegExpression= /^[a-zA-ZÀ-ÿ\s]{1,40}$/;
  const correoRegExpression= /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
@@ -27,7 +27,7 @@ document.addEventListener('DOMContentLoaded', function() {
  const passRegExpression= /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/;
  const pass2RegExpression= /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/;
 
-  /*Roles:
+ /*-----------Roles:------------
  1:Administrador
  2:Cliente */
 
@@ -38,13 +38,13 @@ document.addEventListener('DOMContentLoaded', function() {
  ];
 
 
- // validamos cada variable con su respectivo expresion regular regex 
+ //---------- validamos cada variable con su respectivo expresion regular regex ---------- 
  function validarNombre(){
  const nombre = nombreInput.value;
  if (nombreRegexpression.test(nombre)) {
  mensajeError.textContent = ''; 
  } else {
- mensajeError.textContent = 'Ingrese un nombre válido por favor.';
+ mensajeError.textContent = 'Ingrese solo letras mayusculas y minusculas.';
  ocultarMensajeError();
  } 
  }
@@ -54,7 +54,7 @@ document.addEventListener('DOMContentLoaded', function() {
  if (apellidoRegExpression.test(apellido)) {
  mensajeError.textContent = ''; 
  } else {
- mensajeError.textContent = 'Ingrese un apellido válido por favor.';
+ mensajeError.textContent = 'Ingrese solo letras mayusculas y minusculas.';
  ocultarMensajeError();
  } 
  }
@@ -65,8 +65,7 @@ document.addEventListener('DOMContentLoaded', function() {
  const correoExistente = listUsers.some(user => user[2] === correo);
  if (correoExistente) { 
  mensajeError.textContent = 'El correo ya está registrado. Por favor, inicia sesión.'; 
-
- window.location.href = 'login.html';
+
  } else {
  mensajeError.textContent = ''; 
  }
@@ -83,8 +82,8 @@ document.addEventListener('DOMContentLoaded', function() {
  if (direccionRegExpression.test(direccion)) {
  mensajeError.textContent = ''; 
  } else {
- mensajeError.textContent = 'Ingrese una Dirección válida por favor.';
- ocultarMensajeError();
+ mensajeError.textContent = 'Comience con letra mauyscula, seguido de minusculas y el número de altura.';
+  ocultarMensajeError();
  }
  }
 
@@ -93,8 +92,8 @@ document.addEventListener('DOMContentLoaded', function() {
  if (barrioRegExpression.test(barrio)) {
  mensajeError.textContent = ''; 
  } else {
- mensajeError.textContent = 'Ingrese un nombre de Barrio válido por favor.';
- ocultarMensajeError();
+ mensajeError.textContent = 'Ingrese solo letras y números. No caracteres.';
+  ocultarMensajeError();
  }
  }
 
@@ -103,8 +102,8 @@ document.addEventListener('DOMContentLoaded', function() {
  if (localidadRegExpression.test(localidad)) {
  mensajeError.textContent = ''; 
  } else {
- mensajeError.textContent = 'Ingrese una Localidad válida por favor.';
- ocultarMensajeError();
+ mensajeError.textContent = 'Ingrese solo letras y números. No caracteres.';
+  ocultarMensajeError();
  }
  }
 
@@ -113,8 +112,8 @@ document.addEventListener('DOMContentLoaded', function() {
  if (telefonoRegExpression.test(telefono)) {
  mensajeError.textContent = ''; 
  } else {
- mensajeError.textContent = 'Ingrese un teléfono válido por favor.';
- ocultarMensajeError();
+ mensajeError.textContent = 'Ingrese solo números, sin caracteres .';
+  ocultarMensajeError();
  }
  }
 
@@ -123,8 +122,8 @@ document.addEventListener('DOMContentLoaded', function() {
  if (cpRegExpression.test(cp)) {
  mensajeError.textContent = ''; 
  } else {
- mensajeError.textContent = 'Ingrese un Código Postal válido por favor.';
- ocultarMensajeError();
+ mensajeError.textContent = 'Ingrese cinco dígitos.';
+  ocultarMensajeError();
  }
  }
 
@@ -133,15 +132,15 @@ document.addEventListener('DOMContentLoaded', function() {
  if (passRegExpression.test(password)) {
  mensajeError.textContent='';
  }else{
- mensajeError.textContent='La contraseña debe contener 8 caracteres, e incluir números y letras mayúsculas o minúsculas';
+ mensajeError.textContent='La contraseña debe contener entre 8 y 12 caracteres, e incluir números, letras mayúsculas y/o minúsculas';
  ocultarMensajeError();
  }
  }
 
  function validarPassword2(){
  const inputPassword1 = document.getElementById('password');
  const inputPassword2 = document.getElementById('password2');
- //validamos que sean iguales la contraseña y su verificacion
+//-------------------alidamos que sean iguales la contraseña y su verificacion------------------------
  if(inputPassword1.value == inputPassword2.value){
  mensajeError.textContent='';
  } else{
@@ -152,7 +151,7 @@ document.addEventListener('DOMContentLoaded', function() {
  }
 
 
- // quedamos a la escucha de cada campo para validar
+ // ----------------------quedamos a la escucha de cada campo para validar---------------------------------------
 
  nombreInput.addEventListener('input', validarNombre);
  apellidoInput.addEventListener('input', validarApellido);
@@ -165,10 +164,36 @@ document.addEventListener('DOMContentLoaded', function() {
  passwordInput.addEventListener('input', validarPassword);
  password2Input.addEventListener('input', validarPassword2);
 
+//-----------------------Enviar a login-------------------------
+
+submitButton.addEventListener('click', function(event) {
+
+ if (nombreRegexpression.test(nombreInput.value) &&
+ apellidoRegExpression.test(apellidoInput.value) && 
+ correoRegExpression.test(correoInput.value) && 
+ direccionRegExpression.test(direccionInput.value) &&
+ barrioRegExpression.test(barrioInput.value) &&
+ localidadRegExpression.test(localidadInput.value)&&
+ telefonoRegExpression.test(telefonoInput.value) &&
+ cpRegExpression.test(cpInput.value) &&
+ passRegExpression.test(passwordInput.value) &&
+ pass2RegExpression.test(password2Input.value)) {
+
+ // console.log('Formulario válido. Redirigiendo a login.html');
+ window.location.href = "login.html";
+ window.alert('¡Bienvenido a Ricco Burgers!');
+ }else {
+ event.preventDefault(); 
+ mensajeError.textContent = '';
+ ocultarMensajeError();
+ }
+
+ });
+
 
 /*Roles:
  1:Administrador
- 2:Cliente */
+ 2:Cliente 
 
  var listUsers= 
  [//nombre apellido correo contraseña rol
@@ -183,7 +208,7 @@ document.addEventListener('DOMContentLoaded', function() {
  window.location.href = 'login.html';
  }
  
- submitButton.addEventListener('click', enviarFormulario);
+ submitButton.addEventListener('click', enviarFormulario);*/
 
 
 
@@ -233,11 +258,10 @@ document.addEventListener('DOMContentLoaded', function() {
  // }
  // });
 
-
-
-
-
-
-
+ function ocultarMensajeError() {
+ setTimeout(function() {
+ mensajeError.textContent = '';
+ }, 3000);
+ }
 
  });

ricco/frontend/index.html

@@ -238,6 +238,6 @@ <h2 class="text-light">NUESTRO ESPACIO</h2>
  integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
  crossorigin="anonymous">
  </script>
- <script src="../assets/js/login2.js"></script>
+ <script src="../assets/js/login.js"></script>
  </body>
 </html>

ricco/frontend/pages/nosotros.html

@@ -209,7 +209,7 @@ <h5 class="mb-0">Delfina Aricoma</h5>
  </div>
  <div class="text-center p-3">
  © 2023 Copy ISPC:
- <a class="text-white" href="index.html">RICCO BURGERS</a>
+ <a class="text-white" href="../index.html">RICCO BURGERS</a>
  </div>
  </footer>
  <script

ricco/frontend/pages/registro.html

@@ -101,7 +101,7 @@ <h3>Registrate</h3>
  </div>
 
 
- <button type="submit" class="btn input-submit w-100 " value="registar" id="submitButton">Enviar</button>
+ <button type="submit" class="btn input-submit w-100 " value="registar" id="submitButton" onclick="event">Enviar</button>
  <a class="enlace" href="login.html">¿Ya tenés una cuenta? <b> Iniciá sesión</b></a>
  <p id="mensajeError" style="color:#F12C3E; font-size: 13px;" ></p> <!--agregue-->
  </form>