mcervantesag/front_directorio
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

merge sam

Browse Source
This commit is contained in:
IO
2024-07-10 20:09:32 -06:00
parent 5c64af0c8e dec2fd36fb
commit c9d1cd0d67
11 changed files with 86 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/favicon.ico
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 12 KiB

public/index.html
+1 -1
View File
@@ -24,7 +24,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
<title>Directorio</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
src/components/CardUsuarios/CardUsuarios.css
+59
View File
@@ -53,4 +53,63 @@
.edit-button {
background-color: #007bff !important; /* Verde */
}
/* Estilos para el diálogo */
.dialog-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000; /* Z-index alto para estar encima de todo */
}
.dialog {
position: fixed !important;
background-color: #fff;
padding: 8px;
margin: 0;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
max-width: 400px;
width: 100%;
text-align: center;
}
.dialog p {
margin-bottom: 10px;
}
.dialog input {
padding: 8px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
}
.dialog button {
background-color: #ff0000 !important;
padding: 8px 20px;
margin: 5px 5px;
border: none;
cursor: pointer;
border-radius: 4px;
font-weight: bold;
outline: none;
}
.dialog button:first-child {
padding: auto !important;
background-color: #ff0000 !important;
color: #fff;
}
.dialog button:last-child {
padding: auto !important;
background-color: #007bff !important;
color: #fff;
}
src/components/CrearProfesor/FormProfesor.js
+2 -2
View File
@@ -482,7 +482,7 @@ const FormProfesor = () => {
<nav aria-label="Page navigation example">
<ul className="pagination justify-content-center">
<li className={`page-item ${page === 1 ? 'disabled' : ''}`}>
<a className="page-link" href="#" onClick={() => handlePageChange(page - 1)}>Previous</a>
<a className="page-link" href="#" onClick={() => handlePageChange(page - 1)}>Anterior</a>
</li>
<li className={`page-item ${page === 1 ? 'active' : ''}`}>
<a className="page-link" href="#" onClick={() => handlePageChange(1)}>1</a>
@@ -500,7 +500,7 @@ const FormProfesor = () => {
<a className="page-link" href="#" onClick={() => handlePageChange(5)}>5</a>
</li>
<li className={`page-item ${page === 5 ? 'disabled' : ''}`}>
<a className="page-link" href="#" onClick={() => handlePageChange(page + 1)}>Next</a>
<a className="page-link" href="#" onClick={() => handlePageChange(page + 1)}>Siguiente</a>
</li>
</ul>
</nav>
src/components/CrearUsuario/CrearUsuario.js
+1 -1
View File
@@ -72,7 +72,7 @@ const CrearUsuario = () => {
/>
</div>
<div className="form-group">
<label htmlFor="correo">Correo:<span className="required">*</span></label>
<label htmlFor="correo">Correo Electrónico:<span className="required">*</span></label>
<input
type="email"
id="correo"
src/components/Login/LoginForm.css
+1 -1
View File
@@ -20,7 +20,7 @@
}
h1.text-warning {
color: #ffc107;
color: #000000 !important;
text-align: center;
}
src/components/LoginForm/LoginForm.css
+10 -3
View File
@@ -1,5 +1,3 @@
/* components/LoginForm.css */
.main-content {
flex: 1;
display: flex;
@@ -19,8 +17,17 @@
border-radius: 1em;
}
.h1{
color: #000000 !important;
text-align: center;
}
h1.text-warning {
color: #ffc107;
color: #000000 !important;
text-align: center;
}
.text-warning {
color: #000000 !important;
text-align: center;
}
src/components/LoginForm/LoginForm.js
+5 -6
View File
@@ -46,14 +46,13 @@ const LoginForm = () => {
console.error('Error:', error);
setError('Error en el inicio de sesión');
} finally {
setLoading(false); // Desactivar el estado de carga
setLoading(false);
}
};
return (
<div className="main-content">
<Link to={"/profesor/perfil/36"}>Hola mundo</Link>
<h1 className="text-warning">Bienvenido al directorio de profesores</h1>
<h1 className="text-warning" style={{ background: '#000000'}}>Bienvenido al directorio de profesores</h1>
<h2 className='m-3'>Iniciar sesión</h2>
<form onSubmit={handleSubmit} className="login-form" style={{ background: '#f9f9f9', borderRadius: '1em' }}>
<div className="input-group">
@@ -63,7 +62,7 @@ const LoginForm = () => {
id="username"
value={usuario}
onChange={(e) => setUsuario(e.target.value)}
disabled={loading} // Desactivar input mientras carga
disabled={loading}
required
/>
</div>
@@ -74,7 +73,7 @@ const LoginForm = () => {
id="password"
value={contraseña}
onChange={(e) => setContraseña(e.target.value)}
disabled={loading} // Desactivar input mientras carga
disabled={loading}
required
/>
</div>
@@ -84,7 +83,7 @@ const LoginForm = () => {
id="rememberMe"
checked={rememberMe}
onChange={() => setRememberMe(!rememberMe)}
disabled={loading} // Desactivar checkbox mientras carga
disabled={loading}
/>
<label htmlFor="rememberMe" className="remember-me-label">Mantener la sesión</label>
</div>
src/components/ModificarProfesor/FormEditProfesor.js
+2 -2
View File
@@ -509,7 +509,7 @@ const FormEditProfesor = () => {
<nav aria-label="Page navigation example">
<ul className="pagination justify-content-center">
<li className={`page-item ${page === 1 ? 'disabled' : ''}`}>
<a className="page-link" href="#" onClick={() => handlePageChange(page - 1)}>Previous</a>
<a className="page-link" href="#" onClick={() => handlePageChange(page - 1)}>Anterior</a>
</li>
<li className={`page-item ${page === 1 ? 'active' : ''}`}>
<a className="page-link" href="#" onClick={() => handlePageChange(1)}>1</a>
@@ -527,7 +527,7 @@ const FormEditProfesor = () => {
<a className="page-link" href="#" onClick={() => handlePageChange(5)}>5</a>
</li>
<li className={`page-item ${page === 5 ? 'disabled' : ''}`}>
<a className="page-link" href="#" onClick={() => handlePageChange(page + 1)}>Next</a>
<a className="page-link" href="#" onClick={() => handlePageChange(page + 1)}>Siguiente</a>
</li>
</ul>
</nav>
src/components/ModificarUsuario/MDUser.js
+1 -1
View File
@@ -93,7 +93,7 @@ const MDUser = () => {
</div>
<div className="form-group">
<label htmlFor="correo">Correo:<span className="required">*</span></label>
<label htmlFor="correo">Correo Electrónico:<span className="required">*</span></label>
<input
type="email"
id="correo"
src/models/routes.js
+4 -4
View File
@@ -2,16 +2,16 @@ export const PublicRoutes={
NOTFOUND:'*',
LOGIN:'/login',
FILTER:'/',
DATAPROFESOR:'/perfil/Profesor/',
DATAPROFESOR:'/Perfil/Profesor/',
}
export const PrivateRoutes={
INTERFACE:'/Interface',
INTERFACE:'/Interfaz',
CREARPROFESOR:'/Crear/Profesor',
EDITARPROFESOR:'/Editar/Profesor/',
CREARUSUARIO:'/Crear/Usuario',
EDITARUSUARIO:'/Editar/Usuario/',
FILTERUSUARIO:'/Filter/Usuario',
DATAUSUARIO:'/perfil/Usuario',
FILTERUSUARIO:'/Filtro/Usuario',
DATAUSUARIO:'/Perfil/Usuario',
}