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