Merge pull request #108 from DeimosPr4/US-38-Registrar-Inquilinos

agregar registro de inquilinos

api-gateway/package-lock.json

@@ -5,6 +5,7 @@
   "requires": true,
   "packages": {
     "": {
+      "name": "api-gateway",
       "version": "0.0.1",
       "license": "UNLICENSED",
       "dependencies": {

web-ui/web-react/src/App.js

@@ -32,6 +32,7 @@ import AdministradoresSistema from './components/AdministradoresSistema';
 import AdministradoresComunidad from './components/AdministradoresComunidad';
 import GuardasSeguridad from './components/GuardasSeguridad';
 import Communities from './components/ComunidadViviendas';
+import Inquilinos from './components/Inquilinos';
 
 import Crud from './pages/Crud';
 import EmptyPage from './pages/EmptyPage';
@@ -169,6 +170,7 @@ const App = () => {
                 {label: 'Administradores de comunidad', icon: 'pi pi-fw pi-id-card', to: '/administradoresComunidad'}, 
                 {label: 'Guardas de seguridad', icon: 'pi pi-fw pi-id-card', to: '/guardasSeguridad'}, 
                 {label: 'Comunidadades', icon: 'pi pi-fw pi-id-card', to: '/comunidadesViviendas'}, 
+                {label: 'Inquilinos', icon: 'pi pi-fw pi-id-card', to: '/inquilinos'},
                 {label: 'Log in', icon: 'pi pi-fw pi-id-card', to: '/logIn'}
             ]
         },
@@ -326,6 +328,7 @@ const App = () => {
                     <Route path="/administradoresComunidad" component={AdministradoresComunidad} />
                     <Route path="/guardasSeguridad" component={GuardasSeguridad} />
                     <Route path="/comunidadesViviendas" component={Communities} />
+                    <Route path="/inquilinos" component={Inquilinos} />
                     <Route path="/logIn" component={LogIn} />
                 </div>
 

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

@@ -0,0 +1,64 @@
+import { Button } from 'primereact/button';
+import { Dropdown } from 'primereact/dropdown';
+import { InputText } from 'primereact/inputtext'
+import React, { useEffect, useState } from 'react'
+
+const Inquilinos = () => {
+  const [communitiesList, setCommunitiesList] = useState([]);
+  const communityIdList = communitiesList.map(community => community.id);
+  async function getCommunites() {
+    let response = await fetch('http://localhost:4000/community/allCommunities', { method: 'GET' });
+    let list = await response.json();
+    setCommunitiesList(list.message);
+  }
+
+  useEffect(() => {
+    getCommunites();
+  }, [])
+  function registrarInquilino() {
+    let data = {
+      email: document.getElementById('correo_electronico').value,
+      community_id: document.getElementById('numero_vivienda').value,
+      user_type: '3',
+      status: '1',
+    }
+
+    fetch('http://localhost:3000/api/createUser', {
+      method: 'POST',
+      cache: 'no-cache',
+      body: JSON.stringify(data),
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    }).then((response) => {
+      if (response.ok) {
+        alert('Inquilino registrado correctamente')
+      } else {
+        alert('Error al registrar inquilino')
+      }
+    })
+  }
+
+  return (
+    <div className="grid">
+      <div className="col-12">
+        <div className="card">
+          <h5 className="card-header">Registrar Inquilino</h5>
+          <div className="p-fluid formgrid grid">
+            <div className="p-field col-12 md:col-6">
+              <label htmlFor="correo_electronico">Correo electrónico</label>
+              <InputText type="email" className="form-control" id="correo_electronico" />
+            </div>
+            <div className="p-field col-12 md:col-6">
+              <label htmlFor="numero_vivienda">Número de Vivienda</label>
+              <Dropdown id="numero_vivienda" value={communityIdList[0]} options={communitiesList} />
+            </div>
+          <Button label="Registrar" onClick={registrarInquilino} />
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default React.memo(Inquilinos);