agregar edición de inquilinos

api-gateway/src/app.controller.ts

@@ -65,6 +65,7 @@ export class AppController {
     @Body('status') status: string,
     @Body('date_entry') date_entry: Date,
     @Body('community_id') community_id: string,
+    @Body('number_house') number_house: string,
   ) {
     return this.appService.createUser(
       dni,
@@ -77,11 +78,13 @@ export class AppController {
       status,
       date_entry,
       community_id,
+      number_house,
     );
   }
 
-  @Put('user/updateUser')
+  @Put('user/updateUser/:id')
   updateUser(
+    @Param('id') id: string,
     @Body('dni') dni: string,
     @Body('name') name: string,
     @Body('last_name') last_name: string,
@@ -92,8 +95,10 @@ export class AppController {
     @Body('status') status: string,
     @Body('date_entry') date_entry: Date,
     @Body('community_id') community_id: string,
+    @Body('number_house') number_house: string,
   ) {
     return this.appService.updateUser(
+      id,
       dni,
       name,
       last_name,
@@ -104,6 +109,7 @@ export class AppController {
       status,
       date_entry,
       community_id,
+      number_house,
     );
   }
 

api-gateway/src/app.service.ts

@@ -34,6 +34,7 @@ export class AppService {
     status: string,
     date_entry: Date,
     community_id: string,
+    number_house: string,
   ) {
     const pattern = { cmd: 'createUser' };
     const payload = {
@@ -47,6 +48,7 @@ export class AppService {
       status: status,
       date_entry: date_entry,
       community_id: community_id,
+      number_house: number_house,
     };
     return this.clientUserApp
       .send<string>(pattern, payload)
@@ -54,6 +56,7 @@ export class AppService {
   }
 
   updateUser(
+    _id: string,
     dni: string,
     name: string,
     last_name: string,
@@ -64,9 +67,11 @@ export class AppService {
     status: string,
     date_entry: Date,
     community_id: string,
+    number_house: string,
   ) {
     const pattern = { cmd: 'updateUser' };
     const payload = {
+      id: _id,
       dni: dni,
       name: name,
       last_name: last_name,
@@ -77,6 +82,7 @@ export class AppService {
       status: status,
       date_entry: date_entry,
       community_id: community_id,
+      number_house: number_house,
     };
     return this.clientUserApp
       .send<string>(pattern, payload)

servicio-usuarios/src/users/users.service.ts

@@ -143,19 +143,6 @@ export class UsersService {
 
 
     return await this.userModel.find({ community_id: pcommunity_id, user_type: 4 })
-      .then(async (users) => {
-        if (users) {
-          await Promise.all(
-            users.map(async (u) => {
-              //buscar al usuario con el id de la comunidad anexado
-              let number_house = await this.findNumHouseTenant(pcommunity_id, u['_id']);
-              u['number_house'] = number_house;
-              return u;
-            }),
-          )
-        }
-        return users;
-      })
   }
 
 

web-ui/web-react/src/components/Inquilinos.js

@@ -42,10 +42,12 @@ const Inquilinos = () => {
   const [deleteTenantDialog, setDeleteTenantDialog] = useState(false)
   const [deleteTenantsDialog, setDeleteTenantsDialog] = useState(false)
   const [community, setCommunity] = useState([])
+  const [saveButtonTitle, setSaveButtonTitle] = useState("Registrar")
   const [houseNumber, setHouseNumber] = useState([])
   const [housesList, setHousesList] = useState([])
   const [submitted, setSubmitted] = useState(false)
   const [infoDialogVisible, setShowInfoDialog] = useState(false)
+  const [cancelSaveButtonVisible, setCancelSaveButtonVisible] = useState(false)
   const toast = useRef(null)
   const dt = useRef(null)
   const [cookies] = useCookies()
@@ -101,40 +103,69 @@ const Inquilinos = () => {
   }, [])
 
   const saveTenant = () => {
-    if (tenant.email && tenant.number_house && tenant.dni
+    if (tenant._id === null) {
-      && tenant.name && tenant.last_name && tenant.phone) {
+      if (tenant.email && tenant.number_house && tenant.dni
-      let _tenants = [...tenants]
+        && tenant.name && tenant.last_name && tenant.phone) {
-      let _tenant = { ...tenant }
+        let _tenants = [...tenants]
-      _tenant.community_id = cookies.community_id;
+        let _tenant = { ...tenant }
-      _tenant.number_house = houseNumber;
+        _tenant.community_id = cookies.community_id;
-      _tenant.password = _tenant.email;
+        _tenant.number_house = houseNumber;
+        _tenant.password = _tenant.email;
+      console.log(`Registrando nuevo inquilino: ${_tenant}`)
 
-      fetch(`http://localhost:4000/user/createUser`, {
+        fetch(`http://localhost:4000/user/createUser`, {
+          cache: 'no-cache',
+          method: 'POST',
+          body: JSON.stringify(_tenant),
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        })
+          .then((response) => {
+            if (response.status !== 200)
+              console.log(`Hubo un error en el servicio: ${response.status}`)
+            else return response.json()
+          })
+          .then(() => {
+            _tenants.push(_tenant)
+            toast.current.show({
+              severity: 'success',
+              summary: 'Éxito',
+              detail: 'Inquilino creado',
+              life: 3000,
+            })
+            setTenants(_tenants)
+            setTenant(emptyTenant)
+            setHouseNumber('')
+          })
+          .catch((error) => console.log(`Ocurrió un error: ${error}`))
+      } else setSubmitted(true)
+    } else {
+      let _tenant = { ..._tenant, number_house: houseNumber };
+      console.log(`Actualizando inquilino: ${_tenant}`)
+      fetch(`http://localhost:4000/user/updateUser/${tenant._id}`, {
         cache: 'no-cache',
-        method: 'POST',
+        method: 'PUT',
         body: JSON.stringify(_tenant),
         headers: {
           'Content-Type': 'application/json',
         },
+      }).then((response) => {
+        if (response.status !== 200)
+          console.log(`Hubo un error en el servicio: ${response.status}`)
+        else return response.json()
+      }).then(() => {
+        toast.current.show({
+          severity: 'success',
+          summary: 'Éxito',
+          detail: 'Inquilino editado',
+          life: 3000,
+        })
+        tenantsList()
+        setTenant(emptyTenant)
+        setHouseNumber('')
       })
-        .then((response) => {
+    }
-          if (response.status !== 201)
-            console.log(`Hubo un error en el servicio: ${response.status}`)
-          else return response.json()
-        })
-        .then(() => {
-          _tenants.push(_tenant)
-          toast.current.show({
-            severity: 'success',
-            summary: 'Éxito',
-            detail: 'Inquilino creado',
-            life: 3000,
-          })
-          setTenants(_tenants)
-          setTenant(emptyTenant)
-        })
-        .catch((error) => console.log(`Ocurrió un error: ${error}`))
-    } else setSubmitted(true)
   }
 
   const deleteTenant = () => {
@@ -238,6 +269,20 @@ const Inquilinos = () => {
     setShowInfoDialog(true);
   }
 
+  const editTenant = (tenant) => {
+    setTenant(tenant);
+    console.log(tenant);
+    setSaveButtonTitle('Actualizar');
+    setHouseNumber(tenant.number_house);
+  }
+
+  const cancelEdit = () => {
+    setTenant(emptyTenant);
+    setSaveButtonTitle('Registrar');
+    setCancelSaveButtonVisible(false);
+    setHouseNumber('');
+  }
+
   const actionsTenant = (rowData) => {
     let icono = ''
     let text = ''
@@ -250,6 +295,12 @@ const Inquilinos = () => {
     }
     return (
       <div className='actions'>
+        <Button
+          icon="pi pi-pencil"
+          className="p-button-rounded p-button-success mt-2 mx-2"
+          onClick={() => editTenant(rowData)}
+          title="Editar"
+        />
         <Button
           icon="pi pi-exclamation-circle"
           className="p-button-rounded p-button-info mt-2 mx-2"
@@ -576,10 +627,7 @@ const Inquilinos = () => {
                 wordBreak: 'break-word',
               }}
             ></Column>
-            <Column
+            <Column style={{ flexGrow: 1, flexBasis: '80px', minWidth: '80px' }} body={actionsTenant}></Column>
-              style={{ flexGrow: 1, flexBasis: '80px', minWidth: '80px' }}
-              body={actionsTenant}
-            ></Column>
           </DataTable>
           <Dialog
             visible={infoDialogVisible}
@@ -800,7 +848,22 @@ const Inquilinos = () => {
                   && <small className="p-invalid">Casa es requerida.</small>}
               </div>
             </div>
-            <Button label="Registrar" onClick={saveTenant} />
+            <div style={{
+              display: "flex",
+              justifyContent: "center",
+              gap: "10px",
+              width: "100%"
+            }}>
+              <Button
+                label={`${saveButtonTitle}`}
+                onClick={saveTenant}
+              />
+              {saveButtonTitle === 'Actualizar' && (
+                <Button
+                  label="Cancel"
+                  onClick={cancelEdit}
+                  className="p-button-danger" />)}
+            </div>
           </div>
         </div>
       </div>