Informe pagina web
Enviado por X Overhaul • 19 de Diciembre de 2022 • Informes • 4.732 Palabras (19 Páginas) • 36 Visitas
import React from "react";
import role from "./helpers/role";
import "../styles/Register.css";
import "../styles/Login.css";
// import PropTypes from 'prop-types';
export default function Login() {
const [name, setName] = React.useState("");
const [email, setEmail] = React.useState("");
const [password, setPassword] = React.useState("");
const [roleUser, setRole] = React.useState(role.admin);
async function registerUser(event) {
event.preventDefault();
console.log("name", name);
console.log("email:",email);
console.log("role:",roleUser);
let uid = '' ;
switch (roleUser) {
case role.admin: uid=role.admin; break;
case role.profesor: uid=role.profesor ;break;
case role.secretaria: uid =role.secretaria;break;
case role.apoderado: uid=role.apoderado;break;
default: break;
}
console.log(uid)
const response = await fetch('http://localhost:5000/api/'+uid+'/register', {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
name: name,
email: email,
password: password,
role: roleUser,
carrera: null,
}),
});
const data = await response.json()
alert("Usuario registrado con éxito");
console.log(data);
document.getElementById("register-form").reset(); //Reinciando el formulario
}
function verificar(){//verifica lo que se selecciona en el form select
if(document.getElementById('TipoUsuario').value==='apoderado'){//apoderado
document.getElementsByClassName('register-box')[0].style.height='500px';
document.getElementsByClassName('preguntasalumnos')[0].style.display = 'block';
}else if(document.getElementById('TipoUsuario').value !=='apoderado'){
document.getElementsByClassName('preguntasalumnos')[0].style.display = 'none';
}
if(document.getElementById('TipoUsuario').value==='profesor'){//profesor
document.getElementsByClassName('register-box')[0].style.height='500px';//AGRANDA EL LOGIN
document.getElementsByClassName('preguntasprofesor')[0].style.display = 'block';
}else if(document.getElementById('TipoUsuario').value !=='profesor'){
document.getElementsByClassName('preguntasprofesor')[0].style.display = 'none';
}
if(document.getElementById('TipoUsuario').value==='secretaria'){//secretaria
document.getElementsByClassName('register-box')[0].style.height='100%';//AGRANDA EL LOGIN
document.getElementsByClassName('preguntassecretaria')[0].style.display = 'block';
}else if(document.getElementById('TipoUsuario').value !=='secretaria'){
document.getElementsByClassName('preguntassecretaria')[0].style.display = 'none';
}
if(document.getElementById('TipoUsuario').value==='admin'){//admin
document.getElementsByClassName('register-box')[0].style.height='500px';//AGRANDA EL LOGIN
document.getElementsByClassName('preguntasadmin')[0].style.display = 'block';
}else if(document.getElementById('TipoUsuario').value !=='admin'){
document.getElementsByClassName('preguntasadmin')[0].style.display = 'none';
}
}
return (
<div className="register-box">
{/* <div style={{ backgroundImage: `url(${background})` }}>
...