parent
b66da76e39
commit
40aaecb332
@ -1,99 +0,0 @@ |
||||
import React, { FC } from 'react' |
||||
import { Button, Form, Toast, ToastContainer } from 'react-bootstrap' |
||||
import { MsgInformativo } from '../Utils/Toast/msgInformativo' |
||||
import DTOUsuario from '../../DTO/DTOUsuario' |
||||
import usuariosServices from '../../Services/Catalogos/Usuarios.Services' |
||||
|
||||
interface IProps {} |
||||
|
||||
export default function ResetCredentials(props: IProps) { |
||||
const [header, setHerader] = React.useState('Error!') |
||||
const [msgColor, setMsgColor] = React.useState('Primary') |
||||
const [showMsg, setShowMsg] = React.useState(false) |
||||
const [msg, setMsg] = React.useState('') |
||||
const [usuario, setUsuario] = React.useState('') |
||||
const [contrasena, setContrasena] = React.useState('') |
||||
const [confirmaContrasena, setConfirmaContrasena] = React.useState('') |
||||
|
||||
const validaFormulario = () => { |
||||
if (contrasena != confirmaContrasena) { |
||||
setMsg('Contrasena no coincide con su confirmacion!') |
||||
setShowMsg(true) |
||||
return |
||||
} |
||||
|
||||
const data: DTOUsuario = { |
||||
Usuario: usuario, |
||||
Contrasena: contrasena, |
||||
} |
||||
|
||||
usuariosServices |
||||
.resetPassword(data) |
||||
.then((response) => { |
||||
if (response.status == 200) alert('La contrasena se reseteo exisosamente') |
||||
if (response.status == 204) alert('Usuario no existe') |
||||
|
||||
console.log(response.data) |
||||
}) |
||||
.catch((e: Error) => { |
||||
console.log(e) |
||||
//alert(e);
|
||||
let message = e.message |
||||
setMsg(message) |
||||
if (message.includes('400')) setMsg('Usuario no encontrado') |
||||
setShowMsg(true) |
||||
}) |
||||
} |
||||
|
||||
const closeToast = (show: boolean): void => { |
||||
setShowMsg(false) |
||||
} |
||||
|
||||
return ( |
||||
<div> |
||||
{' '} |
||||
<div id='login'> |
||||
<div className='container'> |
||||
<div id='login-row' className='row justify-content-center align-items-center'> |
||||
<div id='login-column' className='col-md-4'> |
||||
<div id='login-box' className='col-md-12'> |
||||
<Form id='login-form' className='form'> |
||||
<h3 className='text-center text-info'>Olvido su contraseña</h3> |
||||
<Form.Group className='mb-3 control-label' controlId='formBasicEmail'> |
||||
<Form.Label>Usuario</Form.Label> |
||||
<Form.Control placeholder='Usuario' onChange={(e) => setUsuario(e.currentTarget.value)} /> |
||||
</Form.Group> |
||||
<Form.Group className='mb-3 control-label' controlId='formBasicPassword'> |
||||
<Form.Label>Nueva contraseña</Form.Label> |
||||
<Form.Control |
||||
type='password' |
||||
placeholder='Contraseña' |
||||
onChange={(e) => setContrasena(e.currentTarget.value)} |
||||
/> |
||||
</Form.Group> |
||||
<Form.Group className='mb-3 control-label' controlId='formBasicPassword'> |
||||
<Form.Label>Confirme su nueva contraseña</Form.Label> |
||||
<Form.Control |
||||
type='password' |
||||
placeholder='Confirme su contraseña' |
||||
onChange={(e) => setConfirmaContrasena(e.currentTarget.value)} |
||||
/> |
||||
</Form.Group> |
||||
<Button |
||||
variant='primary' |
||||
onClick={() => { |
||||
validaFormulario() |
||||
}} |
||||
> |
||||
Submit |
||||
</Button> |
||||
</Form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<MsgInformativo show={showMsg} msg={msg} header={header} msgColor={msgColor} closeToast={closeToast} /> |
||||
</div> |
||||
</div> |
||||
) |
||||
} |
Loading…
Reference in new issue