From 33d1a328a516e29c0c7906806456e95de4f561cf Mon Sep 17 00:00:00 2001 From: Mariela Date: Thu, 1 Sep 2022 02:09:26 -0600 Subject: [PATCH] informacion guardas de seguridad --- .../src/components/GuardasSeguridad.js | 126 ++++++++++-------- 1 file changed, 74 insertions(+), 52 deletions(-) diff --git a/web-ui/web-react/src/components/GuardasSeguridad.js b/web-ui/web-react/src/components/GuardasSeguridad.js index 1654a330..801cb19b 100644 --- a/web-ui/web-react/src/components/GuardasSeguridad.js +++ b/web-ui/web-react/src/components/GuardasSeguridad.js @@ -46,6 +46,7 @@ const GuardasSeguridad = () => { const [changeStatusGuardDialog, setChangeStatusGuardDialog] = useState(false); const [guardDialog, setGuardDialog] = useState(false); const [submitted, setSubmitted] = useState(false); + const [formGuardDialog, setFormGuardDialog] = useState(false); async function listaGuardasF() { @@ -179,7 +180,7 @@ const GuardasSeguridad = () => { console.log(`Ocurrió un error con el servicio: ${response.status}`); else return response.json(); - }).then(function() { + }).then(function () { let _guarda = listaGuardas.filter(val => val._id !== guarda._id); setListaGuardas(_guarda); setDeleteGuardaDialog(false); @@ -251,13 +252,29 @@ const GuardasSeguridad = () => { const editGuard = (guard) => { setGuarda(guard); - console.log(guard); + setFormGuardDialog(true) setSaveButtonTitle("Actualizar"); } const cancelEdit = () => { setGuarda(emptyGuarda); setSaveButtonTitle("Registrar"); + setFormGuardDialog(false) + + } + + + const openNewGuard = () => { + setGuarda(emptyGuarda); + setFormGuardDialog(true) + setSubmitted(false); + }; + + const hideFormGuardDialog = () => { + setSubmitted(false); + setFormGuardDialog(false) + setGuarda(emptyGuarda); + setSaveButtonTitle('Registrar'); } const actionsGuard = (rowData) => { @@ -300,6 +317,12 @@ const GuardasSeguridad = () => { return (
+
- -
-
-
Registro de un Guarda de Seguridad
-
+ +
@@ -641,25 +676,12 @@ const GuardasSeguridad = () => { && Número de teléfono es requerido.}
-
-
+
+
+
); };