This commit is contained in:
Eduardo Quiros 2022-08-30 18:40:31 -06:00
parent d409dedef8
commit 3df047c532
No known key found for this signature in database
GPG Key ID: B77F36C3F12720B4
1 changed files with 210 additions and 203 deletions

View File

@ -4,7 +4,7 @@ import { InputText } from 'primereact/inputtext';
import { Button } from 'primereact/button';
import { Toast } from 'primereact/toast';
const baseUrl = "http://localhost:4000/user/loginUser";
const baseUrl = 'http://localhost:4000/user/loginUser';
const cookies = new Cookies();
class LogInUser extends Component {
@ -13,118 +13,118 @@ class LogInUser extends Component {
this.state = {
form: {
email: '',
password: ''
password: '',
},
errorEmail: false,
errorPassword: false,
logged: null
}
logged: null,
};
}
handleChange = async e => {
handleChange = async (e) => {
await this.setState({
form: {
...this.state.form,
[e.target.name]: e.target.value
}
[e.target.name]: e.target.value,
},
});
}
};
validaciones = (data) => {
let error = false;
if (data.email == '') {
this.setState({
errorEmail: true
})
errorEmail: true,
});
error = true;
} else {
this.setState({
errorEmail: false
})
errorEmail: false,
});
}
if (data.password == '') {
this.setState({
errorPassword: true
})
errorPassword: true,
});
error = true;
} else {
this.setState({
errorPassword: false
})
errorPassword: false,
});
}
return error;
}
};
iniciarSesion = async () => {
const data = {
email: this.state.form.email,
password: this.state.form.password
}
password: this.state.form.password,
};
console.log(data);
if (!this.validaciones(data)) {
this.setState({
email: true,
password: true
})
password: true,
});
await fetch(baseUrl, {
cache: 'no-cache',
method: 'POST',
body: JSON.stringify(data),
headers: {
'Content-Type': 'application/json'
}
'Content-Type': 'application/json',
},
})
.then(response => {
.then((response) => {
if (response.status != 201)
console.log('Ocurrió un error con el servicio: ' + response.status);
else return response.json();
})
.then(response => {
.then((response) => {
console.log(response.message);
if (response.message) {
const user = response.message;
if (user.user_type == '1' || user.user_type == '2') {
cookies.set('id', user._id, { path: "/" });
cookies.set('name', user.name, { path: "/" });
cookies.set('email', user.email, { path: "/" });
cookies.set('type', user.user_type, { path: "/" });
cookies.set('id', user._id, { path: '/' });
cookies.set('name', user.name, { path: '/' });
cookies.set('email', user.email, { path: '/' });
cookies.set('type', user.user_type, { path: '/' });
if (user.user_type != '1') {
cookies.set('community_id', user.community_id, { path: "/" });
cookies.set('community_id', user.community_id, { path: '/' });
}
// alert(`Bienvenido ${user.name}`);
document.getElementById('notification').hidden = true;
document.getElementById('notification2').hidden = false;
document.getElementById("message2").innerHTML = `Bienvenido ${user.name}`;
document.getElementById(
'message2',
).innerHTML = `Bienvenido ${user.name}`;
window.location.href = "/";
window.location.href = '/';
}
window.location.href = "/page404";
window.location.href = '/page404';
} else {
document.getElementById('notification2').hidden = true;
document.getElementById('notification').hidden = false;
//alert('El usuario o la contraseña no son correctos');
document.getElementById("message").innerHTML = "El usuario o la contraseña son incorrectos";
document.getElementById('message').innerHTML =
'El usuario o la contraseña son incorrectos';
}
})
.catch(error => {
.catch((error) => {
console.log(error);
})
}
});
}
};
componentDidMount() {
if (cookies.get('email')) {
window.location.href = "/";
window.location.href = '/';
}
}
@ -134,39 +134,38 @@ class LogInUser extends Component {
);
errors = {
email: "Correo requerido",
pass: "Contraseña requerida"
email: 'Correo requerido',
pass: 'Contraseña requerida',
};
render() {
return (
<Fragment>
<div className="grid ">
<div className="col-10 xl:col-8">
<div id="notification" className="p-message p-message-error" hidden={true} >
<div
id="notification"
className="p-message p-message-error"
hidden={true}
>
<div className="card">
<h5 className='card-header' id="message">
</h5>
<h5 className="card-header" id="message"></h5>
</div>
</div>
<div id="notification2" className="p-message p-message-success" hidden={true} >
<div
id="notification2"
className="p-message p-message-success"
hidden={true}
>
<div className="card">
<h5 className='card-header' id="message2">
</h5>
<h5 className="card-header" id="message2"></h5>
</div>
</div>
</div>
<div className="col-10 xl:col-8">
<div className="card">
<h5 className='card-header'>Iniciar Sesión</h5>
<h5 className="card-header">Iniciar Sesión</h5>
<div className="p-fluid formgrid grid">
<div className="field col-12 md:col-12">
<label htmlFor="email">Correo electrónico</label>
<div className="p-0 col-12 md:col-12">
@ -174,19 +173,20 @@ class LogInUser extends Component {
<span className="p-inputgroup-addon p-button p-icon-input-khaki">
<i className="pi pi-user"></i>
</span>
<InputText id="email"
<InputText
id="email"
type="email"
name="email"
onChange={this.handleChange}
placeholder='Correo electrónico'
placeholder="Correo electrónico"
className={this.state.errorEmail ? 'p-invalid' : ''}
/>
</div>
{this.state.errorEmail && (
<small className="p-invalid">Correo electrónico es requerido</small>
<small className="p-invalid">
Correo electrónico es requerido
</small>
)}
</div>
</div>
<div className="field col-12 md:col-12">
@ -196,30 +196,37 @@ class LogInUser extends Component {
<span className="p-inputgroup-addon p-button p-icon-input-khaki">
<i className="pi pi-lock"></i>
</span>
<InputText id="password"
<InputText
id="password"
type="password"
name="password"
onChange={this.handleChange}
placeholder='Contraseña'
placeholder="Contraseña"
className={this.state.errorPassword ? 'p-invalid' : ''}
/>
</div>
{this.state.errorPassword && (
<small className="p-invalid">Contraseña es requerida</small>
<small className="p-invalid">
Contraseña es requerida
</small>
)}
</div>
</div>
<Button label="Iniciar sesión" type="button" onClick={() => this.iniciarSesion()}></Button>
<Button label="Restablecer Contraseña" className="p-button-link" />
<Button
label="Iniciar sesión"
type="button"
onClick={() => this.iniciarSesion()}
></Button>
<Button
label="Restablecer Contraseña"
className="p-button-link"
/>
</div>
</div>
</div>
</div>
</Fragment>
);
}
}