ya quedó

GilbertoMV · Nov 28, 2022 · e6f6066 · e6f6066
1 parent ffd8d1b
commit e6f6066
Show file tree

Hide file tree

Showing 9 changed files with 111 additions and 53 deletions.
diff --git a/ejecutivo/darAlta.php b/ejecutivo/darAlta.php
@@ -65,7 +65,7 @@
                 <div class="bloque">
                     <label for="echaN" class="labels">Fecha de Nacimiento</label>
                     <p class="lineaF"></p>
-                    <input type="date" name="fechaN" id="fechaN" class="inputs center" required>
+                    <input type="date" name="fechaN" id="fechaN" class="inputs center" min="1951-01-01" max="2003-01-01" required>
                 </div class="bloque">
                 <div class="di bloque">
                     <label for="password" class="labels">Password</label>

diff --git a/login.php b/login.php
@@ -28,7 +28,6 @@
         <div class="forms-container">
             <div class="singin-singup" id="sing-in">
             <div>
-            <button onclick="recovery()"class="btnRecover"><i>He olvidado mi contraseña</i></button>
         </div>
                 <form id="loginclient" class="sign-in-form">
                     <h2 class="title"> Inicia Sesión </h2>
@@ -46,6 +45,9 @@
 
                     </div>
                     <input type="submit" value="Iniciar Sesión" class="btn solid">
+                    <a class="btnTerminos" id="politica">Política de Privacidad</a>
+                    <a onclick="recovery()" class="btnRecover">¿Haz olvidado tu contraseña?</a>
+
                 </form>
 
                 <form id="loginadmin" class="sign-up-form">
@@ -101,6 +103,8 @@
     </div>
     <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
     <script src="./public/js/app.js"></script>
+    <script src="./public/js/jquery-3.6.1.min.js"></script>
+    <script src="./public/js/alertas.js"></script>
 </body>
 </html>
 <?php

diff --git a/public/css/main.css b/public/css/main.css
@@ -511,25 +511,28 @@ form.sign-up-form{
     margin: 10px 0;
     transition: .5s;
 }
-
+.btnTerminos {
+    margin: 10px 0;
+    color: #696969;
+    cursor: pointer;
+    text-decoration: underline;
+    transition: all .3s;
+    font-size: 14px;
+} 
 
 .btnRecover{
-    width: 150px;
-    height: 40px;
-    border: none;
-    outline: none;
-    border-radius: 20px;
+    color: #696969;
     cursor: pointer;
-    text-transform: uppercase;
-    font-weight: 500;
-    margin: 10px 0;
-    transition: .5s;
-    font-family: 'M PLUS 1 Code', sans-serif;
+    text-decoration: underline;
+    transition: all .3s;
+    font-size: 11px;
 }
-
-.btnRecover:hover{
-    background-color:#FA4848;
-    color: white;
+.btnRecover:hover {
+    color: #333;
+}
+.formRecovery {
+    display: flex;
+    flex-direction: column;
 }
 
 .btnR:hover{

diff --git a/public/css/mainClient.css b/public/css/mainClient.css
@@ -297,11 +297,6 @@ main {
     width: 100%;
     /* height: 30rem; */
 }
-@media (max-width: 700px) {
-  .paneles{
-    grid-template-columns: 1fr;
-  }
-}
 .panel1 {
     display: grid;
     grid-template-rows: 1fr 1fr;
@@ -493,6 +488,12 @@ main {
 .panel2 {
     border-radius: 30px;
 }
+
+@media (max-width: 700px) {
+  .paneles{
+    grid-template-columns: 1fr;
+  }
+}
 .panel2 .contenedorh1 {
     width: 20%;
     height: 20px;
@@ -723,10 +724,15 @@ main {
   grid-template-columns: 20% 80%;
 
   width: 80%;
-  height: 500px;
+  height: auto;
   margin: auto;
   border: solid 1px #d1d7dc; 
 }
+@media (max-width: 700px) {
+  .contenedores {
+    grid-template-columns: 100%;
+  }
+}
 .c1{
   border-right: solid 1px #d1d7dc;
 }
@@ -831,12 +837,17 @@ main {
 .colums {
   display: flex;
   column-gap: 1rem;
+  justify-content: center;
+}
+.rRow {
+  width: 100%;
 }
 .colums1 {
   display: grid;
   column-gap: 1rem;
   grid-template-columns: repeat(2,auto);
 }
+
 .actuInfo {
   margin-top: 20px;
   border: solid 1px #1c1d1f;
@@ -849,4 +860,29 @@ main {
   background-color: #fff;
   border: solid 1px #1c1d1f;
   color: #000;
-}
+}
+
+@media (max-width: 700px) {
+  .contenedores {
+    grid-template-columns: 100%;
+  }
+  .c2-1 {
+    border-bottom: solid 0px #1c1d1f;
+    border-top: solid 1px #d1d7dc;
+  }
+  .c1 {
+    border-right: solid 0px #d1d7dc;
+  }
+  .colums {
+    column-gap: 10px;
+  }
+  .contenedores label {
+    font-size: 12px;
+  }
+  .editInfo p{
+    font-size: 10px;
+  }
+  .informacionGeneral {
+    width: 95%;
+  }
+}
diff --git a/public/img/politica.jpg b/public/img/politica.jpg
diff --git a/public/js/alertas.js b/public/js/alertas.js
@@ -49,6 +49,14 @@ $("#nosotros").click(function() {
     confirmButtonText:'Okey'
   })
 })
+$("#politica").click(function() {
+  Swal.fire({
+    imageUrl: 'public/img/Politica.jpg',
+    imageAlt: 'politica de privacidad',
+    width:'70%',
+    confirmButtonColor:'Entendido',
+  })
+})
 
 // MODAL DE ELIMINACIÓN DE PERSONA
 function delet(id) {

diff --git a/public/js/app.js b/public/js/app.js
@@ -78,15 +78,19 @@ if(loginclient)
         console.log('boton oprimido');
         Swal.fire({
             title: 'Confirma tus datos',
-            html:    '<input id="swal-input1" class="swal2-input" placeholder="Email">' +
-            '<input id="swal-input2" class="swal2-input" placeholder="Curp">',
+            html:    `
+            <div class="formRecovery">
+            <input id="swal-input1" class="swal2-input" placeholder="Email">
+            <input id="swal-input2" class="swal2-input" placeholder="Curp">
+            </div>`,
             confirmButtonColor: '#28a745',
             cancelButtonColor: '#d8514b',
             confirmButtonText: 'Confirmar',
             cancelButtonText: 'Cancelar',
             showCancelButton: true,
             allowEscapeKey:false,
             allowOutsideClick:false,
+            width:'auto'
 
           }).then((result) => {
             if(result.isConfirmed) {
@@ -303,26 +307,7 @@ if(registroclients){
     })
 }
 
-//CAPITALICACIÓN DE INPUTS DE REGISTRO
-//Mayusculas y minusculas
 
-// //instanciamos el elemento input
-// var input = document.querySelector('.capitalizar');
-// //función que capitaliza la primera letra
-// function capitalizarPrimeraLetra() {
-//   //almacenamos el valor del input
-//   var palabra = input.value;
-//   //Si el valor es nulo o undefined salimos
-//   if(!input.value) return;
-//   // almacenamos la mayuscula
-//   var mayuscula = palabra.substring(0,1).toUpperCase();
-//   //si la palabra tiene más de una letra almacenamos las minúsculas
-//   if (palabra.length > 0) {
-//     var minuscula = palabra.substring(1).toLowerCase();
-//   }
-//   //escribimos la palabra con la primera letra mayuscula
-//   input.value = mayuscula.concat(minuscula);
-// }
 
 function mostrarPalabra() {
     //cuando vas a declarar variables que el valor va permencer sobre esa misma función, utilizas let en vez de var  -->

diff --git a/public/js/functions-cliente.js b/public/js/functions-cliente.js
@@ -247,8 +247,11 @@ if(info_cliente){
                 </div>  
                 <p class="editInfo">Hola</p>
                 <div class="colums">
+                <div> 
                     <p class="editInfo"></p>
+                </div> 
                     <p class="editInfo"></p>
+                </div>
                     <select class="editInfo">
                         <option value="Masculino">Masculino</option>
                         <option value="Femenino">Femenino</option> 
@@ -258,16 +261,35 @@ if(info_cliente){
 
             }else{
                 info_cliente.innerHTML = `
-                <p class="editInfo" >${info_usuario.nom}</p>
                 <div class="colums">
-                    <p class="editInfo" >${info_usuario.apellidoP}</p>
-                    <p class="editInfo" >${info_usuario.apellidoM}</p>
-                </div>  
+                    <div class="rRow">
+                        <label>Nombre:</label>
+                        <p class="editInfo" >${info_usuario.nom}</p>
+                    </div>
+                    <div class="rRow">
+                        <label>Primero Apellido:</label>
+                        <p class="editInfo">${info_usuario.apellidoP}</p>
+                    </div>
+                    <div class="rRow">
+                        <label>Segundo Apellido:</label>
+                        <p class="editInfo" >${info_usuario.apellidoM}</p>
+                    </div>
+                </div>
+                <label>CURP:</label>
                 <p class="editInfo">${info_usuario.curp}</p>
                 <div class="colums">
-                    <p class="editInfo">${info_usuario.telefono}</p>
-                    <p class="editInfo">${info_usuario.fechaNac}</p>
-                    <p class="editInfo">${info_usuario.genero}</p>
+                    <div class="rRow">
+                        <label>Télefono:</label>
+                        <p class="editInfo">${info_usuario.telefono}</p>
+                    </div>
+                    <div class="rRow">
+                        <label>Fecha Nacimiento:</label>
+                        <p class="editInfo">${info_usuario.fechaNac}</p>
+                    </div>
+                    <div class="rRow">
+                        <label>Género:</label>
+                        <p class="editInfo">${info_usuario.genero}</p>
+                    </div>
                 </div>
                 `
 

diff --git a/usuario/nav.php b/usuario/nav.php
@@ -9,7 +9,7 @@
         <div class="nav__menu">
             <a href="index.php" class="a">Mi Apartado</a>
             <a href="prestamos.php" class="a">Prestamos</a>
-            <a href="perfil.php" class="a config">Configuración</a>
+            <a href="configuracion.php" class="a config">Configuración</a>
             <a href="../controllers/logoutcontroller.php" class="a logout"><i class="bi bi-door-closed"></i> Cerrar Sesion </a>
 
             <ul class="ul a">