Skip to content

Commit

Permalink
Estandarización y mejoras
Browse files Browse the repository at this point in the history 
Se añadió:
* Correcciones ortográficas (ejecutivo).
* Estandarización de alertas (ejecutivo)
* Diseño mejorado (cliente y ejecutivo)
  • Loading branch information
@GilbertoMV
GilbertoMV committed Dec 1, 2022
1 parent 9c6c4cf commit 6b08787
Show file tree
Hide file tree
Showing 15 changed files with 314 additions and 175 deletions.
6 changes: 3 additions & 3 deletions ejecutivo/darAlta.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@
<input type="email" name="correo" id="email" class="inputs center" required>
</div>
<div class="bloque">
<label for="telefono" class="labels">Numero de teléfono</label>
<label for="telefono" class="labels">Número de Teléfono</label>
<p class="lineaF"></p>
<input type="text" name="telefono" id="Ntelefono" class="inputs center" pattern="[0-9]{10}" title="Solo se permiten numeros. Verifica tu numero a 10 digitos." required>
</div>
Expand All @@ -68,7 +68,7 @@
<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>
<label for="password" class="labels">Contraseña</label>
<p class="lineaF"></p>
<input type="password" name="password" id="password" class="inputs" autocomplete="off" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Debe contener al menos un número y una letra mayúscula y minúscula, y al menos 8 o más caracteres."required>
</div>
Expand All @@ -78,7 +78,7 @@
<input type="text" name="rfc" id="rfc" class="inputs" pattern="[A-Za-z0-9]{12,13}" title="Verifica que tu RFC este escrito correctamente." required>
</div>
<div class="bloque">
<label for="genero" class="labels">GENERO</label>
<label for="genero" class="labels">Género</label>
<p class="lineaF"></p>
<select name="genero" id="" class="inputSelect" required>
<option value="Masculino">Masculino</option>
Expand Down
8 changes: 4 additions & 4 deletions ejecutivo/index.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
<main>
<div class="main">
<div>
<h1 class="title">Lista de clientes</h1>
<h1 class="title">Cartera de Clientes</h1>
</div>
<div class="colum2">
<div class="buscar">
Expand All @@ -50,7 +50,7 @@
<tr class="encabezado_clientes">
<th>id</th>
<th width="25%">Nombre Cliente</th>
<th width="10%">Genero</th>
<th width="10%">Género</th>
<th width="20%">RFC</th>
<th>Teléfono</th>
<th width="30%">Acciones</th>
Expand All @@ -68,9 +68,9 @@
<button onclick="options(<?php echo $resultado['id_cliente']; ?>)"class="info"><i class="bi bi-info-circle"> Más</i></button>
<button onclick="edit(<?php echo $resultado['id_cliente']; ?>)"class="editar"><i class="bi bi-pencil-square"> Editar</i></button>
<?php if($resultado['status'] === '1'){ ?>
<button onclick="delet(<?php echo $resultado['id_cliente']; ?>)"class="eliminar"><i class="bi bi-person-x"> Dar baja</i></button>
<button onclick="delet(<?php echo $resultado['id_cliente']; ?>)"class="eliminar"><i class="bi bi-person-x"> Inhabilitar</i></button>
<?php }else{ ?>
<button onclick="reactivar(<?php echo $resultado['id_cliente']; ?>)"class="reactivar"><i class="bi bi-person-x"> Reactivar</i></button>
<button onclick="reactivar(<?php echo $resultado['id_cliente']; ?>)"class="reactivar"><i class="bi bi-person-x"> Habilitar</i></button>
<?php } ?>
</td>
</tr>
Expand Down
15 changes: 7 additions & 8 deletions ejecutivo/infoPrestamos.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,16 +37,15 @@
<script src="https://kit.fontawesome.com/6dc1722754.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.1.js" integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI=" crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
<script defer src="../public/js/navbar.js"></script>
</head>
<body>
<?php require 'nav.php'?>
<main>
<div class="main">
<div>
<h1 class="title">Lista de Prestamos</h1>
<h1 class="title">Lista de Préstamos</h1>
<h2 class="infocliente">CLIENTE: <?php echo $res['nom']; ?></h2>
<h2 class="infocliente">NUMERO DE CUENTA: <?php echo $num['numCta']; ?></h2>
<h2 class="infocliente">NÚMERO DE CUENTA: <?php echo $num['numCta']; ?></h2>
</div>
<div class="colum2">
<div class="buscar">
Expand All @@ -62,11 +61,11 @@
<table class="clients__table" id=tabla border="0" cellspacing="0">
<thead>
<tr class="encabezado_clientes">
<th width="10%">Id Prestamo</th>
<th width="20%">Monto Prestamo</th>
<th width="10%">Id Préstamo</th>
<th width="20%">Mónto Préstamo</th>
<th width="10%">Interés Anual</th>
<th width="20%">Fecha de Inicio</th>
<th width="20%">Fecha de Termino</th>
<th width="20%">Fecha de Término</th>
<th width="20%">Tabla de Amortización</th>
</tr>
</thead>
Expand All @@ -85,9 +84,9 @@
<input type="hidden" name="id" value="<?php echo $id;?>"/>
<input type="hidden" name="idPrestamo" value="<?php echo $prestamo['id_prestamo'];?>"/>
<?php if ($prestamo['status'] === '1'){ ?>
<button class="pdf"><i class="bi bi-filetype-pdf"> Descargar PDF</i></button>
<a class="pdf"><i class="bi bi-filetype-pdf"> Descargar PDF</i></a>
<?php }else{?>
<button class="pagado"><i class="bi bi-filetype-pdf">Prestamo pagado</i></button>
<button class="pagado"><i class="bi bi-filetype-pdf">Préstamo Pagado</i></button>
<?php }?>
</form>
</td>
Expand Down
2 changes: 1 addition & 1 deletion ejecutivo/nav.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<div class="nav__container">
<a href="index.php"><img class="logo" src="../public/img/logoEjecutivo.png" alt="home"></a>
<div class="nav__menu">
<a href="index.php" class="a">Lista de Clientes</a>
<a href="index.php" class="a">Cartera de Clientes</a>
<a href="darAlta.php" class="a">Dar de alta</a>
<a href="../controllers/logoutcontroller.php" class="logout">Cerrar Sesion <i class="bi bi-door-closed"></i></a>
</div>
Expand Down
91 changes: 87 additions & 4 deletions public/css/mainClient.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -214,6 +214,7 @@ ul li ul li i {

.profilePhoto {
width: 30px;
height: 30px;
border-radius: 100%;
}
.linea {
Expand Down Expand Up @@ -450,7 +451,7 @@ main {
}
.info button {
display: inline-block;

cursor: pointer;
color: #dc3545;
}
.pagar {
Expand Down Expand Up @@ -603,12 +604,13 @@ main {
display: grid;
justify-content: center;
align-items: center;
color: #000;
color: #48393c;
font-family: 'Roboto';
font-size: 18px;
text-align: center;
border-radius: 10px;
padding: .5rem;
margin:0;
}
/* MODAL SIMULADOR */

Expand Down Expand Up @@ -761,7 +763,10 @@ main {
font-weight: 400;
}
.editarFoto {
width: 60%;
width: 130px;
height: 130px;
border-radius: 100%;
border: solid 3px #6a6f73;
}
/*SUBIR IMAGEN*/
.inputfile {
Expand Down Expand Up @@ -831,7 +836,12 @@ main {
background-color: #dc3545;
color: #fff;
}

.contenedores span {
color: #2d2d2d;
border: solid 1px #2d2d2d;
padding: 2px 5px;
transition: all .2s;
}
.c2 {
display: grid;
grid-template-rows: 100px auto;
Expand Down Expand Up @@ -897,6 +907,10 @@ main {
border: solid 1px #1c1d1f;
color: #000;
}
.contenedor-foto span:hover {
color: #fff;
background-color: #1c1d1f;
}

@media (max-width: 700px) {
.contenedores {
Expand Down Expand Up @@ -927,3 +941,72 @@ main {

}

/* CSS */
.button-85 {
padding: 0.6em 2em;
border: none;
outline: none;
color: #fff;
background: rgb(90, 78, 78);
cursor: pointer;
position: relative;
z-index: 0;
border-radius: 10px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
font-weight: bold;
}

.button-85:before {
content: "";
background: linear-gradient(
45deg,
#ffe087,
#fa4848,
#d9d9d9,
#ffe087,
#fa4848,
#d9d9d9,
#ffe087,
#fa4848,
#d9d9d9
);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
-webkit-filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing-button-85 20s linear infinite;
transition: opacity 0.3s ease-in-out;
border-radius: 10px;
}

@keyframes glowing-button-85 {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}

.button-85:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #fc003caf;
left: 0;
top: 0;
border-radius: 10px;
}

43 changes: 25 additions & 18 deletions public/css/mainEjecutive.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1+Code:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Radio+Canada&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;500;700&display=swap');
/*
Reset CSS
*/
Expand Down Expand Up @@ -281,10 +281,10 @@ main{
text-align: center;
}
main h1 {
font-family: 'Roboto', sans-serif;
font-family: 'Rajdhani', sans-serif;
color: #ffff;
font-weight: 900;
font-size: 25px;
font-weight: 700;
font-size: 35px;
}
main .lineaR {
border: 1px solid #FC003C;
Expand Down Expand Up @@ -317,16 +317,12 @@ main .lineaR {
}
.contenedor-btn-file {
display: inline-block;
position: relative;
background: linear-gradient(90deg, rgba(32,35,109,1) 0%, rgba(252,0,60,1) 100%);
background: #198754;
color: #fff;
border: 0;
padding: 10px;
border-radius: 30px;
box-shadow: 0 0 12px rgba(0, 0, 0, .15);
border-bottom: solid 3px #186843;
padding: 15px 50px;
border-radius: 10px;
overflow: hidden;
transition: ease-out 120ms background-color;
margin-top: 20px;
cursor: pointer;
}
.contenedor-btn-file label {
Expand Down Expand Up @@ -356,8 +352,8 @@ main .lineaR {
.labels {
font-size: 20px;
color: #ffff;
font-family: 'Roboto';
font-weight: 900;
font-family: 'Rajdhani',Arial, Helvetica, sans-serif;
font-weight: 700;
margin-bottom: 10px;
}
.inputs {
Expand Down Expand Up @@ -536,6 +532,7 @@ main .lineaR {
padding: 5px;
border-radius: 5px;
color: #ffd969;
cursor: pointer;
transition: all .5s;
}
.editar:hover {
Expand All @@ -548,7 +545,9 @@ main .lineaR {
border-radius: 5px;
color: #27a644;
transition: all .5s;
cursor: pointer;
}

.reactivar:hover {
background-color: #27a644;
color: #fff;
Expand All @@ -560,6 +559,7 @@ main .lineaR {
border-radius: 5px;
color: #d8514b;
transition: all .5s;
cursor: pointer;
}
.eliminar:hover {
background-color: #d8514b;
Expand All @@ -571,6 +571,7 @@ main .lineaR {
border-radius: 5px;
color: #adabab;
transition: all .5s;
cursor: pointer;
}
.info:hover {
background-color: #adabab;
Expand Down Expand Up @@ -599,10 +600,16 @@ main .lineaR {
}
.info_modal {
background-color: #27a644;
border: solid 2px #27a644;
color: #fff;
padding: 15px;
border-radius: 5px;
cursor: pointer;
transition: all .3s;
}
.info_modal:hover {
background-color: #00000057;
color: #27a644;
}
.L {
grid-column: 1/3;
Expand Down Expand Up @@ -695,8 +702,8 @@ main .lineaR {
font-size: 20px;
}
#depositar {
background-color: #27a644;
padding: 15px;
background-color: #198754;
padding: 10px 15px;
margin: 10px auto;
color: #fff;
border-radius: 10px;
Expand All @@ -706,8 +713,8 @@ main .lineaR {
cursor: pointer;
}
#retirar {
background-color: #e63821;
padding: 15px;
background-color: #dc3545;
padding: 10px 15px;
margin: 10px auto;
color: #fff;
border-radius: 10px;
Expand Down

0 comments on commit 6b08787

Please sign in to comment.