diff --git a/src/Components/Register/UserList/UserList.tsx b/src/Components/Register/UserList/UserList.tsx index 1469ccf..3ad92b1 100644 --- a/src/Components/Register/UserList/UserList.tsx +++ b/src/Components/Register/UserList/UserList.tsx @@ -117,12 +117,27 @@ export const UserList: React.FC = (props) => { ), sortable: true }, + { + name: 'Departamento', + width: '250px', + cell: (row: IRegister) => ( +
{ + props.GetUserInfo(row) + }} + > + {row.departamento} +
+ ), + sortable: true + }, { name: 'Estatus', width: '90px', cell: (row: IRegister) => (
{ props.GetUserInfo(row) }} @@ -152,6 +167,10 @@ export const UserList: React.FC = (props) => { return NoAsignado } + // getDepartamento = (Id: Number) => { + + // } + useEffect(() => { usuariosServices .getAllUsuarios() @@ -166,6 +185,7 @@ export const UserList: React.FC = (props) => { .then((response) => { setDataPerfiles(response.data) }) + .catch((e: Error) => { console.log(e) }) diff --git a/src/Components/Register/register.tsx b/src/Components/Register/register.tsx index 7b84739..fef6aa4 100644 --- a/src/Components/Register/register.tsx +++ b/src/Components/Register/register.tsx @@ -18,6 +18,8 @@ import { import { useEffect, useState } from 'react' import IPerfilesMenu from '../../Interfaces/IPerfilesMenu' import { IPerfil } from '../../Interfaces/Catalogos/IPerfiles' +// import { IDepartamento } from '../../Interfaces/Catalogos/IDepartamento' + import PerfilesMenuServices from '../../Services/Catalogos/PerfilesMenu.Services' import ClientesServices from '../../Services/Catalogos/Clientes.Services' import usuariosServices from '../../Services/Catalogos/Usuarios.Services' @@ -34,6 +36,7 @@ import DTOUsuariosShort from '../../DTO/DTOUsuariosShort' import DTOClonarUsuario from '../../DTO/DTOClonarUsuario' import { AdmonPerfiles } from './admonPerfiles/AdmonPerfiles' import { Form as FormCtrl } from 'react-bootstrap' +import { Console } from 'console' interface IProps {} @@ -52,7 +55,7 @@ const SignupSchema = Yup.object().shape({ correo: Yup.string().email('Correo invalido').required('Requirido') }) -export default function Register(props:IProps) { +export default function Register(props: IProps) { const [UserId, setUserId] = useState(() => { const stickyValue = window.localStorage.getItem('UserId') return stickyValue !== null ? JSON.parse(stickyValue) : 0 @@ -92,6 +95,7 @@ export default function Register(props:IProps) { const [TokenAccesoM, setTokenAccesoM] = useState('') const [DeviceToken, setDeviceToken] = useState('') const [IdPerfil, setIdPerfil] = useState(0) + const [Departamento, setDepartamento] = useState('') const [user2Clone, setUser2Clone] = React.useState(0) const [perfiles, setPerfiles] = useState([ { @@ -140,7 +144,8 @@ export default function Register(props:IProps) { codigoAccesoM: CodigoAccesoM, tokenAccesoM: TokenAccesoM, deviceToken: DeviceToken, - idPerfil: IdPerfil + idPerfil: IdPerfil, + departamento: Departamento } const initialValuesPerfiles: IPerfil = { @@ -148,6 +153,11 @@ export default function Register(props:IProps) { perfil: '' } + // const initialValuesDepartamento: IDepartamento = { + // id: Dept, + // descripcion: '' + // } + function getUsuario() { const item = localStorage.getItem('tokenInfo') let Usr = '' @@ -367,13 +377,13 @@ export default function Register(props:IProps) { } const CloseModalPerfiles = (show: boolean): void => { - //setmodalAdmonPerfiles(false); + setmodalAdmonPerfiles(false) } function loadAllUserInfo(id: number) {} const GetUserInfo = (data: IRegister): void => { - console.log('data from get usuario '+JSON.stringify(data)) + console.log('data from get usuario ' + JSON.stringify(data)) setIdUsuario(data.id) setUsuario(data.usuario) setNombre(data.nombre) @@ -381,16 +391,20 @@ export default function Register(props:IProps) { setCorreo(data.correo) setIdPerfil(data.idPerfil) loadAllUserInfo(data.id) + setTipoUsuario(data.tipoUsuario) + + setDepartamento(data.departamento) + + setDept(data.dept) } const clonaInformacion = (): void => { - // alert(IdPerfil) + // alert(IdPerfil) if (IdPerfil == 0) { setToastPerfil(true) setmsgDialog('') return - } else - setShowConfirmation(true) + } else setShowConfirmation(true) } const ChangeUser2Clone = (e: any): void => { @@ -542,6 +556,7 @@ export default function Register(props:IProps) { name="nombre" className="form-control" placeholder="nombre" + // onChange={(e) => setNombre(e.target.value)} /> {errors.nombre && touched.nombre ? (
@@ -683,24 +698,39 @@ export default function Register(props:IProps) {
+
- + setDept(parseInt(e.target.value)) + // setDepartamento(e.target.value) + } + className="form-select form-select-sm" + // style={{ width: '270px', height: '37px' }} + > + + + + + + + + + +
+ + {/* aquo termina el div */} @@ -770,6 +800,8 @@ export default function Register(props:IProps) { name="dept" className="form-control" placeholder="departamento" + // IsReadOnly="True" + disabled="diabled" /> diff --git a/src/Interfaces/IRegister.tsx b/src/Interfaces/IRegister.tsx index ff3e744..c3d30ab 100644 --- a/src/Interfaces/IRegister.tsx +++ b/src/Interfaces/IRegister.tsx @@ -1,32 +1,33 @@ export interface IRegister { - id: number; - usuario: string; - nombre: string; - contrasena: string; - correo: string; - tipoUsuario: number; - activo: number; - fechaAlta: string; - usuarioAlta: number; - fechaModifico: string; - usuarioModifico: number; - fechaElimino: string; - usuarioElimino: number; - motivoElimino: string; - idModulo: number; - dept: number; - tmercancia: number; - fechaUltimaVisita: string; - visitas: number; - internos: number; - permisoEspecial: number; - estadoConfiguracion: number; - fechaValidacionConf: string; - realizoEncuesta: string; - encuestaActiva: number; - fechaLimiteEncuesta: string; - codigoAccesoM: string; - tokenAccesoM: string; - deviceToken: string; - idPerfil: number; + id: number + usuario: string + nombre: string + contrasena: string + correo: string + tipoUsuario: number + activo: number + fechaAlta: string + usuarioAlta: number + fechaModifico: string + usuarioModifico: number + fechaElimino: string + usuarioElimino: number + motivoElimino: string + idModulo: number + dept: number + tmercancia: number + fechaUltimaVisita: string + visitas: number + internos: number + permisoEspecial: number + estadoConfiguracion: number + fechaValidacionConf: string + realizoEncuesta: string + encuestaActiva: number + fechaLimiteEncuesta: string + codigoAccesoM: string + tokenAccesoM: string + deviceToken: string + idPerfil: number + departamento: string }