\n \n \n ¡Atención! \n \n \n Al Cancelar no se guardarán los cambios ni la información ingresada.\n \n \n \n Si\n \n \n No\n \n \n \n \n \n );\n }\n \n export default Cancelar;","import React from 'react'\nimport '../../css/modal.css'\nimport { Button, Modal } from 'react-bootstrap';\nimport Cancelar from './Cancelar';\n\nexport const CustomModal = ({ children, data, show, setShow }) => {\n const handleCloseEditar = () => setShow(false);\n const handleShowEditar = () => setShow(true);\n return (\n <>\n \n \n {data.title} \n \n {data.body} \n \n {children}\n \n \n \n \n )\n}\n","import { Modal } from 'react-bootstrap';\nimport Swal from 'sweetalert2'\nimport { useState } from 'react';\nimport { Button } from \"@material-ui/core\";\nimport '../../css/modal.css'\nimport { CustomModal } from './CustomModal';\nimport { useHistory } from 'react-router';\n\n\nfunction Confirmacion({ data, show, setShow}) {\n const history = useHistory();\n const infoEditar = {\n title: \"Confirmación\",\n body: \"¿Está seguro de editar el caso?\",\n }\n const [showEditar, setShowEditar] = useState(false)\n //use state confirmacion\n\n //use state guardar\n const handleClose = () => setShowEditar(false);\n const handleShow = () => setShowEditar(true);\n\n const handleSubmit = (e) => {\n e.preventDefault();\n console.log(\"enviando info\", data)\n Swal.fire({\n position: 'center',\n icon: 'success',\n title: 'Your work has been saved',\n showConfirmButton: false,\n timer: 1500\n }).then( e => history.push('/listadocasos') )\n }\n return (\n <>\n \n \n Editar\n \n \n \n );\n}\n\nexport default Confirmacion;","import axios from 'axios';\nimport React, { useEffect, useState } from 'react'\n\nexport const useCombosApi = () => {\n \n const [estamentoFuncionario, setEstamentoFuncionario] = useState(null);\n const [estamentoEstablecimiento, setEstamentoEstablecimiento] = useState(null);\n const [calificacion, setCalificacion] = useState(null);\n const [organismo, setOrganismo] = useState(null);\n const [tipoApoyo, setTipoApoyo] = useState(null);\n const [tipoAgresion, setTipoAgresion] = useState(null);\n const [tipoAgresor, setTipoAgresor] = useState(null);\n const [causaAgresion, setCausaAgresion] = useState(null);\n const [region, setRegion] = useState(null);\n const [tipoEstablecimiento, setTipoEstablecimiento] = useState(null);\n const [lugarAgresion, setLugarAgresion] = useState(null);\n const [tipoAccion, setTipoAccion] = useState(null);\n const [interpusoAccion, setInterpusoAccion] = useState(null);\n const [institucionLegal, setInstitucionLegal] = useState(null);\n\n const fetchData = () => {\n axios.all([\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/estamento/funcionario/cargar`).then(r => r.data.body),\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/estamento/establecimiento/cargar`).then(r => r.data.body),\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/calificacion/cargar`).then(r => r.data.body),\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/organismo/cargar`).then(r => r.data.body),\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/tipo-apoyo/cargar`).then(r => r.data.body),\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/tipo-agresion/cargar`).then(r => r.data.body),\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/tipo-agresor/cargar`).then(r => r.data.body),\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/causa-agresion/cargar`).then(r => r.data.body),\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/region/cargar`).then(r => r.data.body),\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/tipo-establecimiento/cargar`).then(r => r.data.body),\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/lugar-agresion/cargar`).then(r => r.data.body),\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/tipo-accion/cargar`).then(r => r.data.body),\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/interpuso-accion/cargar`).then(r => r.data.body),\n axios.get(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/institucion-legal/cargar`).then(r => r.data.body),\n ]).then(axios.spread((...allData) => {\n setEstamentoFuncionario(allData[0])\n setEstamentoEstablecimiento(allData[1])\n setCalificacion(allData[2])\n setOrganismo(allData[3])\n setTipoApoyo(allData[4])\n setTipoAgresion(allData[5])\n setTipoAgresor(allData[6])\n setCausaAgresion(allData[7])\n setRegion(allData[8])\n setTipoEstablecimiento(allData[9])\n setLugarAgresion(allData[10])\n setTipoAccion(allData[11])\n setInterpusoAccion(allData[12])\n setInstitucionLegal(allData[13])\n }))\n }\n\n useEffect(() => {\n fetchData();\n }, [])\n\n return [\n estamentoFuncionario,\n estamentoEstablecimiento,\n calificacion,\n organismo,\n tipoApoyo,\n tipoAgresion,\n tipoAgresor,\n causaAgresion,\n region,\n tipoEstablecimiento,\n lugarAgresion,\n tipoAccion,\n interpusoAccion,\n institucionLegal,\n ];\n}\n\n\n\n","import '../../css/Box.css'\nimport TextField from '@material-ui/core/TextField';\nimport FormControl from '@material-ui/core/FormControl';\nimport { Combobox } from '../Combobox'\nimport { memo, useContext, useEffect, useState } from 'react';\nimport axios from 'axios';\nimport { AuthContext } from '../../context/authContext';\nimport Confirmacion from '../modal/Confirmacion';\nimport { daysToWeeks, set } from 'date-fns';\nimport Input from '../Input';\nimport { ContenedorInput } from '../../elementos/Formulario';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';\nimport { useCombosApi } from '../../hooks/combosHook';\nimport { getCurrentDate } from '../../elementos/FechaHoy';\n\nconst { REACT_APP_API_URL, REACT_APP_HOST } = process.env;\n\nconst AntecedentesCaso = ({ data, setData, combosAntecedentesCaso }) => {\n const authCtx = useContext(AuthContext);\n const perfil = authCtx.perfil;\n const [comuna, setComuna] = useState([]);\n const [provincia, setProvincia] = useState([]);\n const [tipoEstablecimientos, setTipoEstablecimientos] = useState([]);\n const [establecimientos, setEstablecimientos] = useState([]);\n const [filtroComuna, setfiltroComuna] = useState(\"\")\n const [causaSecundaria, setCausaSecundaria] = useState();\n const [loading, setLoading] = useState(false)\n const { tipoAgresion, tipoAgresor, causaPrimaria, region, lugarAgresion } = combosAntecedentesCaso;\n const baseUrl = `${REACT_APP_API_URL}:${REACT_APP_HOST}`;\n const [dataLocation, setDataLocation] = useState([])\n\n const estId = authCtx.usuario.establecimiento_id\n\n useEffect(() => {\n setLoading(true);\n if (authCtx.perfil === 'OPERADOR'){\n axios.get(`${baseUrl}/rafds-api/v1/establecimiento/getById/${estId}`)\n .then((res) => {\n const locationOperador = res.data.body[0];\n setDataLocation(locationOperador)\n data.region_id= locationOperador.region_id\n data.comuna_id = locationOperador.comuna_id\n data.provincia_id = locationOperador.provincia_id\n data.tipo_establecimiento_id = locationOperador.tip_establecimiento_id\n data.establecimiento_id = locationOperador.establecimiento_id\n });\n }\n else if (authCtx.perfil === 'REFERENTE TECNICO SS') {\n if (data.region_id) {\n axios.post(`${baseUrl}/rafds-api/v1/provincia/cargar`, { \"region_id\": data.region_id })\n .then((res) => {\n const body = res.data.body;\n setProvincia(body);\n });\n }\n if (data.provincia_id) {\n axios.post(`${baseUrl}/rafds-api/v1/comuna/cargar`, { \"provincia_id\": data.provincia_id })\n .then((res) => {\n const body = res.data.body;\n console.log(\"res useE comuna\", res);\n setComuna(body);\n });\n } \n if (data.comuna_id) {\n console.log(\" data.tipo_establecimiento_id\", data.tipo_establecimiento_id);\n console.log(\" data.comuna_id\", data.comuna_id);\n axios.get(`${baseUrl}/rafds-api/v1/tipo-establecimiento/cargar`)\n .then(res => {\n const body = res.data.body;\n setTipoEstablecimientos(body)\n })\n }\n if (data.comuna_id && data.tipo_establecimiento_id) {\n const filtros = { \"comuna_id\": data.comuna_id, \"tipo_establecimiento_id\": data.tipo_establecimiento_id };\n axios.post(`${baseUrl}/rafds-api/v1/establecimiento/cargar`, filtros)\n .then((establecimiento) => {\n setEstablecimientos(establecimiento.data.body);\n });\n }\n }\n \n setLoading(false);\n }, [])\n\n const getProvincias = (e) => {\n setProvincia([]);\n setComuna([]);\n setTipoEstablecimientos([]);\n setEstablecimientos([]);\n const opcion = { \"region_id\": e.target.value };\n axios.post(`${baseUrl}/rafds-api/v1/provincia/cargar`, opcion)\n .then((res) => { setProvincia(res.data.body) ; console.log(res.data.body)})\n \n }\n const getComunas = (e) => {\n setTipoEstablecimientos([]);\n setEstablecimientos([]);\n const provincia = { \"provincia_id\": e.target.value };\n axios.post(`${baseUrl}/rafds-api/v1/comuna/cargar`, provincia)\n .then((comuna) => { setComuna(comuna.data.body) })\n }\n const getTipoEstablecimientos = (e) => {\n setTipoEstablecimientos([]);\n setEstablecimientos([]);\n const comunaValue = e.target.value;\n setfiltroComuna(comunaValue);\n axios.get(`${baseUrl}/rafds-api/v1/tipo-establecimiento/cargar`)\n .then(r => setTipoEstablecimientos(r.data.body))\n console.log(\"tipoEstablecimientos\", tipoEstablecimientos)\n data.tipo_establecimiento_id = null\n data.establecimiento_id = null\n }\n \n const getEstablecimientos = (e) => {\n const filtroTipoEstablecimiento = e.target.value;\n const filtros = { \"comuna_id\": filtroComuna, \"tipo_establecimiento_id\": filtroTipoEstablecimiento };\n console.log(filtros);\n axios.post(`${baseUrl}/rafds-api/v1/establecimiento/cargar`, filtros)\n .then((establecimiento) => { setEstablecimientos(establecimiento.data.body); console.log(establecimiento.data) })\n }\n const filterCausaSecundaria = (e) => {\n const causaSecundarias = causaPrimaria.filter(causa => e.target.value != causa.causa_agresion_id);\n setCausaSecundaria(causaSecundarias);\n }\n const handleChange = ({ target }) => {\n setData({\n ...data,\n [target.name]: target.value\n });\n };\n\n\n const [antecedente_caso_desc_lugar, cambiarAntecedenteCasoDescLugar] = useState({ campo: '', valido: null });\n // const [formularioValido, cambiarFormularioValido] = useState(null);\n\n const expresiones = {\n antecedente_caso_desc_lugar: /^[a-zA-ZÀ-ÿ\\s]{1,40}$/, // Letras y espacios, pueden llevar acentos.\n }\n\n\n return (\n <>\n {!loading && }\n \n );\n}\n\nexport default AntecedentesCaso;\n\n\n","import '../../css/Box.css'\nimport { TextField, Button } from '@material-ui/core';\nimport FormControl from '@material-ui/core/FormControl';\nimport { useContext, useEffect, useState } from 'react';\nimport { Combobox } from '../Combobox'\nimport axios from 'axios';\nimport { AuthContext } from '../../context/authContext';\nimport { ContenedorInput } from '../../elementos/Formulario';\nimport Input from '../Input';\n\n\nconst { REACT_APP_API_URL, REACT_APP_HOST } = process.env;\n\nexport const useAtencionMedica = () => {\n\n const [calificaciones, setCalificaciones] = useState([]);\n const [organismo, setOrganismo] = useState([]);\n const [tipoApoyo, setTipoApoyo] = useState([]);\n\n useEffect(() => {\n const fetchData = async () => {\n const resCalificaciones = await axios.get(`${REACT_APP_API_URL}:${REACT_APP_HOST}/rafds-api/v1/calificacion/cargar`);\n setCalificaciones(resCalificaciones.data.body);\n const resOrganismo = await axios.get(`${REACT_APP_API_URL}:${REACT_APP_HOST}/rafds-api/v1/organismo/cargar`);\n setOrganismo(resOrganismo.data.body);\n const resTipoApoyo = await axios.get(`${REACT_APP_API_URL}:${REACT_APP_HOST}/rafds-api/v1/tipo-apoyo/cargar`);\n setTipoApoyo(resTipoApoyo.data.body);\n }\n fetchData();\n }, []);\n\n\n\n return { calificaciones, organismo, tipoApoyo }\n}\n\nfunction AtencionMedica({ casoAgresionId, folio, data, setData }) {\n const authCtx = useContext(AuthContext);\n const { calificaciones, organismo, tipoApoyo } = useAtencionMedica()\n const handleChange = ({ target }) => {\n setData({\n ...data,\n [target.name]: (target.className === 'form-select numero' || target.type === 'number') ? parseInt(target.value) : target.value\n });\n\n };\n const [atencion_medica_cant_dias, cambiarAtencionMedicaCantDias] = useState({ campo: '', valido: null });\n const [formularioValido, cambiarFormularioValido] = useState(null);\n\n\n const expresiones = {\n atencion_medica_cant_dias: /^\\d{1,3}$/, // Letras y espacios, pueden llevar acentos.\n }\n\n\n const onSubmit = (e) => {\n e.preventDefault();\n\n if (\n atencion_medica_cant_dias.valido === 'true'\n\n ) {\n cambiarAtencionMedicaCantDias({ campo: '', valido: null });\n\n // ... \n } else {\n cambiarFormularioValido(false);\n }\n }\n return (\n \n );\n}\n\nexport default AtencionMedica;","import React from 'react';\nimport { Label, GrupoInput, LeyendaError, IconoValidacion, ContenedorInput, TextArea} from '../elementos/Formulario';\nimport { faCheckCircle, faTimesCircle } from '@fortawesome/free-solid-svg-icons';\nimport { useState } from 'react';\n\nconst ComponenteInput = ({data, setData, estado, cambiarEstado, tipo, label, largo, placeholder, name, leyendaError, expresionRegular, funcion, filas, valor }) => {\n\t\n\tconst onChange = ({target}) => {\n \n setData({\n ...data,\n [target.name]: (target.className === 'form-select numero' || target.type === 'number' || target.type === 'select-one') ? parseInt(target.value) : target.value\n });\n\t\tcambiarEstado({...estado, campo: target.value});\n\t}\n\n\tconst validacion = () => {\n\t\tif(expresionRegular){\n\t\t\tif(expresionRegular.test(estado.campo)){\n\t\t\t\tcambiarEstado({...estado, valido: 'true'});\n\t\t\t} else {\n\t\t\t\tcambiarEstado({...estado, valido: 'false'});\n\t\t\t}\n\t\t}\n\n\t\tif(funcion){\n\t\t\tfuncion();\n\t\t}\n\t}\n\n\treturn (\n <>\n \n {label} \n \n \n \n {leyendaError} \n \n \n\t);\n}\n \nexport default ComponenteInput;","import '../../css/Box.css'\nimport FormControl from '@material-ui/core/FormControl';\nimport { useContext, useEffect, useState } from 'react';\nimport { Combobox } from '../Combobox';\nimport { AuthContext } from '../../context/authContext';\nimport axios from 'axios';\nimport TextArea from '../TextArea';\nimport Input from '../Input';\nconst { REACT_APP_API_URL, REACT_APP_HOST } = process.env;\n\n\nexport const useAccionesLegales = () => {\n\n const [tipoAccion, setTipoAccion] = useState([]);\n const [interpusoAccion, setInterpusoAccion] = useState([]);\n const [institucionLegal, setInstitucionLegal] = useState([]);\n\n\n useEffect(() => {\n const fetchData = async () => {\n const resTipoAccion = await axios.get(`${REACT_APP_API_URL}:${REACT_APP_HOST}/rafds-api/v1/tipo-accion/cargar`);\n setTipoAccion(resTipoAccion.data.body);\n const resInterpusoAccion = await axios.get(`${REACT_APP_API_URL}:${REACT_APP_HOST}/rafds-api/v1/interpuso-accion/cargar`);\n setInterpusoAccion(resInterpusoAccion.data.body);\n const resInstitucionLegal = await axios.get(`${REACT_APP_API_URL}:${REACT_APP_HOST}/rafds-api/v1/institucion-legal/cargar`);\n setInstitucionLegal(resInstitucionLegal.data.body);\n }\n fetchData();\n }, []);\n\n return { tipoAccion, interpusoAccion, institucionLegal }\n}\n\n\n\nfunction AccionesLegales({ data, setData, combosAccionesLegales }) {\n const authCtx = useContext(AuthContext);\n const { tipoAccion, interpusoAccion, institucionLegal } = combosAccionesLegales;\n\n const handleChange = ({ target }) => {\n setData({\n ...data,\n [target.name]: (target.type === 'select-one') ? parseInt(target.value) : target.value\n });\n\n };\n /* VALIDACIONES */\n const [accion_legal_id_seg_acc_leg, cambiarAccionLegalIdSegAccLeg] = useState({ campo: '', valido: null });\n const [accion_legal_tribunal, cambiarAccionLegalTribunal] = useState({ campo: '', valido: null });\n const [accion_legal_observaciones, cambiarAccionLegalObservaciones] = useState({ campo: '', valido: null });\n const [formularioValido, cambiarFormularioValido] = useState(null);\n\n\n const expresiones = {\n accion_legal_id_seg_acc_leg: /^[a-zA-Z0-9]{1,100}$/, // Letras, numeros, guion y guion_bajo\n accion_legal_tribunal: /^[a-zA-ZÀ-ÿ\\s0-9°º]{1,100}$/, // Letras y espacios, pueden llevar acentos.\n accion_legal_observaciones: /^[a-zA-ZÀ-ÿ\\s0-9]{2,1000}$/, // Letras y espacios, pueden llevar acentos y máx 1000 caracteres.\n }\n\n\n const onSubmit = (e) => {\n e.preventDefault();\n\n if (\n accion_legal_id_seg_acc_leg.valido === 'true' &&\n accion_legal_tribunal.valido === 'true' &&\n accion_legal_observaciones.valido === 'true'\n\n ) {\n cambiarAccionLegalIdSegAccLeg({ campo: '', valido: null });\n cambiarAccionLegalTribunal({ campo: '', valido: null });\n cambiarAccionLegalObservaciones({ campo: '', valido: null });\n\n // ... \n } else {\n cambiarFormularioValido(false);\n }\n }\n return (\n \n );\n}\n\nexport default AccionesLegales;","import '../../css/Box.css'\nimport { useState, useContext } from 'react';\nimport { Button } from '@material-ui/core';\nimport axios from 'axios';\nimport { AuthContext } from '../../context/authContext';\nimport TextArea from '../TextArea';\nimport Input from '../Input';\nconst { REACT_APP_API_URL, REACT_APP_HOST } = process.env;\n\nconst Observaciones = ({ casoAgresionId, data, setData }) => {\n const authCtx = useContext(AuthContext);\n const [show, setShow] = useState(false);\n\n /* VALIDACIONES */\n const [ observacion_detalle, cambiarObservacionDetalle ] = useState({ campo: '', valido: null });\n const [ formularioValido, cambiarFormularioValido ] = useState(null);\n\n const expresiones = {\n observacion_detalle: /^[a-zA-ZÀ-ÿ\\s0-9]{1,1000}$/, // Letras y espacios, pueden llevar acentos y máx 1000 caracteres.\n }\n\n const onSubmit = (e) => {\n e.preventDefault();\n\n if (\n observacion_detalle.valido === 'true'\n\n ) {\n cambiarObservacionDetalle({ campo: '', valido: null });\n // ... \n } else {\n cambiarFormularioValido(false);\n }\n }\n return (\n \n );\n}\n\nexport default Observaciones;","export const initialStateRegistrarCaso = {\n \"ssid\":null,\n \"is_date_disabled\": null,\n \"caso_agresion_fecha_fin\": null,\n \"caso_agresion_fecha_inicio\": \"\",\n \"funcionario_rut\": null,\n \"estamento_est_id\": null,\n \"estamento_fun_id\": null,\n \"funcionario_amaterno\": null,\n \"funcionario_apaterno\": null,\n \"funcionario_email\": null,\n \"funcionario_fecha_nacimiento\": \"\",\n \"funcionario_genero_id\": null,\n \"funcionario_movil\": null,\n \"funcionario_nombres\": null,\n\n \"tipo_agresion_id\": null,\n \"tipo_agresor_id\": null,\n \"causa_agresion_id_1\": null,\n \"causa_agresion_id_2\": null,\n \"antecedente_caso_hora\": \"\",\n \"antecedente_caso_fecha\": null,\n \"establecimiento_id\": null,\n \"provincia_id\": \"\",\n \"comuna_id\": \"\",\n \"tipo_establecimiento_id\": \"\",\n \"region_id\": \"\",\n\n \"lugar_agresion_id\": null,\n \"antecedente_caso_desc_lugar\": \"\",\n \n \"atencion_medica_ate_urg\": null,\n \"atencion_medica_ate_med\": null,\n \"atencion_medica_ate_psi\": null,\n \"calificacion_caso_id\": null,\n \"org_calificador_id\": null,\n \"atencion_medica_lic_med\": null,\n \"atencion_medica_cant_dias\": null,\n \"atencion_medica_rec_med_psic\": null,\n \"tipo_apoyo_id\": null,\n \"atencion_medica_utilizo_cavd\": null,\n\n \"tipo_accion_id\": null,\n \"interpuso_accion_id\": null,\n \"institucion_legal_id\": null,\n \"accion_legal_id_seg_acc_leg\": \"\",\n \"accion_legal_tribunal\": \"\",\n \"accion_legal_observaciones\": \"\",\n \"observacion_detalle\": \"\"\n}","import axios from 'axios';\nimport React, { useContext } from 'react'\nimport { useHistory } from 'react-router';\nimport Swal from 'sweetalert2';\nimport { AuthContext } from '../context/authContext';\n\nexport const useCaso = () => {\n\n const authCtx = useContext(AuthContext);\n const history = useHistory();\n\n const registrarCaso = async (data) => {\n let respuesta;\n try {\n const res = await axios.post(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/caso-completo`, data,\n {\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': 'Bearer ' + authCtx.token,\n }\n })\n const { caso_agresion_id: casoAgresionIdRes } = res.data.body\n console.log(res)\n if (res.status === 200 && casoAgresionIdRes) {\n const folio = res.data.body.folio\n respuesta = folio;\n Swal.fire({\n position: 'center',\n icon: 'success',\n title: `El Caso ${folio} se ha guardado con exito!`,\n showConfirmButton: false,\n timer: 1500\n })\n console.log(\"respuesta registrar caso\", respuesta);\n history.push('/listadocasos');\n }\n }\n catch (err) {\n let html;\n if (err.response.status === 400) {\n const data = err.response.data;\n const list = `${data.errors.map(v => `${v.msg} `).join(\"\")} `;\n html = list;\n } else {\n html = `Ocurrió un error al intentar registrar el caso, Por favor completa el formulario correctamente.`;\n }\n Swal.fire({\n icon: 'error',\n title: 'Ocurrió un error al intentar registrar el caso',\n html: html,\n })\n }\n console.log(respuesta)\n }\n\n const editarCaso = async (casoAgresionId, data) => {\n let respuesta;\n console.log(\"Editar Caso\",\"data: \", data, \"Caso ID: \", casoAgresionId )\n try {\n const res = await axios.put(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/caso/${casoAgresionId}`, data,\n {\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': 'Bearer ' + authCtx.token,\n }\n })\n console.log(\"respuesta del envío: \", res)\n if (res.status === 200 && casoAgresionId) {\n respuesta = res.data.body;\n Swal.fire({\n position: 'center',\n icon: 'success',\n title: `El Caso se ha editado con exito!`,\n showConfirmButton: false,\n timer: 1500\n })\n history.push('/listadocasos');\n } \n }\n catch (err) {\n console.log(\"err\", err);\n let html;\n if (err.response.status === 400) {\n const data = err.response.data;\n const list = `${data.errors.map(v => `${v.msg} `).join(\"\")} `;\n html = list;\n } else {\n html = `Ocurrió un error al editar el caso, Por favor completa el formulario correctamente.`;\n }\n Swal.fire({\n icon: 'error',\n title: 'Error',\n html: html,\n })\n }\n return respuesta;\n }\n \n\n\n return {registrarCaso, editarCaso}\n}\n","import Swal from 'sweetalert2'\nimport { useState } from 'react';\nimport { Button } from \"@material-ui/core\";\nimport { CustomModal } from './CustomModal';\nimport { useHistory } from 'react-router';\nimport axios from 'axios';\nimport { useCaso } from '../../hooks/casoHook';\n\n\nfunction GuardarExito({ data, show, setShow}) {\n const history = useHistory();\n const infoGuardar = {\n title: \"Confirmación\",\n body: \"¿Está seguro de guardar el caso?\",\n }\n const { registrarCaso } = useCaso();\n const [showEditar, setShowEditar] = useState(false)\n //use state confirmacion\n\n //use state guardar\n const handleClose = () => setShowEditar(false);\n const handleShow = () => setShowEditar(true);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n console.log(\"enviando info\", data)\n await registrarCaso(data);\n setShow(false);\n }\n return (\n <>\n \n \n Guardar\n \n \n \n );\n}\n\nexport default GuardarExito;","import React from 'react'\nimport ClipLoader from \"react-spinners/ClipLoader\";\nexport const CustomSpinner = () => {\n const style = { position: \"relative\", top: \"50%\", left: \"50%\", transform: \"translate(-50%, -50%)\" };\n return (\n <>\n \n
\n \n )\n}\n","import axios from 'axios';\nimport React, {useEffect, useState} from 'react';\n\nexport const useRegionSs = ({ ss_id }) => {\n const numberSsId = Number(ss_id);\n const [region, setRegion] = useState(null);\n const [loading, setLoading] = useState(true);\n\n const fetchData = () => {\n setLoading(true);\n axios.post(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/region/cargar-por-ss`, {\n \"ss_id\": numberSsId\n }).then(r => {\n setRegion(r.data.body)\n setTimeout(() => {\n setLoading(false)\n }, 1000);\n });\n }\n useEffect(() => {\n fetchData();\n }, [ss_id])\n\n return [\n region,\n loading\n ];\n}","import React, { useState, useContext } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Stepper from '@material-ui/core/Stepper';\nimport Step from '@material-ui/core/Step';\nimport StepLabel from '@material-ui/core/StepLabel';\nimport StepContent from '@material-ui/core/StepContent';\nimport Button from '@material-ui/core/Button';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport IngresoDatos from '../components/NuevoCaso/IngresoDatos';\nimport AntecedentesCaso, { useAntecedentesCaso } from '../components/NuevoCaso/AntecedentesCaso';\nimport AtencionMedica from '../components/NuevoCaso/AtencionMedica';\nimport AccionesLegales from '../components/NuevoCaso/AccionesLegales';\nimport Observaciones from '../components/NuevoCaso/Observaciones';\nimport { AuthContext } from '../context/authContext';\nimport Confirmacion from './modal/Confirmacion';\nimport { initialStateRegistrarCaso } from '../helpers/initial-state-caso';\nimport GuardarExito from './modal/GuardarExito';\nimport { useCombosApi } from '../hooks/combosHook';\nimport { CustomSpinner } from './ui/CustomSpinner';\nimport { useRegionSs } from '../hooks/useRegionSs';\n\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n },\n button: {\n marginTop: theme.spacing(1),\n marginRight: theme.spacing(1),\n },\n actionsContainer: {\n marginBottom: theme.spacing(2),\n textAlign: 'center',\n },\n resetContainer: {\n padding: theme.spacing(3),\n },\n}));\n\nfunction getSteps() {\n return ['Ingreso de datos', 'Antecedentes del caso', 'Atención médica', 'Acciones legales', 'Observaciones'];\n}\n\nexport default function VerticalLinearStepper({ ssId }) {\n const [data, setData] = useState(initialStateRegistrarCaso);\n console.log('DATA',data)\n const [openModal, setOpenModal] = useState(false);\n const [\n estamentoFuncionario,\n estamentoEstablecimiento,\n calificaciones,\n organismo,\n tipoApoyo,\n tipoAgresion,\n tipoAgresor,\n causaPrimaria,\n regiones,\n tipoEstablecimiento,\n lugarAgresion,\n tipoAccion,\n interpusoAccion,\n institucionLegal\n ] = useCombosApi();\n\n const [region, loading] = useRegionSs({ss_id: ssId });\n\n data.ssid = ssId;\n\n console.log(\"loading\", loading)\n console.log(\"datos nuevos\",data)\n const combosIngresoDatos = {estamentoFuncionario, estamentoEstablecimiento};\n const combosAntecedentesCaso = {tipoAgresion, tipoAgresor, causaPrimaria, region, tipoEstablecimiento, lugarAgresion};\n const combosAtencionMedica = { calificaciones, organismo, tipoApoyo };\n const combosAccionesLegales = { tipoAccion, interpusoAccion, institucionLegal };\n\n function getStepContent(step) {\n switch (step) {\n case 0:\n return */}\n
\n {steps.map((label, index) => (\n \n {label} \n \n {getStepContent(index)}
\n \n
\n
\n \n {activeStep === steps.length - 1 ? '' : Siguiente
}\n\n \n \n
\n \n ))}\n \n {activeStep === steps.length && (\n
\n Todos los pasos están completados - El caso fue guardado! \n \n Limpiar\n \n \n )}\n\n
\n setOpenModal(true)}\n >
\n {/*
Crear Nuevo Caso \n \n Listar Casos \n \n Reportes \n \n Mantenedor \n \n \n\n )\n } else if (perfilesOperadorReferente.includes(auth.perfil)) {\n links = (\n <>\n Crear Nuevo Caso \n \n Listar Casos \n \n Reportes \n \n {perfilReferenteTecnico.includes(auth.perfil) &&\n Mantenedor \n }\n \n\n )\n }\n return (\n <>\n \n {links}\n
\n \n )\n}\n\nexport default HomePage;","import React, { useState, useContext } from 'react'\nimport { Button } from '@material-ui/core'\nimport axios from 'axios'\nimport { AuthContext } from '../../../context/authContext';\nimport Swal from 'sweetalert2';\n\nconst AgregaUsuario = props => {\n const initialFormState = {\n servicio_salud_ser_id: null,\n usuario_rut: null,\n usuario_dv: null,\n usuario_nombres: null,\n usuario_apaterno: null,\n usuario_amaterno: null,\n perfil_id: null\n }\n const [user, setUser] = useState(initialFormState)\n const authCtx = useContext(AuthContext);\n console.log(\"perfil\", authCtx.perfil)\n\n const handleInputChange = ({ target }) => {\n setUser({ ...user, [target.name]: target.value });\n }\n const handleSubmit = (e) => {\n e.preventDefault();\n console.log(\"user:\", user)\n Swal.fire({\n title: '¿Estás seguro de registrar al usuario?',\n icon: 'warning',\n showCancelButton: true,\n confirmButtonColor: '#3085d6',\n cancelButtonColor: '#d33',\n confirmButtonText: 'Si',\n cancelButtonText: \"No\"\n }).then((result) => {\n if (result.isConfirmed) {\n axios.post(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/usuario/`, user,\n {\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': 'Bearer ' + authCtx.token,\n }\n })\n .then((response) => {\n console.log(\"respuesta del registro usuario: \" + response.data.body)\n }).catch(err => {\n console.log(err);\n console.log(err.response)\n console.log(err.response.data);\n let html;\n if (err.response.status === 400){\n const data = err.response.data;\n const list = `${data.errors.map(v => `${v.msg} `).join(\"\")} `;\n html = list;\n } \n else if (err.response.status === 500) {\n html = `Error: Usuario ya está registrado`;\n }\n else {\n html = `Ocurrió un error al registrar el usuario. Por favor completar el formulario correctamente.`;\n }\n Swal.fire({\n icon: 'error',\n title: 'Error',\n html: html,\n })\n })\n Swal.fire({\n title: 'Guardado!',\n text: 'El usuario se registró con éxito!',\n icon: 'success'\n }).then(function(isConfirm){\n if(isConfirm){\n window.location.reload();\n }\n })\n \n }\n })\n\n }\n\n return (\n \n )\n}\n\nexport default AgregaUsuario","import React, { useState, useEffect, useContext } from 'react'\nimport { Button } from '@material-ui/core'\nimport axios from 'axios'\nimport { AuthContext } from '../../../context/authContext';\nimport Swal from 'sweetalert2';\n\nexport const EditaUsuario = props => {\n const [user, setUser] = useState(props.currentUser)\n const authCtx = useContext(AuthContext);\n\n useEffect(\n () => {\n setUser(props.currentUser)\n },\n [props]\n )\n // You can tell React to skip applying an effect if certain values haven’t changed between re-renders. [ props ]\n const handleInputChange = ({ target }) => {\n setUser({ ...user, [target.name]: target.className == 'form-select numero' || target.type == 'number' ? parseInt(target.value) : target.value })\n console.log(\"usuarios \" + JSON.stringify(user))\n }\n\n const handleEdit = (e) => {\n e.preventDefault();\n Swal.fire({\n title: '¿Estás seguro de editar al usuario?',\n icon: 'warning',\n showCancelButton: true,\n confirmButtonColor: '#3085d6',\n cancelButtonColor: '#d33',\n confirmButtonText: 'Si',\n cancelButtonText: \"No\"\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"user\", user)\n axios.put(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/usuario/${user.usuario_id}`, user,\n {\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': 'Bearer ' + authCtx.token,\n }\n })\n .then((response) => {\n console.log(\"respuesta de la edicion usuario: \" + response.data.body); \n }).catch(err => {\n let html;\n if (err.response.status === 400) {\n const data = err.response.data;\n const list = `${data.errors.map(v => `${v.msg} `).join(\"\")} `;\n html = list;\n } else {\n html = `Ocurrió un error al editar el usuario. Por favor completar el formulario correctamente.`;\n }\n Swal.fire({\n icon: 'error',\n title: 'Error',\n html: html,\n })\n })\n\n Swal.fire({\n title: 'Editado!',\n text:'El usuario se editó con éxito!',\n icon: 'success', \n }, props.setEditing(false)\n ).then(function(isConfirm){\n if(isConfirm){\n window.location.reload();\n }\n }) \n \n }\n })\n\n };\n\n return (\n \n )\n}\n","import axios from 'axios';\nimport React, { useContext, useState } from 'react'\nimport Swal from 'sweetalert2';\nimport { AuthContext } from '../../../context/authContext';\nimport { Button, FormControl } from \"@material-ui/core\";\n\nconst TablaUsuario = props => {\n const authCtx = useContext(AuthContext);\n const [mostrar, setMostrar] = useState(false)\n const [texto, setTexto] = useState(\"Ver No habilitados\")\n const [icono, setIcono] = useState(\"fas fa-eye\")\n\n const handleMostrar = () => {\n setMostrar(true)\n setTexto(\"Ocultar No habilitados\")\n setIcono(\"fas fa-eye-slash\")\n if (mostrar == true){\n setMostrar(false)\n setTexto(\"Ver No habilitados\")\n setIcono(\"fas fa-eye\")\n }\n }\n\n\n const handleRemove = (uid) => {\n Swal.fire({\n title: '¿Estás seguro de eliminar al usuario?',\n icon: 'warning',\n showCancelButton: true,\n confirmButtonColor: '#3085d6',\n cancelButtonColor: '#d33',\n confirmButtonText: 'Si',\n cancelButtonText: \"No\"\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"uid a remover\", uid);\n // ${uid}\n axios.delete(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/usuario/${uid}`,\n {\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': 'Bearer ' + authCtx.token,\n }\n }).then(res => {\n if (res.status === 200) {\n Swal.fire({\n position: 'center',\n icon: 'success',\n title: `El Usuario se ha eliminado con exito!`,\n showConfirmButton: false,\n timer: 1500\n });\n window.location.reload()\n }\n }).catch(err => {\n Swal.fire({\n icon: 'error',\n title: 'Error',\n text: `Ocurrió un error al eliminar el usuario.`,\n })\n }\n );\n }\n });\n };\n\n return (\n \n
\n \n
\n
\n \n \n Rut \n Nombre \n Apellido Paterno \n Apellido Materno \n Perfil \n Habilitado \n Acción \n \n \n \n\n {props.users.length > 0 ? (\n props.users.map(user => (\n \n {user.usuario_habilitado === \"1\"?<> \n {user.usuario_rut} \n {user.usuario_nombres} \n {user.usuario_apaterno} \n {user.usuario_amaterno} \n {user.perfil_id == 1 ? \"ADMINISTRADOR\" : user.perfil_id == 2 ? \"REFERENTE TECNICO SS\" : \"OPERADOR\"} \n {user.usuario_habilitado === \"1\" ? \"SI\" : \"NO\"} \n {\n props.editRow(user);\n }}\n className=\"btn-custom\"\n >\n {\n const uid = user.usuario_id;\n handleRemove(uid);\n }}\n className=\"btn-custom\"\n >\n : <>{ mostrar && <>\n {user.usuario_rut} \n {user.usuario_nombres} \n {user.usuario_apaterno} \n {user.usuario_amaterno} \n {user.perfil_id == 1 ? \"ADMINISTRADOR\" : user.perfil_id == 2 ? \"REFERENTE TECNICO SS\" : \"OPERADOR\"} \n {user.usuario_habilitado === \"1\" ? \"SI\" : \"NO\"} \n \n {\n props.editRow(user);\n }}\n className=\"btn-custom\"\n >\n {\n const uid = user.usuario_id;\n handleRemove(uid);\n }}\n className=\"btn-custom\"\n >\n } }\n \n ))\n ) : (\n\n \n No hay usuarios \n \n )}\n \n
\n
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t{editing ? (\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t \n\t\t\t\t\t) : (\n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t
\n\n\t\t\t
\n\t\t
\n
\n )\n}\nexport default MantenedorUsuario;","import React from 'react'\nimport MantenedorUsuario from '../Mantenedores/MantenedorUsuario'\nimport MantenedorEstamentoAfectado from '../Mantenedores/MantenedorEstamentoAfectado'\nimport MantenedorEstamentoFuncionario from './MantenedorEstamentoFuncionario'\nimport MantenedorTipoAgresion from './MantenedorTipoAgresion'\nimport MantenedorTipoAgresor from './MantenedorTipoAgresor'\n\n\n const Mantenedores = () => {\n return (\n \n
\n
\n Mantenedor Usuario \n {/* Mantenedor Estamento Afectado \n Mantenedor Estamento Funcionario \n Mantenedor Tipo de Agresión \n Mantenedor Tipo de Agresor */}\n
\n
\n
\n
\n {/*
\n
\n
\n
\n
\n
\n
\n
*/}\n \n
\n
\n
Caso n° {numerocaso || \"\"} \n
\n
\n
Nombre funcionario: {item.nombre_funcionario}
\n
Rut: {item.funcionario_rut}
\n
Género funcionario: {item.funcionario_genero_nombre}
\n
Estamento funcionario: {item.estamento_fun_nombre}
\n
Fecha inicio Caso: {item.caso_agresion_fecha_inicio_dia + \"-\" + item.caso_agresion_fecha_inicio_mes + \"-\" + item.caso_agresion_fecha_inicio_anio}
\n
\n
\n
Celular funcionario: {item.funcionario_movil}
\n
Correo electrónico: {item.funcionario_email}
\n
Edad: {item.edad_funcionario}
\n
Estamento Afectado: {item.estamento_est_nombre}
\n
Fecha fin Caso: {item.caso_agresion_fecha_fin_ver}
\n
\n
\n
\n \n Antecendentes del Caso \n Atención médica \n Acciones legales \n Observaciones \n
\n \n
\n
\n
\n
\n
¿Qué tipo de agresión ocurrió y porqué? \n
\n
\n
Tipo de Agresión: {item.tipo_agresion_nombre}
\n
Causa primaria: {item.causa_agresion_nombre_1}
\n
Tipo de Agresor: {item.tipo_agresor_nombre}
\n
Causa Secundaria: {item.causa_agresion_nombre_2}
\n
\n
\n
\n
¿Cuándo ocurrió? y ¿Dónde ocurrió? \n
\n
\n
Hora: {item.antecedente_caso_hora}
\n
Tipo establecimiento: {item.tip_establecimiento_nombre}
\n
Fecha: {item.antecedente_caso_fecha}
\n
Nombre establecimiento: {item.establecimiento_nombre}
\n
Región: {item.region_nombre}
\n
General Unidad/Servicio/Sector: {item.lugar_agresion_nombre}
\n
Provincia: {item.provincia_nombre}
\n
Describir Unidad/Servicio/Sector: {item.antecedente_caso_desc_lugar}
\n
Comuna: {item.comuna_nombre}
\n
\n
\n
\n\n
\n
\n
\n
\n
¿Se requirió atención de urgencia?: {item.atencion_medica_ate_urg}
\n
Licencia médica: {item.atencion_medica_lic_med}
\n
¿Se requirió atención médica?: {item.atencion_medica_ate_med}
\n
Días de licencia: {item.atencion_medica_cant_dias}
\n
¿Se requirió atención psicológica?: {item.atencion_medica_ate_psi}
\n
Calificación: {item.calificacion_caso_nombre}
\n
¿Trabajador rechaza atención médica/psicológica?: {item.atencion_medica_rec_med_psic}
\n\n
Organismo: {item.org_calificador_nombre}
\n
\n
\n
¿Cómo se apoyó al funcionario afectado? \n
\n
\n
Tipo de apoyo (del establecimiento): {item.tipo_apoyo_nombre}
\n
¿El funcionario utilizó el Centro de Apoyo a Víctimas?(CAVD): {item.atencion_medica_utilizo_cavd}
\n
\n
\n
\n
\n
\n
\n
\n
Tipo de Acción: {item.tipo_accion_nombre}
\n
Nº de seguimiento de trámite legal: {item.accion_legal_id_seg_acc_leg}
\n
Quién interpuso la acción: {item.interpuso_accion_nombre}
\n
Tribunal: {item.accion_legal_tribunal}
\n
Ante que institución: {item.institucion_legal_nombre}
\n
Observaciones acciones legales: {item.accion_legal_observaciones}
\n
\n
\n
\n
\n
\n
\n
Observaciones
\n
\n {item.observacion_detalle.map((e) => {e} )}\n \n
\n
\n
\n
\n
Cargando item... \n }\n const handleInputChange = ({ target }) => {\n setBusqueda(target.value);\n filtrar(target.value)\n }\n const filtrar = (terminoBusqueda) => {\n console.log(\"data caso agresion folio\" + data.caso_agresion_folio)\n const resultadosBusqueda = tablaData.filter((elemento) => {\n console.log(elemento.caso_agresion_folio)\n if (elemento.caso_agresion_folio.toString().toLowerCase().includes(terminoBusqueda.toLowerCase())\n || elemento.servicio_salud_nombre.toString().toLowerCase().includes(terminoBusqueda.toLowerCase())\n || elemento.caso_estado_nombre.toString().toLowerCase().includes(terminoBusqueda.toLowerCase())\n\n ) {\n return elemento;\n }\n })\n setData(resultadosBusqueda)\n // const casoID = elemento.caso_agresion_folio\n // console.log(casoID)\n }\n\n\n return (\n <>\n \n
\n Total Casos: {data.length}\n
\n
\n \n
\n \n \n Fecha Inicio Caso \n Servicio de Salud \n {auth.perfil === \"OPERADOR\" ? Establecimiento : \"\" }\n \n Nº del caso \n Estado del caso \n Acciones \n\n \n {/* {columns.length <=5? \n \n {columns.map((item) => ( {item.text} ))}\n \n :\n {columns.map((item) => ( {item.text} ))}\n \n } */}\n \n \n \n {\n data.length > 0 ?\n data.map((item, index) =>\n <>\n \n {item.caso_agresion_fecha_inicio} \n {item.servicio_salud_nombre} \n {auth.perfil === \"OPERADOR\" ? {item.establecimiento_nombre} : \"\" }\n \n {item.caso_agresion_folio} \n {item.caso_estado_nombre} \n \n \n \n {(item.caso_estado_nombre === \"Ingresado\") && \n \n <>\n {\n \n \n \n \n }\n \n \n\n ) : (\n \n \n No hay datos\n \n \n )\n\n }\n \n
\n \n )\n}\nexport default ItemsListado;","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport '../../css/tables.css'\nimport axios from 'axios';\nimport { useContext, useEffect, useState } from 'react';\nimport Paginacion from './Pagination'\nimport Pagination from 'react-bootstrap/Pagination'\nimport ItemsListado from './ItemsListado';\nimport { AuthContext } from '../../context/authContext';\n\n\nconst { REACT_APP_API_URL, REACT_APP_HOST } = process.env;\n\nexport const useDatosCaso = () =>{\n const authCtx = useContext(AuthContext);\n const [data, setData] = useState([]);\n const [tablaData, setTablaData] = useState([])\n const [loading, setLoading] = useState(false);\n\n useEffect( () => {\n const fetchData = async () => {\n let resCasos;\n try{ \n if (authCtx.perfil === \"ADMINISTRADOR\") {\n resCasos = await axios.get(`${REACT_APP_API_URL}:${REACT_APP_HOST}/rafds-api/v1/caso/`);\n } else if (authCtx.perfil === \"REFERENTE TECNICO SS\") {\n resCasos = await axios.post(`${REACT_APP_API_URL}:${REACT_APP_HOST}/rafds-api/v1/caso/listado-casos-ss`,\n {ss_id: authCtx?.usuario?.servicio_salud_ser_id }\n );\n } else {\n resCasos = await axios.post(`${REACT_APP_API_URL}:${REACT_APP_HOST}/rafds-api/v1/caso/listado-casos-ss-establecimientos`,\n {est_id: authCtx?.usuario?.establecimiento_id });\n }\n setData(resCasos.data.body);\n setTablaData(resCasos.data.body);\n setLoading(false);\n } catch(e) {\n console.log(e)\n }\n }\n fetchData();\n },[]);\n \n return { data, loading, setData, setTablaData, tablaData } \n}\n\nconst ListadoCasos = () => {\n \n const { data, loading } = useDatosCaso()\n \n const [currentPage, setCurrentPage] = useState(1);\n const [itemsPerPage] = useState(10);\n \n const indexOfLastItem = currentPage * itemsPerPage;\n const indexOfFirstItem = indexOfLastItem - itemsPerPage;\n \n const currentItems = data.slice(indexOfFirstItem, indexOfLastItem)\n\n const paginate = (pageNumber)=>{\n setCurrentPage(pageNumber)\n }\n\n const columns = [\n {\n dataField: \"caso_agresion_fecha_inicio\",\n text: \"Fecha Inicio Caso\",\n id:1,\n sort: true,\n hidden: false\n },\n {\n dataField: \"servicio_salud_nombre\",\n text: \"Servicio de Salud\",\n id:2,\n sort: true\n },\n {\n dataField: \"establecimiento_nombre\",\n text: \"Establecimiento\",\n id:3,\n sort: true\n },\n {\n dataField: \"caso_agresion_folio\",\n text: \"Nº del caso\",\n id:4,\n sort: true\n },\n {\n dataField: \"caso_estado_nombre\",\n text: \"Estado del caso\",\n id:5,\n sort: true\n },\n {\n dataField: \"caso_estado_nombre\",\n text: \"Acciones\",\n id:6,\n sort: true\n }\n ];\n let active = 2;\n let items = [];\n for (let number = 1; number <= 10; number++) {\n items.push(\n \n {number}\n ,\n );\n }\n return(\n <>\n \n
Listado de Casos de Agresión \n \n \n \n )\n}\nexport default ListadoCasos;","import axios from 'axios';\nimport React from 'react';\nimport '../css/Button.css';\n\nexport const BotonClaveUnica = () => {\n\n const loginHandle = () => {\n const url = `${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/claveunica/redirect-clave-unica/`;\n axios.post(url).then(r => {\n window.location.replace(r.data.redirectUrl);\n })\n };\n\n return ( \n \n )\n}\n","import '../css/HomePage.css';\nimport { useContext, useEffect, useState } from 'react';\nimport { useLocation, useHistory } from 'react-router-dom';\nimport { AuthContext } from '../context/authContext';\nimport { CustomSpinner } from './ui/CustomSpinner';\nimport axios from 'axios';\n\nconst RedirectClaveUnica = () => {\n const auth = useContext(AuthContext)\n const history = useHistory();\n const [loading, setLoading] = useState(true);\n const search = useLocation().search;\n const code = new URLSearchParams(search).get('code');\n const state = new URLSearchParams(search).get('state');\n const handleLogout = () => {\n auth.logout();\n }\n\n useEffect(async () => {\n try {\n const respuesta = await axios(`${process.env.REACT_APP_API_URL}:${process.env.REACT_APP_HOST}/rafds-api/v1/claveunica?code=${code}&state=${state}`, {\n method: 'GET',\n responseType: 'json',\n headers: {\n \"Content-Type\": \"application/json; charset=utf-8\",\n Accept: \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\"\n },\n data:{}\n })\n\n if (respuesta.status == 200) {\n\t\t\t\tconst respuestaJson = await respuesta.data;\n console.log(\"respuesta json\", respuestaJson)\n auth.login(respuestaJson?.usuario?.usuario_id, respuestaJson.token, respuestaJson.usuario.perfil_nombre, respuestaJson.usuario);\n setLoading(false);\n history.replace('/inicio');\n } else {\n let errorMessage = 'La autenticacion fallo!';\n setLoading(false);\n history.replace('/login');\n handleLogout();\n throw new Error(errorMessage);\n }\n } catch (error) {\n console.log(error);\n setLoading(false);\n history.replace('/login');\n handleLogout();\n }\n\n }, []);\n\n return (\n <>\n {loading && (Seleccione una opción \n{/* */}\n { Array.isArray(data) && data.map(e =>(\n {e[Object.keys(e)[1]]} \n )\n )}\n \n )\n}\n","import Swal from 'sweetalert2'\nimport { useState } from 'react';\nimport { Button } from \"@material-ui/core\";\nimport { CustomModal } from './CustomModal';\nimport { useHistory } from 'react-router';\nimport axios from 'axios';\nimport { useCaso } from '../../hooks/casoHook';\n\n\nfunction EditarExito({ data, show, setShow, casoId }) {\n const history = useHistory();\n const infoEditar = {\n title: \"Confirmación\",\n body: \"¿Está seguro de editar el caso?\",\n }\n const [showEditar, setShowEditar] = useState(false);\n const { editarCaso } = useCaso();\n\n const handleClose = () => setShowEditar(false);\n const handleShow = () => setShowEditar(true);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n await editarCaso(casoId, data);\n setShow(false);\n }\n return (\n <>\n \n \n Editar\n \n \n \n );\n}\n\nexport default EditarExito;","import axios from \"axios\";\nimport { useState, useEffect, useContext } from \"react\";\nimport { TextField, Switch, Button, FormControl } from \"@material-ui/core\";\nimport IconArrowBack from \"@material-ui/icons/ArrowBack\";\nimport { Select } from '../editar/Select';\nimport { AuthContext } from \"../../../context/authContext\";\nimport { useCombosApi } from \"../../../hooks/combosHook\";\nimport EditarExito from \"../../modal/EditarExito\";\nimport { CustomSpinner } from \"../../ui/CustomSpinner\"\nimport { Link } from \"react-router-dom\";\nimport { useRegionSs } from \"../../../hooks/useRegionSs\";\nimport { getCurrentDate } from \"../../../elementos/FechaHoy\";\n\nconst EditarDatosIngreso = (props, { caso_agresion_id }) => {\n\n // Habilita la fecha para ser escogida\n const [isDateDisabled, setIsDateDisabled] = useState(true) \n\n const authCtx = useContext(AuthContext);\n const [regionPorSs, loadingRegionSs] = useRegionSs({ ss_id: authCtx?.usuario?.servicio_salud_ser_id });\n const { REACT_APP_API_URL, REACT_APP_HOST } = process.env;\n const baseUrl = `${REACT_APP_API_URL}:${REACT_APP_HOST}`;\n\n const [datos, setDatos] = useState({\n \"folio\": props.numerocaso,\n \"is_date_disabled\": null,\n \"funcionario_rut\": null,\n \"funcionario_fecha_nacimiento\": null,\n \"funcionario_nombres\": null,\n \"funcionario_apaterno\": null,\n \"funcionario_amaterno\": null,\n \"funcionario_genero_id\": null,\n \"funcionario_movil\": null,\n \"funcionario_email\": null,\n \"caso_agresion_fecha_inicio\": null,\n \"caso_agresion_fecha_fin\": null,\n \"caso_estado_id\": null,\n \"estamento_fun_id\": null,\n \"estamento_est_id\": null,\n \"caso_agresion_edad_func\": null,\n \"tipo_agresion_id\": null,\n \"tipo_agresor_id\": null,\n \"causa_agresion_id_1\": null,\n \"causa_agresion_id_2\": null,\n \"antecedente_caso_hora\": null,\n \"antecedente_caso_fecha\": null,\n \"establecimiento_id\": null,\n \"lugar_agresion_id\": null,\n \"antecedente_caso_desc_lugar\": null,\n \"atencion_medica_ate_urg\": null,\n \"atencion_medica_ate_med\": null,\n \"atencion_medica_ate_psi\": null,\n \"calificacion_caso_id\": null,\n \"org_calificador_id\": null,\n \"atencion_medica_lic_med\": null,\n \"atencion_medica_cant_dias\": null,\n \"atencion_medica_rec_med_psic\": null,\n \"tipo_apoyo_id\": null,\n \"atencion_medica_utilizo_cavd\": null,\n \"tipo_accion_id\": null,\n \"interpuso_accion_id\": null,\n \"institucion_legal_id\": null,\n \"accion_legal_id_seg_acc_leg\": null,\n \"accion_legal_tribunal\": null,\n \"accion_legal_observaciones\": null,\n \"observacion_detalle\": null,\n \"serss_id\" :null\n });\n\n const [regionSS] = useRegionSs({ ss_id: datos.serss_id }); \n const [provincias, setProvincias] = useState([])\n const [comunas, setComunas] = useState([])\n const [region, setRegion] = useState([]);\n const [establecimientos, setEstablecimientos] = useState([])\n const [tipoEstablecimientos, setTipoEstablecimientos] = useState([]);\n const [filtroComuna, setfiltroComuna] = useState(\"\")\n const [openModal, setOpenModal] = useState(false);\n const [loading, setLoading] = useState(true);\n const [casoAgresion, setCasoAgresion] = useState(props.id)\n const [observaciones, setObservaciones] = useState([]);\n const [dataLocation, setDataLocation] = useState([])\n\n const [\n estamentoFuncionario,\n estamentoEstablecimiento,\n calificaciones,\n organismo,\n tipoApoyo,\n tipoAgresion,\n tipoAgresor,\n causaAgresion,\n regiones,\n tipoEstablecimiento,\n lugarAgresion,\n tipoAccion,\n interpusoAccion,\n institucionLegal,\n setTipoEstablecimiento\n ] = useCombosApi();\n\n const handleSwitch = () => {\n setIsDateDisabled(!isDateDisabled)\n if (!isDateDisabled){\n datos.caso_agresion_fecha_fin = null\n datos.is_date_disabled = true\n } else {\n datos.is_date_disabled = false\n }\n }\n useEffect(() => {\n setCasoAgresion(props.id);\n }, [props.id]);\n\n useEffect(() => {\n const fetchData = async () => {\n if(authCtx.perfil === \"OPERADOR\"){\n const estId = authCtx.usuario.establecimiento_id\n axios.get(`${baseUrl}/rafds-api/v1/establecimiento/getById/${estId}`)\n .then((res) => {\n const locationOperador = res.data.body[0];\n setDataLocation(locationOperador)\n datos.region_id= locationOperador.region_id\n datos.comuna_id = locationOperador.comuna_id\n datos.provincia_id = locationOperador.provincia_id\n datos.tipo_establecimiento_id = locationOperador.tip_establecimiento_id\n datos.establecimiento_id = locationOperador.establecimiento_id\n });\n }\n try {\n const resCaso = await axios.post(`${REACT_APP_API_URL}:${REACT_APP_HOST}/rafds-api/v1/caso/${casoAgresion}`);\n const datosDelCaso = resCaso.data.body;\n console.log(\"datosDelCaso\", datosDelCaso)\n datosDelCaso.folio = props.numerocaso;\n const {\n region_id,\n region_nombre,\n provincia_id,\n provincia_nombre,\n comuna_id,\n comuna_nombre,\n tip_establecimiento_id,\n tip_establecimiento_nombre,\n establecimiento_id,\n establecimiento_nombre,\n observacion_detalle\n } = resCaso.data.body;\n \n setObservaciones([...observacion_detalle]);\n delete datosDelCaso.observacion_detalle;\n setDatos(datosDelCaso);\n setRegion([{ region_id, region_nombre }]);\n setProvincias([{ provincia_id, provincia_nombre }])\n setComunas([{ comuna_id, comuna_nombre }])\n setTipoEstablecimientos([{ tipo_establecimiento_id: tip_establecimiento_id, tipo_establecimiento_nombre: tip_establecimiento_nombre }])\n setEstablecimientos([{ establecimiento_id, establecimiento_nombre }])\n // console.log(\"observaciones\", observaciones)\n setTimeout(() => {\n setLoading(false);\n }, 1200);\n } catch (err) {\n console.log(err);\n }\n }\n fetchData();\n }, []);\n\n const getRegiones = () => {\n if (authCtx.perfil === \"ADMINISTRADOR\") {\n setRegion(regionSS);\n } else {\n console.log(\"region Editar\", regionPorSs);\n setRegion(regionPorSs);\n }\n }\n const getProvincias = (e) => {\n setProvincias([]);\n setComunas([]);\n setTipoEstablecimientos([]);\n setEstablecimientos([]);\n const opcion = { \"region_id\": e.target.value };\n axios.post(`${baseUrl}/rafds-api/v1/provincia/cargar`, opcion)\n .then((res) => { setProvincias(res.data.body) })\n }\n const getComunas = (e) => {\n setTipoEstablecimientos([]);\n setEstablecimientos([]);\n const provincia = { \"provincia_id\": e.target.value };\n axios.post(`${baseUrl}/rafds-api/v1/comuna/cargar`, provincia)\n .then((comuna) => { setComunas(comuna.data.body) })\n }\n const getTipoEstablecimientos = (e) => {\n setTipoEstablecimientos([]);\n setEstablecimientos([]);\n const comunaValue = e.target.value;\n setfiltroComuna(comunaValue);\n axios.get(`${baseUrl}/rafds-api/v1/tipo-establecimiento/cargar`)\n .then(r => setTipoEstablecimientos(r.data.body))\n }\n const getEstablecimientos = (e) => {\n const filtroTipoEstablecimiento = e.target.value;\n const filtros = { \"comuna_id\": filtroComuna, \"tipo_establecimiento_id\": filtroTipoEstablecimiento };\n console.log(filtros);\n axios.post(`${baseUrl}/rafds-api/v1/establecimiento/cargar`, filtros)\n .then((establecimiento) => { setEstablecimientos(establecimiento.data.body); console.log(establecimiento.data) })\n }\n\n\n\n const handleChange = ({ target }) => {\n setDatos({\n ...datos,\n [target.name]: target.value\n });\n console.log([target.name], target.value)\n console.log(\"datos del editar\", datos)\n }\n\n \n\n return (\n \n {loading ?
:
\n
\n
Volver\n
\n Creación: \n
\n
\n
Caso n° {props.numerocaso} \n
\n
\n setOpenModal(true)}\n >
\n
}\n\n
\n
Crear caso \n
\n
Seleccione Servicio de salud:
\n
\n \n Seleccione una opción \n {serviciosSalud && serviciosSalud.map((ss => {\n return {ss.ss_nombre} ;\n }))}\n \n
\n
\n {ssId &&
}\n
\n {Array.isArray(datosReporte) ?\n
Descargar Reporte \n \n \n :\n
\n No existe reporte para este Servicio de Salud.\n
\n }\n
\n
Reportes \n
\n
Seleccione Servicio de salud:
\n
\n \n Seleccione una opción \n {serviciosSalud && serviciosSalud.map((ss => {\n return {ss.ss_nombre} ;\n }))}\n \n
\n
\n {ssId &&
}\n
\n {Array.isArray(datosReporte) ?\n
Descargar Reporte \n \n \n :\n
\n No existe reporte para este Establecimiento.\n
\n }\n
\n
Reporte \n
\n
{auth?.usuario?.servicio_salud_ser_codigo} \n \n\n {authCtx.perfil === \"REFERENTE TECNICO SS\" && auth?.usuario?.servicio_salud_ser_id &&
}\n\n {authCtx.perfil === \"OPERADOR\" && auth?.usuario?.establecimiento_id &&
}\n \n
\n \n \n \n \n \n \n \n \n { {\n return }\n {perfilesParaMantenedores.includes(perfil) && \n \n \n }\n {perfilAdministrador.includes(perfil) && \n \n }\n {perfilesOperadorReferente.includes(perfil) &&\n \n \n }\n \n )\n } else {\n routes = (\n \n \n \n \n \n \n )\n }\n\n return (\n \n
\n \n \n {routes} \n \n \n \n \n 
\n