From 0321b6ad006d188e15771aed2fc98db07e1f94c0 Mon Sep 17 00:00:00 2001 From: Eduardo Quiros Date: Thu, 1 Sep 2022 10:12:22 -0600 Subject: [PATCH] formatting --- .../src/components/ComunidadViviendas.js | 282 ++++++++++-------- 1 file changed, 150 insertions(+), 132 deletions(-) diff --git a/web-ui/web-react/src/components/ComunidadViviendas.js b/web-ui/web-react/src/components/ComunidadViviendas.js index e3b1c4ce..f80f1157 100644 --- a/web-ui/web-react/src/components/ComunidadViviendas.js +++ b/web-ui/web-react/src/components/ComunidadViviendas.js @@ -41,7 +41,7 @@ const Communities = () => { const [districtId, setDistrictId] = useState(null); const [codeHouses, setCodeHouses] = useState(''); const [submitted, setSubmitted] = useState(false); - const [saveButtonLabel, setSaveButtonLabel] = useState('Registrar') + const [saveButtonLabel, setSaveButtonLabel] = useState('Registrar'); const [selectedCommunities, setSelectedCommunities] = useState(null); const [globalFilter, setGlobalFilter] = useState(null); const [deleteCommunityDialog, setDeleteCommunityDialog] = useState(false); @@ -50,15 +50,11 @@ const Communities = () => { const toast = useRef(null); const dt = useRef(null); - - //para el perfil de la comunidad const [tenants, setTenants] = useState([]); const [communityDialog, setCommunityDialog] = useState(false); - - const p = provincesList.map((item) => ({ label: item.name, value: item.code, @@ -76,7 +72,6 @@ const Communities = () => { parent: item.parentCode, })); - async function getProvinces() { const response = await fetch('assets/demo/data/provincias.json', { method: 'GET', @@ -119,7 +114,6 @@ const Communities = () => { setDistrictsList(await districts); } - useEffect(() => { fillProvinces(); }, []); @@ -132,7 +126,6 @@ const Communities = () => { fillDistricts(); }, [cantonId]); - const handleProvinces = (event) => { const getprovinciaId = event.target.value; setProvinciaId(getprovinciaId); @@ -162,9 +155,7 @@ const Communities = () => { let pList = await getProvinces(); let cList = await getCantons(); let dList = await getDistricts(); - let data = await resJson.message.filter( - (val) => val.status != -1, - ) + let data = await resJson.message.filter((val) => val.status != -1); await data.map((item) => { if (item.status == '1') { item.status_text = 'Activo'; @@ -188,21 +179,20 @@ const Communities = () => { }, []); async function tenantsList(id) { - await fetch(`http://localhost:4000/user/findTenants/${id}`, { method: 'GET' }) + await fetch(`http://localhost:4000/user/findTenants/${id}`, { + method: 'GET', + }) .then((response) => response.json()) - .then(data => data.message) - .then(data => { - data = data.filter( - (val) => val.status != -1, - ) - setTenants(data) + .then((data) => data.message) + .then((data) => { + data = data.filter((val) => val.status != -1); + setTenants(data); }); } useEffect(() => { tenantsList(community._id); - }, []) - + }, []); const saveCommunity = () => { if ( @@ -272,14 +262,12 @@ const Communities = () => { } }; - - function findNameTenant(tenant_id) { let name = ''; if (tenant_id == '') { name = 'Sin inquilino'; } else { - let tenant = tenants.find(t => t._id == tenant_id) + let tenant = tenants.find((t) => t._id == tenant_id); name = tenant['name'] + ' ' + tenant['last_name']; } return name; @@ -340,7 +328,6 @@ const Communities = () => { if (community.status == '1') { community.status = '0'; community.status_text = 'Inactivo'; - } else if (community.status == '0') { community.status = '1'; community.status_text = 'Activo'; @@ -354,69 +341,66 @@ const Communities = () => { method: 'POST', body: JSON.stringify(data), headers: { - 'Content-Type': 'application/json' - } + 'Content-Type': 'application/json', + }, }) - .then( - function(response) { - if (response.status != 201) - console.log('Ocurrió un error con el servicio: ' + response.status); - else - return response.json(); - } - ) - .then( - function(response) { - setEditCommunityDialog(false); - toast.current.show({ - severity: 'success', - summary: 'Éxito', - detail: 'Comunidad de Viviendas Actualizada', - life: 3000, - }); - } - ) - .catch( - err => console.log('Ocurrió un error con el fetch', err) - ); - } + .then(function(response) { + if (response.status != 201) + console.log('Ocurrió un error con el servicio: ' + response.status); + else return response.json(); + }) + .then(function(response) { + setEditCommunityDialog(false); + toast.current.show({ + severity: 'success', + summary: 'Éxito', + detail: 'Comunidad de Viviendas Actualizada', + life: 3000, + }); + }) + .catch((err) => console.log('Ocurrió un error con el fetch', err)); + }; const deleteCommunity = () => { fetch('http://localhost:4000/community/deleteCommunity/' + community._id, { cache: 'no-cache', method: 'DELETE', headers: { - 'Content-Type': 'application/json' - } + 'Content-Type': 'application/json', + }, }) - .then( - function(response) { - if (response.status != 201) - console.log('Ocurrió un error con el servicio: ' + response.status); - else - return response.json(); - } - ) - .then( - function(response) { - - let _community = communitiesList.filter(val => val._id !== community._id); - setCommunitiesList(_community); - setDeleteCommunityDialog(false); - setCommunity(emptyCommunity); - toast.current.show({ severity: 'success', summary: 'Exito', detail: 'Comunidad de Viviendas Eliminada', life: 3000 }); - } - ) - .catch( - err => { - console.log('Ocurrió un error con el fetch', err) - toast.current.show({ severity: 'danger', summary: 'Error', detail: 'Comunidad de Viviendas no se pudo eliminar', life: 3000 }); - } - ); - let _communities = communitiesList.filter((val) => val._id !== community._id); - _communities = _communities.filter( - (val) => val.status != -1, - ) + .then(function(response) { + if (response.status != 201) + console.log('Ocurrió un error con el servicio: ' + response.status); + else return response.json(); + }) + .then(function(response) { + let _community = communitiesList.filter( + (val) => val._id !== community._id, + ); + setCommunitiesList(_community); + setDeleteCommunityDialog(false); + setCommunity(emptyCommunity); + toast.current.show({ + severity: 'success', + summary: 'Exito', + detail: 'Comunidad de Viviendas Eliminada', + life: 3000, + }); + }) + .catch((err) => { + console.log('Ocurrió un error con el fetch', err); + toast.current.show({ + severity: 'danger', + summary: 'Error', + detail: 'Comunidad de Viviendas no se pudo eliminar', + life: 3000, + }); + }); + let _communities = communitiesList.filter( + (val) => val._id !== community._id, + ); + _communities = _communities.filter((val) => val.status != -1); setCommunitiesList(_communities); setDeleteCommunityDialog(false); setCommunity(emptyCommunity); @@ -441,9 +425,7 @@ const Communities = () => { } }) })*/ - _communities = _communities.filter( - (val) => val.status != -1, - ) + _communities = _communities.filter((val) => val.status != -1); setCommunitiesList(_communities); setDeleteCommunitiesDialog(false); setSelectedCommunities(null); @@ -462,15 +444,23 @@ const Communities = () => { setProvinciaId(community.provincia); setCantonId(community.canton); setDistrictId(community.district); + }; + + const cancelEdit = () => { + setCommunity(emptyCommunity); + setCantonId(''); + setHousesList([]); + setProvinciaId(''); + setDistrictId(''); + setSaveButtonLabel('Registrar'); } const actionsCommunity = (rowData) => { - let icono = ''; if (rowData.status == '0') { - icono = "pi pi-eye"; + icono = 'pi pi-eye'; } else if (rowData.status == '1') { - icono = "pi pi-eye-slash"; + icono = 'pi pi-eye-slash'; } return ( @@ -550,7 +540,6 @@ const Communities = () => { className="p-button-text" onClick={hideCommunityDialog} /> - ); @@ -604,8 +593,6 @@ const Communities = () => { ); - - const headerName = ( <>

@@ -668,8 +655,8 @@ const Communities = () => { <>

{' '} - {' '} - Número de viviendas + Número + de viviendas

); @@ -686,12 +673,16 @@ const Communities = () => { const headerStatus = ( <> -

{' '} - {' '} +

+ {' '} + {' '} Estado

- ) + ); //ver perfil comunidad const headerTenant = ( @@ -701,16 +692,13 @@ const Communities = () => { {' '} Inquilinos

- ); const statusBodyTemplate = (rowData) => { return ( <> - + {rowData.status_text} @@ -724,11 +712,7 @@ const Communities = () => { name = findNameTenant(tenants.tenant_id); } - return ( - <> - {name} - - ) + return <>{name}; }; return ( @@ -810,15 +794,19 @@ const Communities = () => { sortable header={headerStatus} body={statusBodyTemplate} - style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}> - + style={{ + flexGrow: 1, + flexBasis: '160px', + minWidth: '160px', + wordBreak: 'break-word', + }} + > - { modal className="p-fluid" footer={communityDialogFooter} - onHide={hideCommunityDialog}> -
-
+ onHide={hideCommunityDialog} + > +
+

Nombre

-
+

{community.name}

@@ -839,30 +831,34 @@ const Communities = () => {
-
+

Administrador

-
+

{community.name_admin}

-

Teléfono Administrativo

-
+

{community.phone}

-
-
+

Provincia

@@ -870,7 +866,6 @@ const Communities = () => {

{community.province}

-
@@ -880,7 +875,6 @@ const Communities = () => {

{community.canton}

-
@@ -890,14 +884,16 @@ const Communities = () => {

{community.district}

-
-
+

Número de Viviendas

-
+

{community.num_houses}

@@ -905,12 +901,16 @@ const Communities = () => {
-
+
- - -

Viviendas

-
+

+ {' '} + Viviendas +

+
{
@@ -942,7 +950,6 @@ const Communities = () => {
-
{ /> {community && ( - ¿Estás seguro que desea cambiar estado a {community.name}? + ¿Estás seguro que desea cambiar estado a{' '} + {community.name}? )} @@ -1183,12 +1191,22 @@ const Communities = () => { )} -
+
+ /> + {saveButtonLabel === 'Actualizar' && ( +