agregar status en listar areas comunes
This commit is contained in:
parent
6e24540d00
commit
fc2dc8e2a6
|
@ -19,6 +19,9 @@ export class CommonArea {
|
||||||
@Prop()
|
@Prop()
|
||||||
bookable: number; //saber si es necesario reservarlo o no
|
bookable: number; //saber si es necesario reservarlo o no
|
||||||
|
|
||||||
|
@Prop()
|
||||||
|
status: string;
|
||||||
|
|
||||||
@Prop()
|
@Prop()
|
||||||
community_id: string;
|
community_id: string;
|
||||||
}
|
}
|
||||||
|
|
|
@ -29,6 +29,8 @@ const AreasComunes = () => {
|
||||||
community_id: '',
|
community_id: '',
|
||||||
bookable: '1',
|
bookable: '1',
|
||||||
bookable_text: '',
|
bookable_text: '',
|
||||||
|
status: '1',
|
||||||
|
status_text: '',
|
||||||
};
|
};
|
||||||
|
|
||||||
const [commonAreaList, setCommonAreaList] = useState([]);
|
const [commonAreaList, setCommonAreaList] = useState([]);
|
||||||
|
@ -48,12 +50,20 @@ const AreasComunes = () => {
|
||||||
.then((response) => response.json())
|
.then((response) => response.json())
|
||||||
.then(data => data.message)
|
.then(data => data.message)
|
||||||
.then(data => {
|
.then(data => {
|
||||||
if(data) {
|
if (data) {
|
||||||
data.map(item => {
|
data.map(item => {
|
||||||
if(item.bookable == '1') {
|
if (item.bookable == '1') {
|
||||||
item.bookable_text = 'Disponible';
|
item.bookable_text = 'Obligatoria';
|
||||||
} else{
|
} else {
|
||||||
item.bookable_text = 'Cerrado';
|
item.bookable_text = 'Libre';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (item.status == '1') {
|
||||||
|
item.status_text = 'Activo';
|
||||||
|
} else if(item.status == '0') {
|
||||||
|
item.status_text = 'Inactivo';
|
||||||
|
} else {
|
||||||
|
item.status_text = 'Eliminado';
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
@ -67,49 +77,44 @@ const AreasComunes = () => {
|
||||||
|
|
||||||
|
|
||||||
const deleteCommonArea = () => {
|
const deleteCommonArea = () => {
|
||||||
/* fetch('http://localhost:4000/community/deleteCommunity/' + community._id, {
|
fetch('http://localhost:4000/commonArea/deleteCommonArea/' + commonArea._id, {
|
||||||
cache: 'no-cache',
|
cache: 'no-cache',
|
||||||
method: 'DELETE',
|
method: 'DELETE',
|
||||||
headers: {
|
headers: {
|
||||||
'Content-Type': 'application/json'
|
'Content-Type': 'application/json'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.then(
|
.then(
|
||||||
function (response) {
|
function (response) {
|
||||||
if (response.status != 201)
|
if (response.status != 201)
|
||||||
console.log('Ocurrió un error con el servicio: ' + response.status);
|
console.log('Ocurrió un error con el servicio: ' + response.status);
|
||||||
else
|
else
|
||||||
return response.json();
|
return response.json();
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
.then(
|
.then(
|
||||||
function (response) {
|
function (response) {
|
||||||
|
|
||||||
let _community = communities.filter(val => val._id !== community._id);
|
let _common_areas = commonAreaList.filter(
|
||||||
setCommunities(_community);
|
(val) => val._id !== commonArea._id,
|
||||||
setDeleteCommunityDialog(false);
|
);
|
||||||
setCommunity(emptyCommunity);
|
setCommonAreaList(_common_areas);
|
||||||
toast.current.show({ severity: 'success', summary: 'Exito', detail: 'Comunidad de Viviendas Eliminada', life: 3000 });
|
setDeleteCommonAreaDialog(false);
|
||||||
}
|
setCommonArea(emptyCommonArea);
|
||||||
)
|
toast.current.show({
|
||||||
.catch(
|
severity: 'success',
|
||||||
err => {
|
summary: 'Área Común Eliminada',
|
||||||
console.log('Ocurrió un error con el fetch', err)
|
life: 3000,
|
||||||
toast.current.show({ severity: 'danger', summary: 'Error', detail: 'Comunidad de Viviendas no se pudo eliminar', life: 3000 });
|
});
|
||||||
}
|
}
|
||||||
);
|
)
|
||||||
*/
|
.catch(
|
||||||
let _common_areas = commonAreaList.filter(
|
err => {
|
||||||
(val) => val._id !== commonArea._id,
|
console.log('Ocurrió un error con el fetch', err)
|
||||||
);
|
toast.current.show({ severity: 'danger', summary: 'Error', detail: 'Área Común no se pudo eliminar', life: 3000 });
|
||||||
setCommonAreaList(_common_areas);
|
}
|
||||||
setDeleteCommonAreaDialog(false);
|
);
|
||||||
setCommonArea(emptyCommonArea);
|
|
||||||
toast.current.show({
|
|
||||||
severity: 'success',
|
|
||||||
summary: 'Área Común Eliminada',
|
|
||||||
life: 3000,
|
|
||||||
});
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const deleteSelectedCommonAreas = () => {
|
const deleteSelectedCommonAreas = () => {
|
||||||
|
@ -247,23 +252,44 @@ const AreasComunes = () => {
|
||||||
<>
|
<>
|
||||||
<p> {' '}
|
<p> {' '}
|
||||||
<FontAwesomeIcon icon={faAt} style={{ color: "#D7A86E" }} />{' '}
|
<FontAwesomeIcon icon={faAt} style={{ color: "#D7A86E" }} />{' '}
|
||||||
Reservable
|
Reservación
|
||||||
|
</p>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
|
||||||
|
const headerStatus = (
|
||||||
|
<>
|
||||||
|
<p> {' '}
|
||||||
|
<FontAwesomeIcon icon={faAt} style={{ color: "#C08135" }} />{' '}
|
||||||
|
Estado
|
||||||
</p>
|
</p>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
|
const bookableBodyTemplate = (rowData) => {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<span
|
||||||
|
className={`status status-${rowData.bookable}`}
|
||||||
|
>
|
||||||
|
{rowData.bookable_text}
|
||||||
|
</span>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
const statusBodyTemplate = (rowData) => {
|
const statusBodyTemplate = (rowData) => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<span
|
<span
|
||||||
className={`status status-${rowData.bookable}`}
|
className={`status status-${rowData.status}`}
|
||||||
>
|
>
|
||||||
{rowData.bookable_text}
|
{rowData.status_text}
|
||||||
</span>
|
</span>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="grid">
|
<div className="grid">
|
||||||
|
@ -279,9 +305,10 @@ const AreasComunes = () => {
|
||||||
globalFilter={globalFilter} emptyMessage="No hay áreas comunes registrados.">
|
globalFilter={globalFilter} emptyMessage="No hay áreas comunes registrados.">
|
||||||
<Column selectionMode="multiple" headerStyle={{ width: '3rem' }}></Column>
|
<Column selectionMode="multiple" headerStyle={{ width: '3rem' }}></Column>
|
||||||
<Column field="name" sortable header={headerName} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
|
<Column field="name" sortable header={headerName} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
|
||||||
<Column field="hourMin" header={headerHourMin} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }} alignFrozen="left"></Column>
|
<Column field="hourMin" header={headerHourMin} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }} alignFrozen="left"></Column>
|
||||||
<Column field="hourMax" header={headerHourMax} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}> </Column>
|
<Column field="hourMax" header={headerHourMax} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}> </Column>
|
||||||
<Column field="bookable" sortable header={headerBookable} body={statusBodyTemplate} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
|
<Column field="bookable" sortable header={headerBookable} body={bookableBodyTemplate} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
|
||||||
|
<Column field="status" sortable header={headerStatus} body={statusBodyTemplate} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
|
||||||
<Column style={{ flexGrow: 1, flexBasis: '130px', minWidth: '130px' }} body={actionsCommonArea}></Column>
|
<Column style={{ flexGrow: 1, flexBasis: '130px', minWidth: '130px' }} body={actionsCommonArea}></Column>
|
||||||
</DataTable>
|
</DataTable>
|
||||||
<Dialog visible={deleteCommonAreaDialog} style={{ width: '450px' }} header="Confirmar" modal footer={deleteCommonAreaDialogFooter} onHide={hideDeleteCommonAreaDialog}>
|
<Dialog visible={deleteCommonAreaDialog} style={{ width: '450px' }} header="Confirmar" modal footer={deleteCommonAreaDialogFooter} onHide={hideDeleteCommonAreaDialog}>
|
||||||
|
|
Loading…
Reference in New Issue