Merge pull request #150 from DeimosPr4/UH-activar&desactivarComunidadFront

fixes functions de cambiar estado
This commit is contained in:
Eduardo Quiros 2022-08-03 06:17:25 +00:00 committed by GitHub
commit bc10a8d3eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 90 additions and 106 deletions

View File

@ -51,8 +51,6 @@ export class CommunitiesController {
changeStatus(@Payload() body: string) { changeStatus(@Payload() body: string) {
let pid = body['id']; let pid = body['id'];
let pstatus = body['status']; let pstatus = body['status'];
console.log(pid);
console.log(pstatus);
return this.communitiesService.changeStatus(pid,pstatus); return this.communitiesService.changeStatus(pid,pstatus);
} }
} }

View File

@ -14,6 +14,8 @@ import { faMapLocationDot } from '@fortawesome/free-solid-svg-icons';
import { faPhoneAlt } from '@fortawesome/free-solid-svg-icons'; import { faPhoneAlt } from '@fortawesome/free-solid-svg-icons';
import { faEllipsis } from '@fortawesome/free-solid-svg-icons'; import { faEllipsis } from '@fortawesome/free-solid-svg-icons';
import { faHashtag } from '@fortawesome/free-solid-svg-icons'; import { faHashtag } from '@fortawesome/free-solid-svg-icons';
import { icon } from '@fortawesome/fontawesome-svg-core';
import { faCircleQuestion } from '@fortawesome/free-solid-svg-icons';
const Communities = () => { const Communities = () => {
let emptyCommunity = { let emptyCommunity = {
@ -25,6 +27,7 @@ const Communities = () => {
phone: '', phone: '',
num_houses: 0, num_houses: 0,
status: '1', status: '1',
status_text: '',
date_entry: new Date(), date_entry: new Date(),
houses: [], houses: [],
}; };
@ -161,7 +164,17 @@ const Communities = () => {
let pList = await getProvinces(); let pList = await getProvinces();
let cList = await getCantons(); let cList = await getCantons();
let dList = await getDistricts(); let dList = await getDistricts();
await resJson.message.map((item) => { let data = await resJson.message.filter(
(val) => val.status != -1,
)
await data.map((item) => {
if (item.status == '1') {
item.status_text = 'Activo';
} else if (item.status == '0') {
item.status_text = 'Inactivo';
} else {
item.status_text = 'Eliminado';
}
item.province = pList.find((p) => p.code === item.province).name; item.province = pList.find((p) => p.code === item.province).name;
item.canton = cList.find((p) => p.code === item.canton).name; item.canton = cList.find((p) => p.code === item.canton).name;
item.district = dList.find((p) => p.code === item.district).name; item.district = dList.find((p) => p.code === item.district).name;
@ -169,7 +182,7 @@ const Communities = () => {
item.name_admin = 'Sin Administrador'; item.name_admin = 'Sin Administrador';
} }
}); });
setCommunitiesList(await resJson.message); setCommunitiesList(await data);
} }
useEffect(() => { useEffect(() => {
@ -181,6 +194,9 @@ const Communities = () => {
.then((response) => response.json()) .then((response) => response.json())
.then(data => data.message) .then(data => data.message)
.then(data => { .then(data => {
data = data.filter(
(val) => val.status != -1,
)
setTenants(data) setTenants(data)
}); });
} }
@ -265,10 +281,9 @@ const Communities = () => {
if (tenant_id == '') { if (tenant_id == '') {
name = 'Sin inquilino'; name = 'Sin inquilino';
} else { } 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']; name = tenant['name'] + ' ' + tenant['last_name'];
} }
console.log(name);
return name; return name;
} }
@ -323,14 +338,22 @@ const Communities = () => {
setCommunity(community); setCommunity(community);
setEditCommunityDialog(true); setEditCommunityDialog(true);
}; };
//desactivar o activar una comunidad //desactivar o activar una comunidad
const cambiarDesactivarEstadoCommunity = () => { const cambiarEstadoCommunity = () => {
if (community.status == '1') {
community.status = '0';
community.status_text = 'Inactivo';
} else if (community.status == '0') {
community.status = '1';
community.status_text = 'Activo';
}
var data = { var data = {
id: community._id, id: community._id,
status: "0", status: community.status,
}; };
console.log(data); console.log(data);
fetch('http://localhost:4000/community/changeStatus', { fetch('http://localhost:4000/community/changeStatus', {
cache: 'no-cache', cache: 'no-cache',
method: 'POST', method: 'POST',
@ -362,44 +385,6 @@ const Communities = () => {
err => console.log('Ocurrió un error con el fetch', err) err => console.log('Ocurrió un error con el fetch', err)
); );
} }
//desactivar o activar una comunidad
const cambiarActivarEstadoCommunity = () => {
var data = {
id: community._id,
status: "1",
};
console.log(data);
fetch('http://localhost:4000/community/changeStatus', {
cache: 'no-cache',
method: 'POST',
body: JSON.stringify(data),
headers: {
'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)
);
}
const deleteCommunity = () => { const deleteCommunity = () => {
@ -435,8 +420,11 @@ const Communities = () => {
} }
); );
*/ */
let _community = communitiesList.filter((val) => val._id !== community._id); let _communities = communitiesList.filter((val) => val._id !== community._id);
setCommunitiesList(_community); _communities = _communities.filter(
(val) => val.status != -1,
)
setCommunitiesList(_communities);
setDeleteCommunityDialog(false); setDeleteCommunityDialog(false);
setCommunity(emptyCommunity); setCommunity(emptyCommunity);
toast.current.show({ toast.current.show({
@ -460,6 +448,9 @@ const Communities = () => {
} }
}) })
})*/ })*/
_communities = _communities.filter(
(val) => val.status != -1,
)
setCommunitiesList(_communities); setCommunitiesList(_communities);
setDeleteCommunitiesDialog(false); setDeleteCommunitiesDialog(false);
setSelectedCommunities(null); setSelectedCommunities(null);
@ -472,23 +463,26 @@ const Communities = () => {
}; };
const actionsCommunity = (rowData) => { const actionsCommunity = (rowData) => {
let icono = '';
if (rowData.status == '0') {
icono = "pi pi-eye";
} else if (rowData.status == '1') {
icono = "pi pi-eye-slash";
}
return ( return (
<div className="actions"> <div className="actions">
<Button
icon="pi pi-eye"
className="p-button-rounded p-button-success mt-2 mx-2"
onClick={() => confirmEditCommunity(rowData)}
/>
<Button
icon="pi pi-eye-slash"
className="p-button-rounded p-button-danger mt-2 mx-2"
onClick={() => confirmEditCommunity(rowData)}
/>
<Button <Button
icon="pi pi-exclamation-circle" icon="pi pi-exclamation-circle"
className="p-button-rounded p-button-primary mt-2 mx-2" className="p-button-rounded p-button-info mt-2 mx-2"
onClick={() => infoCommunity(rowData)} onClick={() => infoCommunity(rowData)}
/> />
<Button
icon={`${icono}`}
className={`p-button-rounded p-button-warning mt-2 mx-2`}
onClick={() => confirmEditCommunity(rowData)}
/>
<Button <Button
icon="pi pi-trash" icon="pi pi-trash"
className="p-button-rounded p-button-danger mt-2 mx-2" className="p-button-rounded p-button-danger mt-2 mx-2"
@ -528,7 +522,7 @@ const Communities = () => {
const header = ( const header = (
<div className="flex flex-column md:flex-row md:justify-content-between md:align-items-center"> <div className="flex flex-column md:flex-row md:justify-content-between md:align-items-center">
<h5 className="m-0">Comunidade de Viviendas</h5> <h5 className="m-0">Comunidades de Viviendas</h5>
<span className="block mt-2 md:mt-0 p-input-icon-left"> <span className="block mt-2 md:mt-0 p-input-icon-left">
<i className="pi pi-search" /> <i className="pi pi-search" />
<InputText <InputText
@ -585,7 +579,7 @@ const Communities = () => {
/> />
</> </>
); );
const editDesactivarCommunityDialogFooter = ( const editEstadoCommunityDialogFooter = (
<> <>
<Button <Button
label="No" label="No"
@ -597,27 +591,12 @@ const Communities = () => {
label="Yes" label="Yes"
icon="pi pi-check" icon="pi pi-check"
className="p-button-text" className="p-button-text"
onClick={cambiarDesactivarEstadoCommunity} onClick={cambiarEstadoCommunity}
/> />
</> </>
); );
const editActivarCommunityDialogFooter = (
<>
<Button
label="No"
icon="pi pi-times"
className="p-button-text"
onClick={hideEditCommunityDialog}
/>
<Button
label="Yes"
icon="pi pi-check"
className="p-button-text"
onClick={cambiarActivarEstadoCommunity}
/>
</>
);
const headerName = ( const headerName = (
<> <>
@ -697,6 +676,15 @@ const Communities = () => {
</> </>
); );
const headerStatus = (
<>
<p> {' '}
<FontAwesomeIcon icon={faCircleQuestion} style={{ color: "#D7A86E" }} />{' '}
Estado
</p>
</>
)
//ver perfil comunidad //ver perfil comunidad
const headerTenant = ( const headerTenant = (
<> <>
@ -705,18 +693,28 @@ const Communities = () => {
<FontAwesomeIcon icon={faUserAlt} style={{ color: '#C08135' }} />{' '} <FontAwesomeIcon icon={faUserAlt} style={{ color: '#C08135' }} />{' '}
Inquilinos Inquilinos
</p> </p>
</> </>
); );
const statusBodyTemplate = (rowData) => {
return (
<>
<span
className={`status status-${rowData.status}`}
>
{rowData.status_text}
</span>
</>
);
};
const tenantsBodyTemplate = (rowData) => { const tenantsBodyTemplate = (rowData) => {
let tenants = rowData.tenants; let tenants = rowData.tenants;
let name = findNameTenant(tenants.tenant_id); let name = findNameTenant(tenants.tenant_id);
console.log(name);
return ( return (
<> <>
{name} {name}
</> </>
) )
}; };
@ -795,10 +793,17 @@ const Communities = () => {
header={headerAdministrator} header={headerAdministrator}
style={{ flexGrow: 1, flexBasis: '180px' }} style={{ flexGrow: 1, flexBasis: '180px' }}
></Column> ></Column>
<Column
field="status"
sortable
header={headerStatus}
body={statusBodyTemplate}
style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}>
</Column>
<Column <Column
body={actionsCommunity} body={actionsCommunity}
style={{ flexGrow: 1, flexBasis: '180px' }} style={{ flexGrow: 1, flexBasis: '100px' }}
></Column> ></Column>
</DataTable> </DataTable>
@ -927,32 +932,13 @@ const Communities = () => {
</div> </div>
</Dialog> </Dialog>
<Dialog <Dialog
visible={editCommunityDialog} visible={editCommunityDialog}
style={{ width: '450px' }} style={{ width: '450px' }}
header="Confirmar" header="Confirmar"
modal modal
footer={editActivarCommunityDialogFooter} footer={editEstadoCommunityDialogFooter}
onHide={hideEditCommunityDialog}
>
<div className="flex align-items-center justify-content-center">
<i
className="pi pi-exclamation-triangle mr-3"
style={{ fontSize: '2rem' }}
/>
{community && (
<span>
¿Estás seguro que desea cambiar estado a <b>{community.name}</b>?
</span>
)}
</div>
</Dialog>
<Dialog
visible={editCommunityDialog}
style={{ width: '450px' }}
header="Confirmar"
modal
footer={editDesactivarCommunityDialogFooter}
onHide={hideEditCommunityDialog} onHide={hideEditCommunityDialog}
> >
<div className="flex align-items-center justify-content-center"> <div className="flex align-items-center justify-content-center">