import React, { useEffect, useState, useRef } from 'react'; import { InputText } from 'primereact/inputtext'; import { Button } from 'primereact/button'; import { DataTable } from 'primereact/datatable'; import { Column } from 'primereact/column'; import { Toast } from 'primereact/toast'; import { Dialog } from 'primereact/dialog'; import { Toolbar } from 'primereact/toolbar'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { faUserAlt } from '@fortawesome/free-solid-svg-icons'; import { faPhoneAlt } from '@fortawesome/free-solid-svg-icons'; import { faAt } from '@fortawesome/free-solid-svg-icons'; import { faIdCardAlt } from '@fortawesome/free-solid-svg-icons'; import { faCircleQuestion } from '@fortawesome/free-solid-svg-icons'; import { useCookies } from "react-cookie"; const GuardasSeguridad = () => { const [listaGuardas, setListaGuardas] = useState([]); const [urlFetch, setUrlFetch] = useState('http://localhost:4000/user/findGuards/62be68215692582bbfd77134'); const [guarda, setGuarda] = useState(emptyGuarda); const [selectedGuardas, setSelectedGuardas] = useState(null); const [globalFilter, setGlobalFilter] = useState(null); const [deleteGuardaDialog, setDeleteGuardaDialog] = useState(false); const [deleteGuardasDialog, setDeleteGuardasDialog] = useState(false); const toast = useRef(null); const dt = useRef(null); const [cookies, setCookie] = useCookies(); const [changeStatusGuardDialog, setChangeStatusGuardDialog] = useState(false); let emptyGuarda = { _id: null, dni: '', name: '', last_name: '', email: '', phone: '', password: '', user_type: '1', status: '', status_text: '', }; async function listaGuardasF() { let nombres = await fetch(urlFetch, { method: 'GET' }); let listaGuardasRes = await nombres.json(); let data = await listaGuardasRes.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'; } }) setListaGuardas(await data); } useEffect(() => { listaGuardasF(); }, []) function registrarGuarda() { var data = { dni: document.getElementById('identificacion').value, name: document.getElementById('nombre').value, last_name: document.getElementById('apellidos').value, email: document.getElementById('correo_electronico').value, phone: document.getElementById('telefono').value, password: document.getElementById('correo_electronico').value, user_type: "4", //4 es guarda status: "1", community_id: cookies.community_id }; var data2 = { dni: "11979037", name: "Jorge", last_name: "Soto", email: "jorgesoto@gmail.com", phone: 84664515, password: "1203", user_type: "2", status: "1", community_id: "62be68215692582bbfd77134" } console.log('ssss'); fetch('http://localhost:4000/user/createGuard', { cache: 'no-cache', method: 'POST', mode: 'cors', 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) { listaGuardasF(); } ) .catch( err => console.log('Ocurrió un error con el fetch', err) ); } const cambiarStatusUser = () => { if (guarda.status == '1') { guarda.status = '0'; guarda.status_text = 'Inactivo'; } else if (guarda.status == '0') { guarda.status = '1'; guarda.status_text = 'Activo'; } var data = { id: guarda._id, status: guarda.status, }; fetch('http://localhost:4000/user/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) { setChangeStatusGuardDialog(false); toast.current.show({ severity: 'success', summary: 'Éxito', detail: 'Guarda de Seguridad Actualizado', life: 3000, }); } ) .catch( err => console.log('Ocurrió un error con el fetch', err) ); } const deleteGuarda = () => { fetch('http://localhost:4000/user/deleteAdminSystem/' + guarda._id, { cache: 'no-cache', method: 'DELETE', 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) { let _guarda = listaGuardas.filter(val => val._id !== guarda._id); setListaGuardas(_guarda); setDeleteGuardaDialog(false); 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 = () => { let _guardas = listaGuardas.filter(val => !selectedGuardas.includes(val)); selectedGuardas.map((item) => { fetch('http://localhost:4000/user/deleteAdminSystem/' + item._id, { cache: 'no-cache', method: 'DELETE', headers: { 'Content-Type': 'application/json' } }) }) setListaGuardas(_guardas); setDeleteGuardasDialog(false); setSelectedGuardas(null); toast.current.show({ severity: 'success', summary: 'Éxito', detail: 'Administradores del Sistema Eliminados', life: 3000 }); } const hideDeleteGuardaDialog = () => { setDeleteGuardaDialog(false); } const hideDeleteGuardasDialog = () => { setDeleteGuardasDialog(false); } const confirmDeleteGuarda = (guarda) => { setGuarda(guarda); setDeleteGuardaDialog(true); } const confirmDeleteSelected = () => { setDeleteGuardasDialog(true); } const hideChangeStatusGuardDialog = () => { setChangeStatusGuardDialog(false); }; const confirmChangeStatusGuard = (guard) => { setGuarda(guard); setChangeStatusGuardDialog(true); }; const actionsAdmin = (rowData) => { let icono = ''; let text = ''; if (rowData.status == '0') { icono = "pi pi-eye"; text = "Activar Guarda de Seguridad" } else if (rowData.status == '1') { icono = "pi pi-eye-slash"; text = "Inactivar Guarda de Seguridad" } return (
); } const leftToolbarTemplate = () => { return (
) } const rightToolbarTemplate = () => { return ( ); }; export default React.memo(GuardasSeguridad);