Merge pull request #150 from DeimosPr4/UH-activar&desactivarComunidadFront
fixes functions de cambiar estado
This commit is contained in:
commit
bc10a8d3eb
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue