eduardo
/
katoikia-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

clean up code a bit

This commit is contained in:
Eduardo Quiros 2022-08-22 04:13:12 -06:00
parent 06468fa601
commit 8a4ffbfe93
No known key found for this signature in database
GPG Key ID: B77F36C3F12720B4
1 changed files with 48 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

123
web-ui/web-react/src/components/GuardasSeguridad.js
View File

@ -30,7 +30,6 @@ const GuardasSeguridad = () => {
community_id: '', community_id: '',
}; };
const [listaGuardas, setListaGuardas] = useState([]); const [listaGuardas, setListaGuardas] = useState([]);
const [urlFetch, setUrlFetch] = useState('http://localhost:4000/user/findGuards/'); const [urlFetch, setUrlFetch] = useState('http://localhost:4000/user/findGuards/');
const [guarda, setGuarda] = useState(emptyGuarda); const [guarda, setGuarda] = useState(emptyGuarda);
@ -41,10 +40,8 @@ const GuardasSeguridad = () => {
const [saveButtonTitle, setSaveButtonTitle] = useState("Registrar"); const [saveButtonTitle, setSaveButtonTitle] = useState("Registrar");
const toast = useRef(null); const toast = useRef(null);
const dt = useRef(null); const dt = useRef(null);
const [cookies, setCookie] = useCookies(); const [cookies, setCookie] = useCookies();
const [changeStatusGuardDialog, setChangeStatusGuardDialog] = useState(false); const [changeStatusGuardDialog, setChangeStatusGuardDialog] = useState(false);
const [guardDialog, setGuardDialog] = useState(false); const [guardDialog, setGuardDialog] = useState(false);
const [submitted, setSubmitted] = useState(false); const [submitted, setSubmitted] = useState(false);
@ -90,23 +87,16 @@ const GuardasSeguridad = () => {
headers: { headers: {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
} }
}) }).then((response) => {
.then( if (response.status != 201)
function(response) { console.log('Ocurrió un error con el servicio: ' + response.status);
if (response.status != 201) else
console.log('Ocurrió un error con el servicio: ' + response.status); return response.json();
else }).then(() => {
return response.json(); listaGuardasF();
} }).catch(
) err => console.log('Ocurrió un error con el fetch', err)
.then( );
function(response) {
listaGuardasF();
}
)
.catch(
err => console.log('Ocurrió un error con el fetch', err)
);
} }
const cambiarStatusUser = () => { const cambiarStatusUser = () => {
@ -129,64 +119,47 @@ const GuardasSeguridad = () => {
headers: { headers: {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
} }
}) }).then((response) => {
.then( if (response.status != 201)
function(response) { console.log('Ocurrió un error con el servicio: ' + response.status);
if (response.status != 201) else
console.log('Ocurrió un error con el servicio: ' + response.status); return response.json();
else }).then((response) => {
return response.json(); setChangeStatusGuardDialog(false);
} toast.current.show({
) severity: 'success',
.then( summary: 'Éxito',
function(response) { detail: 'Guarda de Seguridad Actualizado',
setChangeStatusGuardDialog(false); life: 3000,
toast.current.show({ });
severity: 'success', }).catch(
summary: 'Éxito', err => console.log('Ocurrió un error con el fetch', err)
detail: 'Guarda de Seguridad Actualizado', );
life: 3000,
});
}
)
.catch(
err => console.log('Ocurrió un error con el fetch', err)
);
} }
const deleteGuarda = () => { const deleteGuarda = () => {
fetch(`http://localhost:4000/user/deleteAdminSystem/${guarda._id}`, {
fetch('http://localhost:4000/user/deleteAdminSystem/' + guarda._id, {
cache: 'no-cache', cache: 'no-cache',
method: 'DELETE', method: 'DELETE',
headers: { headers: {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
} }
}) }).then((response) => {
.then( if (response.status != 201)
function(response) { console.log('Ocurrió un error con el servicio: ' + response.status);
if (response.status != 201) else
console.log('Ocurrió un error con el servicio: ' + response.status); return response.json();
else }).then(function() {
return response.json(); let _guarda = listaGuardas.filter(val => val._id !== guarda._id);
} setListaGuardas(_guarda);
) setDeleteGuardaDialog(false);
.then( setGuarda(emptyGuarda);
function(response) { toast.current.show({ severity: 'success', summary: 'Éxito', detail: 'Administrador del Sistema Eliminado', life: 3000 });
let _guarda = listaGuardas.filter(val => val._id !== guarda._id); }).catch(err => {
setListaGuardas(_guarda); console.log('Ocurrió un error con el fetch', err)
setDeleteGuardaDialog(false); toast.current.show({ severity: 'danger', summary: 'Error', detail: 'Administrador del Sistema no se pudo Eliminar', life: 3000 });
setGuarda(emptyGuarda); });
toast.current.show({ severity: 'success', summary: 'Éxito', detail: 'Administrador del Sistema Eliminado', life: 3000 });
}
)
.catch(
err => {
console.log('Ocurrió un error con el fetch', err)
toast.current.show({ severity: 'danger', summary: 'Error', detail: 'Administrador del Sistema no se pudo Eliminar', life: 3000 });
}
);
} }
const deleteSelectedGuardas = () => { const deleteSelectedGuardas = () => {
@ -203,7 +176,12 @@ const GuardasSeguridad = () => {
setListaGuardas(_guardas); setListaGuardas(_guardas);
setDeleteGuardasDialog(false); setDeleteGuardasDialog(false);
setSelectedGuardas(null); setSelectedGuardas(null);
toast.current.show({ severity: 'success', summary: 'Éxito', detail: 'Administradores del Sistema Eliminados', life: 3000 }); toast.current.show({
severity: 'success',
summary: 'Éxito',
detail: 'Administradores del Sistema Eliminados',
life: 3000
});
} }
const hideDeleteGuardaDialog = () => { const hideDeleteGuardaDialog = () => {
@ -262,7 +240,6 @@ const GuardasSeguridad = () => {
} else if (rowData.status == '1') { } else if (rowData.status == '1') {
icono = "pi pi-eye-slash"; icono = "pi pi-eye-slash";
text = "Inactivar Guarda de Seguridad" text = "Inactivar Guarda de Seguridad"
} }
return ( return (
<div className="actions"> <div className="actions">
@ -363,7 +340,6 @@ const GuardasSeguridad = () => {
className="p-button-text" className="p-button-text"
onClick={hideGuardDialog} onClick={hideGuardDialog}
/> />
</> </>
); );
@ -503,9 +479,6 @@ const GuardasSeguridad = () => {
</div> </div>
</div> </div>
<div className='row my-5 justify-content-center'> <div className='row my-5 justify-content-center'>
</div> </div>
<div className='row my-5 justify-content-center'> <div className='row my-5 justify-content-center'>
<div className=" col-4 md:col-4"> <div className=" col-4 md:col-4">