Merge branch 'featureDepto4User'

src/Components/Register/UserList/UserList.tsx

@@ -117,12 +117,27 @@ export const UserList: React.FC<IProps> = (props) => {
       ),
       sortable: true
     },
+    {
+      name: 'Departamento',
+      width: '250px',
+      cell: (row: IRegister) => (
+        <div
+          style={{ width: '100%' }}
+          onClick={() => {
+            props.GetUserInfo(row)
+          }}
+        >
+          {row.departamento}
+        </div>
+      ),
+      sortable: true
+    },
     {
       name: 'Estatus',
       width: '90px',
       cell: (row: IRegister) => (
         <div
-          style={{ width: '100%', textAlign:'center' }}
+          style={{ width: '100%', textAlign: 'center' }}
           onClick={() => {
             props.GetUserInfo(row)
           }}
@@ -152,6 +167,10 @@ export const UserList: React.FC<IProps> = (props) => {
     return NoAsignado
   }
 
+  // getDepartamento = (Id: Number) => {
+
+  // }
+
   useEffect(() => {
     usuariosServices
       .getAllUsuarios()
@@ -166,6 +185,7 @@ export const UserList: React.FC<IProps> = (props) => {
       .then((response) => {
         setDataPerfiles(response.data)
       })
+
       .catch((e: Error) => {
         console.log(e)
       })

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<IPerfil[]>([
     {
@@ -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 ? (
                                     <div>
@@ -683,24 +698,39 @@ export default function Register(props:IProps) {
                                   </Field>
                                 </div>
                               </div>
+
                               <div className="col">
                                 <div className="form-group">
                                   <label
                                     className="text-info"
-                                    htmlFor="fechaModifico"
+                                    htmlFor="Departamento"
                                   >
-                                    Fecha modifico
+                                    Departamento
                                   </label>
-                                  <Field
-                                    id="fechaModifico"
-                                    name="fechaModifico"
-                                    readOnly="readOnly"
-                                    className="form-control"
-                                    placeholder="Fecha modifico"
-                                    defaultValue={currentDate()}
-                                  />
+                                  <FormCtrl.Control
+                                    as="select"
+                                    value={Dept}
+                                    onChange={
+                                      (e) => setDept(parseInt(e.target.value))
+                                      // setDepartamento(e.target.value)
+                                    }
+                                    className="form-select form-select-sm"
+                                    // style={{ width: '270px', height: '37px' }}
+                                  >
+                                    <option value="1">Corresponsalias</option>
+                                    <option value="2">Contabilidad</option>
+                                    <option value="3">Sistemas</option>
+                                    <option value="4">Dirrecion</option>
+                                    <option value="5">Administracion</option>
+                                    <option value="6">Facturacion</option>
+                                    <option value="7">Clasificacion</option>
+                                    <option value="8">Trafico</option>
+                                    <option value="9">Operaciones</option>
+                                  </FormCtrl.Control>
                                 </div>
                               </div>
+
+                              {/* aquo termina el div  */}
                             </div>
                           </Accordion.Body>
                         </Accordion.Item>
@@ -770,6 +800,8 @@ export default function Register(props:IProps) {
                                     name="dept"
                                     className="form-control"
                                     placeholder="departamento"
+                                    // IsReadOnly="True"
+                                    disabled="diabled"
                                   />
                                 </div>
                               </div>

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
 }