\r\n \r\n 
\r\n
\r\n \r\n 0 ? { display: \"initial\" } : { display: \"none\" }) } className=\"notification-indicator-component-new\" >
\r\n Notificaciones
\r\n\r\n {\r\n let notUrl = `/registry/${e.itemData.concesionarioId}/${e.itemData.procedureId}/${e.itemData.registryId}`;\r\n setNotifications(notifications.filter((each) => {\r\n return (e.itemData.registryId != each.registryId || e.itemData.concesionarioId != each.concesionarioId || e.itemData.procedureId != each.procedureId);\r\n }));\r\n setOpenState(false);\r\n history.push(notUrl);\r\n }}\r\n height={() => {\r\n const headerSize = 45;\r\n const bottomSize = 150;\r\n const toobarSize = 50;\r\n const listItemSize = 105;\r\n let size = windowSize.height - 150;\r\n let notBasedSize = (notifications.length * listItemSize);\r\n if ((bottomSize + toobarSize + headerSize) + notBasedSize >= windowSize.height) {\r\n return size;\r\n } else {\r\n return notBasedSize;\r\n }\r\n }}\r\n allowItemDeleting={false}>\r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAAByUlEQVRIDZVVu0oEQRDcPQVR8PUBYuRfCJoomPgBIoIcFwliJJiJialfYGRgcKlfYGQieImJmWB4goqwiVq1Nz3X7vTMzjX0dk91dfXu7OxdUSgrmf/CGDu8/DMUujWAZFNopSSoDGsBUhRYlLQmyDVsQQrn9dK6QGomwAFecAZNiiLlARY4O3wS19JBd6jNLhROEeccUcK1JD6COAuv4LR1X7CSEce83gd80G5NqgOthhSfNT5TYe5ToDYGnsapytSovoLjKRq6cHO/gy4Qt9wEbu1UQNCAIzbDleb4HKy7JlPWnqQTKUbihnCjp0wILvZkLe9hGcBQQCP+4AjXGyATjgyShoTn3zTVOSVl85jyxQ+Cr7uNTKFPXqbhu/BDLlrs26xjYl+21iTkglqIeW5fkgehHvwdHrM3FA6SIlYRTTsxxQS+Z2nVB0kXILCINV+7Pwu6nsj547mEo/ChOZYIj7GF6z4r582O/kWsqmB4gpfENrSVnkXHjOjeblPIqPsvn0OaW3FsTp4MPAnouKs1+EPG3eVSHkFc9YOwGOR2TsAbcEBwTP1UlUD0DMvmv0SFI3mpaGaaO4Di+/AVp/KKeIMBlVtHwx9KOusVJrKcJAAAAABJRU5ErkJggg==\"","import React, { useEffect, useRef } from \"react\";\r\n\r\nfunction useTimeout(\r\n callback,\r\n delay\r\n) {\r\n const savedCallback = useRef(callback);\r\n\r\n // Remember the latest callback.\r\n useEffect(() => {\r\n savedCallback.current = callback;\r\n }, [callback]);\r\n\r\n // Set up the timeout loop.\r\n useEffect(() => {\r\n let id: null;\r\n function tick() {\r\n const ret = savedCallback.current();\r\n\r\n if (ret instanceof Promise) {\r\n ret.then(() => {\r\n if (delay !== null) {\r\n id = setTimeout(tick, delay);\r\n }\r\n });\r\n } else {\r\n if (delay !== null) {\r\n id = setTimeout(tick, delay);\r\n }\r\n }\r\n }\r\n if (delay !== null) {\r\n id = setTimeout(tick, delay);\r\n return () => id && clearTimeout(id);\r\n }\r\n }, [delay]);\r\n}\r\n\r\nexport default useTimeout;","import React, { useContext, useEffect, useState } from 'react';\r\nimport { Container } from 'reactstrap';\r\nimport logo from '../img/logo_gest_cabecera.png';\r\nimport \"./Layout.css\";\r\nimport { SessionContext } from './context/SessionContext';\r\nimport { Link, useHistory } from 'react-router-dom';\r\n\r\nimport ajustes from '../img/ajustes.png';\r\nimport users from '../img/users.png';\r\nimport logout from '../img/log_out.png';\r\nimport auditoria from '../img/auditoria.png';\r\nimport select_open_white_left from '../img/select_open_white_left.png';\r\nimport select_open_white_right from '../img/select_open_white_right.png';\r\nimport { NotificationIndicator } from './notifications/NotificationIndicator';\r\nimport useTimeout from '../hooks/useTimeout';\r\n\r\n\r\nexport const Layout = ({ children }) => {\r\n let history = useHistory();\r\n const [drawerState, setDrawerState] = useState({\r\n open: false,\r\n enabled: true\r\n });\r\n const [notificationsState, setNotificationsState] = useState([]);\r\n const { session: sessionContext, setSession: setSessionContext } = useContext(SessionContext);\r\n\r\n const onLogout= async () => {\r\n const response = await fetch(`${process.env.PUBLIC_URL}/api/session`, {\r\n method: 'DELETE',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n });\r\n setSessionContext(null);\r\n }\r\n const closeDrawer = () => { setDrawerState({ open: false, enabled: drawerState.enabled }) };\r\n const openDrawer = () => { setDrawerState({ open: true, enabled: drawerState.enabled }) };\r\n\r\n const fillComesFrom = () => {\r\n let currentUrl = history.location.pathname;\r\n let backlog = [];\r\n if (history.location.state != undefined && history.location.state.comesFrom != undefined && history.location.state.comesFrom != \"\") {\r\n backlog = history.location.state.comesFrom;\r\n }\r\n if (backlog.length==0 || backlog[backlog.length - 1] != currentUrl) backlog.push(currentUrl);\r\n return backlog;\r\n }\r\n function handleErrors(response) {\r\n if (!response.ok) {\r\n throw Error(response.statusText);\r\n }\r\n return response;\r\n }\r\n useEffect(async () => {\r\n await fetch(`${process.env.PUBLIC_URL}/api/notifications/Get`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setNotificationsState(result.response);\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }, []);\r\n useTimeout(async () => {\r\n await fetch(`${process.env.PUBLIC_URL}/api/notifications/Get`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setNotificationsState(result.response);\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }, 30000);\r\n\r\n\r\n return (\r\n <>\r\n {(sessionContext != null && sessionContext.isActive) ?\r\n \r\n
\r\n :\r\n { setDrawerState({ open: false, enabled: drawerState.enabled }) }}>
\r\n \r\n
\r\n \r\n 
\r\n
\r\n {`Hola, ${sessionContext.user.name}`}
\r\n
\r\n \r\n {sessionContext.user.userType >= 1 ? 
\r\n Configuración
: null}\r\n {sessionContext.user.userType === 2 ?Config. de estados
: null}\r\n {sessionContext.user.userType === 2 ? Config. tipos de trámites
: null}\r\n {sessionContext.user.userType === 2 ? Config. de usuarios
: null}\r\n {sessionContext.user.userType >= 1 ? Auditoría
: null}\r\n \r\n Cerrar sesión
\r\n \r\n \r\n Código de gestoría:\r\n
\r\n {sessionContext.gestoria.codigo?sessionContext.gestoria.codigo:\"XXXX-XXXX-XXXX\"}\r\n
\r\n \r\n \r\n {sessionContext.gestoria.codigo?sessionContext.gestoria.codigo:\"XXXX-XXXX-XXXX\"}\r\n
\r\n 
{ history.replace(\"/\", { comesFrom: [] }); }} />\r\n \r\n 
\r\n
\r\n\r\n {`Hola, ${sessionContext.user.name}`}
\r\n \r\n {children}\r\n \r\n
\r\n ERROR!
\r\n }\r\n \r\n )\r\n}\r\n\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABEZVhJZk1NACoAAAAIAAGHaQAEAAAAAQAAABoAAAAAAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAA6gAwAEAAAAAQAAAA4AAAAAvfA5+gAAAEVJREFUOE9jGIng////vEB8HIjdoELEA6CmECD+CMQFUCHiAVCTARA/AuK5QMwGFYYDJihNHQC0gXSnAhWTHzjDCjAwAAD41DcmOLGxEgAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAAGzs1ytAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFqADAAQAAAABAAAAFgAAAAAcITNaAAACPUlEQVQ4Ed1Vz2sUMRT+3q5bpCBooVbwIEKPO66g9iiCJ+1RvQhji0pBqAf/Av0L9NRDoULX3kShl9JLQeypoBS6s1ZRexN/FIsgLbVsd+KXTOJkZ8YtiAcxMJuXL9/7kry8vAW8VjZ2NVQYqPUnuB5kWxnByB0crg1ifaVRgorvQ9ROlgVUr23A+u8zs2dGj2C7/QnIa+a990Y6tPVAZB4q0S4l7hIjRsvYQbgmODl6ELvtbwZozsjeaxQyzt1LzmMnU5nqzQFg57PBBcM859wvAbuc3Rjh5tQX/m7yU2g8modg1pBFItPzx1MuuAfH0v2fH8ZX+fu2C5WOjL4i/QXhRbdQGg2dLF/XWoYgrauOwBiMOzslQ/U5EFH9AW0bxvqwwz2yhAYUTEBnIKSXY0Ht+lCeLOpSAspZm6qJULy7hCuPzQNxr2SKRLdPXnumbbxtYr2x6hLlRmb6372x3Ea7AmmGdqV5k9XwNKM/wZJxion/ASW5y/SvewxjFgv/zjkYGWMdmsyKcPyUT+Oyj3uJYWHtDLzgOxzijvT1HkOsppmKT7jTRZaVpIL4KsBC5xBwV+3h1lmpigdqcwHR9Bv2PRi83Y/e7xfQ3v8SryZXMzwzLA6Fnso6B7cOAVsRi+DRnJCgTew8opnnbq5TuJtzUrI7+U7F9VI+wVOZ2pUJxeZrxjX/RBJHKyrPmAnL3PlHKOljdhzndI1+B1Apb7s1UmGlhH9D77mxH7ygFX7vCp17KmNYfkje/9Z+AhyluXOSEwuvAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAAGzs1ytAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFqADAAQAAAABAAAAFgAAAAAcITNaAAABxklEQVQ4Eb1UPUsDQRB9K2qIKW21VBsPBLHUQmxMBEEhXVIaUAgIkp+QLiholTLptRBjoa1g7WljG7EQQVEEkcR1di/3tXubDSncIpmbefNmdj4WUA+ng/kCH1ENkW8ySxipYjAmMU5xHZy3pMzwBLc57aFIubW2hFJ+FeCYihAOKHr8FD3A3zeZVPrpCAOjE6TV6f4G4ERkYLULIrBTaKvAIJYom0zEz5AumduryXKqTvDB0oN+7h7bcWfyCJkj7pvlIzgzevW84gigyNFUXypYhGtYUUTwL6lwhPSmNBjLwm1cCr/wgpRvdmUhxsXdBs1Jb5Bill6d/dL5/9GUQuaYJ5A/OFE0wKiq2d4/pgpynB6WVZMOblRLeH3/1IBCoTFn0uPIpCftYOYUdZBYp2FO2JR+3mJxwesehO34Tern0p/YKV5QA7OJBIy1KEAu0UZKndg0TiYGoe89P1GI1hF/VeS4RZEGWTYmYb2ME2fgGVhtJb6+fcBPpysJP76+MbtRQeP8xhpAL4Xisrw4h9xuDc8vb5hIp+CeVZEas7rpU6/wSpKrekVVW7+tpbAyGAD6ncQrRctA3daf2iQSuZq0NP91/gCGfK9CAUhI1QAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAAHeEJUAAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFaADAAQAAAABAAAAFQAAAAAIGxIOAAACP0lEQVQ4EcVVMWgUQRR9c1lXiyvE4tRCxaDdzJloZWHESlKKaLdzRZLKiLaCQho7O7VLmqSKkFgFU4tgo6iXBUUxioJiELE4CDkj4/+zmdnZ270EBHHgbv5/7/2//+//3AGVRyYmsoRKziKKGj0ioh1Swy6iWbbzkfq7F4W2B3cyBqxA6gtoNF+jMdTG2qs3eVBQVg6WLKdyd0nQF5D6axVX86DSk5DJx8w3B+zNPuOlI/Vbj4WZZfLO4XlmmOO4NBVbIp09aO/MP+bE5VvpRSpngx6/WCb/GpH6NvjTc7LZOFC2bgBmitwzaAx3aU5PHJU3ZSdglhxBAUtUb7BazCh9C6hdQzrb9kK2a+I6VOumxyjyi3d6aww5WtZVGCO82BmMqeQ9u1mNojaBZmvF8f5WOoWIJtjPs3BWiA4uDg5Z4cLqS2qojpW5waKQPV5hgXtWaDBJzT209n//yvvZrhSVbMJggFr4Tf1lvxTb6POJh6Jm646dtkrce8hWiBPzYZy3gXUVp1jp6bF96HQ/0QQ2IeJhtKc/2JhgnZDOZTHN8aMw3Rc0nQj1+DCezvxw+YuVdn7RVESMeM8Rn5CV3HZ4s80PZB3rbZxVVHxJvU47/ayC6Q+p5DmtzHooKFYqME8rfQon9LlQ1NdmncFJ6mQ+1BTfKTNSL9N7Ok/WDA7tvYJHdzfCAGuPXt2Nzz/vkz1GCZdpI0ZDTTkps3J8P0T3AVU9siXuUPAaVcV/NnWLCfEYJr6MdPrblubfXn8AL7Co2x5+ZtYAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABEZVhJZk1NACoAAAAIAAGHaQAEAAAAAQAAABoAAAAAAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAA6gAwAEAAAAAQAAAA4AAAAAvfA5+gAAAEZJREFUOE9jGOng////bkB8HIh5oUKEAVBxARB/BOIQqBB+AFTIBsRzgfgREBtAhTEAE5SmHgDaRppTkQFQE+mBM2wAAwMAIWg3JuTUxFcAAAAASUVORK5CYII=\"","import React, { useContext, useState } from 'react';\r\nimport { Field, Formik, Form } from 'formik';\r\nimport { Button } from 'devextreme-react/button';\r\nimport { TextBox } from 'devextreme-react/text-box';\r\nimport \"./Login.css\";\r\nimport logo from '../../img/logo_dfserver_big_blanco.png'; // with import\r\nimport { SessionContext } from '../context/SessionContext';\r\nimport { Link } from 'react-router-dom';\r\n\r\n\r\n\r\n// A custom validation function. This must return an object\r\n// which keys are symmetrical to our values/initialValues\r\nconst validate = values => {\r\n const errors = {};\r\n\r\n if (!values.password) {\r\n errors.password = 'Requerido';\r\n } else if (values.password.length > 20) {\r\n errors.password = 'Must be 20 characters or less';\r\n }\r\n\r\n if (!values.email) {\r\n errors.email = 'Requerido';\r\n } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(values.email)) {\r\n errors.email = 'Invalid email address';\r\n }\r\n\r\n return errors;\r\n};\r\n\r\n\r\nexport const Login = () => {\r\n //const loginForm = useFormik({\r\n // initialValues: {\r\n // email: '',\r\n // password: ''\r\n // },\r\n // validate,\r\n // onSubmit: values => {\r\n // alert(JSON.stringify(values, null, 2));\r\n // },\r\n //});\r\n const [loginState, setLoginState] = useState({ loading: false, email: null, password: null, result: null, message: \"\" });\r\n const { session: sessionContext, setSession: setSessionContext } = useContext(SessionContext);\r\n const DXTextInput = ({fieldName, fieldType, fieldPlaceholder, ...rest }) => (\r\n\r\n
\r\n )\r\n}\r\n","export default \"data:image/png;base64,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\"","import React from 'react'\r\nimport { Redirect, Route } from 'react-router'\r\n\r\nexport const PrivateRoute = ({\r\n children,\r\n isAuthenticated,\r\n ...rest\r\n }) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n ({ isSubmitting, ...props }) => {\r\n const hasInputError = (props.touched.password && props.errors.password) || (props.touched.email && props.errors.email);\r\n const hasFetchError = (!loginState.loading && loginState.email == props.values.email && loginState.password == props.values.password && loginState.result == null);\r\n const hasError = (hasInputError || hasFetchError);\r\n return \r\n }\r\n }\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport { Redirect, Route } from 'react-router'\r\n\r\nexport const ConditionalPrivateRoute = ({\r\n children,\r\n isAuthenticated,\r\n condition,\r\n ...rest\r\n}) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n {(dialogState.popupVisible ?\r\n null\r\n :\r\n (recoveryStep == \"start\" ?\r\n \r\n {\r\n ({ isSubmitting, ...props }) => {\r\n const hasInputError = (props.touched.email && props.errors.email);\r\n const hasFetchError = (!recoveryState.loading && recoveryState.email == props.values.email && recoveryState.result == null);\r\n const hasError = (hasInputError || hasFetchError);\r\n return \r\n }\r\n }\r\n \r\n :\r\n \r\n {\r\n ({ isSubmitting, ...props }) => {\r\n const hasInputError = (props.touched.password && props.errors.password || props.touched.passwordConfirm && props.errors.passwordConfirm);\r\n const hasFetchError = (!recoveryConfirmState.loading && recoveryConfirmState.password == props.values.password && recoveryConfirmState.result == false);\r\n const hasError = (hasInputError || hasFetchError);\r\n return \r\n }\r\n }\r\n \r\n )\r\n )}\r\n {\r\n e.component.repaint();\r\n }}\r\n visible={dialogState.popupVisible}\r\n onHiding={hideDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={dialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n minWidth=\"500px\"\r\n >\r\n {\r\n let currentUrl = history.location.pathname;\r\n let backlog = [];\r\n if (history.location.state != undefined && history.location.state.comesFrom != undefined && history.location.state.comesFrom != \"\") {\r\n backlog = history.location.state.comesFrom;\r\n }\r\n backlog.push(currentUrl)\r\n history.replace(\"./\", { comesFrom: backlog });\r\n },\r\n }}\r\n />\r\n {/*
\r\n
\r\n \r\n {dialogState.header}\r\n
\r\n\r\n {dialogState.body}\r\n
\r\n \r\n\r\n
\r\n )\r\n}\r\n","import { Popover } from 'devextreme-react'\r\nimport React, { useState } from 'react'\r\nimport imgInfo from '../../img/info.png';\r\n\r\nexport const InfoPopover = ({ content, elementId }) => {\r\n const [openState, setOpenState] = useState(false)\r\n const toggleOpenState = () => {\r\n setOpenState(!openState);\r\n }\r\n\r\n let randomElementId = Math.random().toString(36).substring(7);\r\n let elId = elementId || randomElementId;\r\n return (\r\n <>\r\n \r\n 
{ text }\r\n
\r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={createDialogState.popupVisible}\r\n onHiding={hideCreateDialog}\r\n \r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={createDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, ...props }) => {\r\n const hasInputError = (props.touched.password && props.errors.password) || (props.touched.email && props.errors.email);\r\n const hasFetchError = (!createUserState.loading && createUserState.email == props.values.email && createUserState.name == props.values.name && createUserState.type == props.values.type && (createUserState.result == null || createUserState.error) );\r\n const hasError = (hasInputError || hasFetchError);\r\n return \r\n }\r\n }\r\n \r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={editDialogState.popupVisible}\r\n onHiding={hideEditDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={editDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n minWidth=\"650px\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, setFieldValue, ...props }) => {\r\n const hasInputError = (props.touched.password && props.errors.password) || (props.touched.email && props.errors.email);\r\n const hasFetchError = (!editUserState.loading && editUserState.email == props.values.email && editUserState.name == props.values.name && editUserState.type == props.values.type && (createUserState.result == null || createUserState.error));\r\n const hasError = (hasInputError || hasFetchError);\r\n return \r\n }\r\n }\r\n \r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={mailDialogState.popupVisible}\r\n onHiding={hideMailDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={mailDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"600px\"\r\n >\r\n {\r\n hideMailDialog();\r\n },\r\n }}\r\n />\r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={genericDialogState.popupVisible}\r\n onHiding={hideGenericDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={genericDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n {\r\n e.component.repaint();\r\n }}\r\n visible={lopdDialogState.popupVisible}\r\n onHiding={hideLopdDialog}\r\n\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={lopdDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"400\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, ...props }) => {\r\n const hasInputError = (props.touched.passwordDuration && props.errors.passwordDuration) || (props.touched.passwordRotation && props.errors.passwordRotation);\r\n const hasFetchError = (!lopdState.loading && lopdState.useLopd == props.values.useLopd && lopdState.passwordDuration == props.values.passwordDuration && lopdState.passwordRotation == props.values.passwordRotation && (lopdState.result == null || lopdState.error));\r\n const hasError = (hasInputError || hasFetchError);\r\n return \r\n }\r\n }\r\n \r\n \r\n
\r\n )\r\n}\r\n","import { Button, ColorBox, DataGrid, Popup, SelectBox, TextBox } from 'devextreme-react'\r\nimport React, { useRef, useState } from 'react'\r\nimport useWindowSize from '../../hooks/useWindowSizze'\r\nimport CustomStore from 'devextreme/data/custom_store';\r\nimport { Column, Button as DGButton, Editing, SearchPanel, Toolbar, Item, Scrolling, LoadPanel as DGLoadPanel } from 'devextreme-react/data-grid';\r\nimport \"./States.css\";\r\nimport imgDelete from '../../img/delete.png';\r\nimport imgEdit from '../../img/edit.png';\r\nimport imgGoBack from '../../img/go_back.png';\r\nimport check_rounded_big from '../../img/check_rounded_big.png';\r\nimport { Link, useHistory } from 'react-router-dom';\r\nimport { Position, ToolbarItem } from 'devextreme-react/popover';\r\nimport { Field, Form, Formik } from 'formik';\r\nimport { BackButton } from '../common/BackButton';\r\nimport { InfoPopover } from '../common/InfoPopover';\r\nimport imgSpinner from '../../img/spinner.gif';\r\n\r\nexport const States = () => {\r\n\r\n let history = useHistory();\r\n\r\n const editFormRef = useRef()\r\n\r\n const [createStateState, setCreateStateState] = useState({ loading: false, foreColor: null, name: null, bgColor: null, error: false, result: null });\r\n const [editStateState, setEditStateState] = useState({ id: -1, loading: false, foreColor: null, name: null, bgColor: null, error: false, result: null });\r\n const [stateCountState, setStateCountState] = useState(0);\r\n\r\n const [createDialogState, setCreateDialogState] = useState({\r\n title: \"\",\r\n header: \"\",\r\n body: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showCreateDialog = (title, header, body) => {\r\n setCreateDialogState({\r\n title: title,\r\n header: header,\r\n body: body,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n }\r\n const hideCreateDialog = () => {\r\n setCreateDialogState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n\r\n const [editDialogState, setEditDialogState] = useState({\r\n id: -1,\r\n name: \"\",\r\n bgColor: \"\",\r\n foreColor: \"\",\r\n title: \"\",\r\n header: \"\",\r\n body: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showEditDialog = (title, id, name, bgColor, foreColor) => {\r\n setEditDialogState({\r\n id: id,\r\n name: name,\r\n bgColor: bgColor,\r\n foreColor: foreColor,\r\n title: title,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n if (editFormRef != undefined && editFormRef != null && editFormRef.current != undefined && editFormRef.current != null) {\r\n editFormRef.current.setFieldValue(\"name\", name, false);\r\n editFormRef.current.setFieldValue(\"foreColor\", foreColor, false);\r\n editFormRef.current.setFieldValue(\"bgColor\", bgColor, false);\r\n }\r\n \r\n }\r\n const hideEditDialog = () => {\r\n setEditDialogState({\r\n id: -1,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n const [mailDialogState, setMailDialogState] = useState({\r\n title: \"\",\r\n header: \"\",\r\n body: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showMailDialog = (title, target) => {\r\n setMailDialogState({\r\n title: title,\r\n target: target,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n }\r\n const hideMailDialog = () => {\r\n setMailDialogState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n const [genericDialogState, setGenericDialogState] = useState({\r\n title: \"\",\r\n body: \"\",\r\n okText: \"\",\r\n koText: \"\",\r\n okCallback: () => {\r\n\r\n },\r\n koCallback: () => {\r\n\r\n },\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showGenericDialog = (title, body, okText, koText, okCallback, koCallback) => {\r\n setGenericDialogState({\r\n title: title,\r\n body: body,\r\n okText: okText,\r\n koText: koText,\r\n okCallback: okCallback,\r\n koCallback: koCallback,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n }\r\n const hideGenericDialog = () => {\r\n setGenericDialogState({\r\n title: \"\",\r\n body: \"\",\r\n okText: \"\",\r\n koText: \"\",\r\n okCallback: () => {\r\n\r\n },\r\n koCallback: () => {\r\n\r\n },\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n const DXTextInput = ({ fieldName, fieldType, fieldPlaceholder, ...rest }) => (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n - \r\n
{\r\n event.element.classList.remove(\"dx-state-active\");\r\n event.element.classList.remove(\"dx-state-focused\");\r\n showLopdDialog(\"Configuración de RGPD\", \"otro hola\", \"mashola\");\r\n }\r\n }\r\n />\r\n \r\n - \r\n
{\r\n event.element.classList.remove(\"dx-state-active\");\r\n event.element.classList.remove(\"dx-state-focused\");\r\n showCreateDialog(\"Nuevo usuario\", \"otro hola\", \"mashola\");\r\n }\r\n }\r\n />\r\n \r\n \r\n {\r\n return rowData.userType == 2 ? \"Admin\" : (rowData.userType == 1 ? \"Usuario con permisos\" : \"Usuario sin permisos\");\r\n }}\r\n />\r\n \r\n {/* {\r\n showEditDialog(\"Editar usuario\", e.row.data.id, e.row.data.name, e.row.data.mail, e.row.data.userType);\r\n }}\r\n render= {(data) => {\r\n return ![]({imgEdit} "\\"Editar")
\r\n }\r\n }\r\n />\r\n {\r\n {\r\n return sessionContext.user.id != e.row.data.id\r\n }\r\n }}\r\n text=\"Eliminar\"\r\n stylingMode=\"outlined\"\r\n type=\"success\"\r\n icon={imgDelete}\r\n hint=\"Eliminar usuario\"\r\n onClick={(e) => {\r\n showGenericDialog(\"Eliminar usuario\", [`¿Estás seguro de que deseas eliminar el usuario `, <>{e.row.data.name}?
, \"Este usuario dejará de tener acceso a DF-Gest de inmediato y todos los trámites asignados a él pasarán a 'No Asignado'.\"], \"Si, eliminar\", \"No, cancelar\", () => { deleteUser(e.row.data.id); hideGenericDialog() }, () => { hideGenericDialog() })\r\n }}\r\n render={(data) => {\r\n return![]({imgDelete} "\\"Eliminar")
\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n Usuarios
\r\n({userCountState} usuarios)
\r\n \r\n \r\n, \"Este usuario dejará de tener acceso a DF-Gest de inmediato y todos los trámites asignados a él pasarán a 'No Asignado'.\"], \"Si, eliminar\", \"No, cancelar\", () => { deleteUser(e.row.data.id); hideGenericDialog() }, () => { hideGenericDialog() })\r\n }}\r\n render={(data) => {\r\n return
\r\n Hemos enviado un correo electrónico al usuario que acabas de crear.\r\n
\r\n\r\n {mailDialogState.target}\r\n
\r\n\r\n En él recibirá las instrucciones para acceder a la plataforma.\r\n
\r\nSi te has equivocado de correo electrónico, elimina el usuario y crea uno nuevo.
\r\n \r\n\r\n {genericDialogState.body}\r\n
\r\n \r\n{data.column.caption}
\r\n }\r\n\r\n return (\r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={createDialogState.popupVisible}\r\n onHiding={hideCreateDialog}\r\n \r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={createDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n minWidth=\"400\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, ...props }) => {\r\n const hasInputError = (props.touched.name && props.errors.name);\r\n const hasFetchError = (!createStateState.loading && createStateState.email == props.values.email && createStateState.name == props.values.name && createStateState.type == props.values.type && (createStateState.result == null || createStateState.error) );\r\n const hasError = (hasInputError || hasFetchError);\r\n return \r\n }\r\n }\r\n \r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={editDialogState.popupVisible}\r\n onHiding={hideEditDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={editDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n minWidth=\"400\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, setFieldValue, ...props }) => {\r\n const hasInputError = (props.touched.password && props.errors.password) || (props.touched.email && props.errors.email);\r\n const hasFetchError = (!editStateState.loading && editStateState.email == props.values.email && editStateState.name == props.values.name && editStateState.type == props.values.type && (createStateState.result == null || createStateState.error));\r\n const hasError = (hasInputError || hasFetchError);\r\n return \r\n }\r\n }\r\n \r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={mailDialogState.popupVisible}\r\n onHiding={hideMailDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={mailDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n {\r\n hideMailDialog();\r\n },\r\n }}\r\n />\r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={genericDialogState.popupVisible}\r\n onHiding={hideGenericDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={genericDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n
\r\n )\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAACt0lEQVRIDe1VTWgTQRT+ZhOTJuLFVvwDI6JYYSf9g4KKIvXgvaVYxN3GHkrPJQheSg4FwZMehCJYQi00SqvoRRGhlVYRjH9R0frTKoiVxoM92EjT7Ppm0p1k2UoreJIOLPPN97733syb4S3wp8GkgZvdYGzGJfKhNnYEVdFBbKnNuSyrWDSaldANexXKv5X4pAM3z2JzzTwi9Qwb+QnMZtKAfvK+NIrETnLdGC1m0Nt7VSrdGFL4n4BiFctDcaOHlnVU1TFY2A+GH3g50OVIlsrefgqB4B08uTSDRELD8MeCI8CrK0XNwY4NmFuMKR7cfKgWujkuT8rNy4rjxl2BvVsSrG5GyXIYTEsjk3wkqP9puA9db+zDAoboDsZhI0cHb4JPi+N5csx7aN2cQEPnOmngxiBV6qIScfOpwhLoxgNF6EZW3kHx1d1SPDfvCaxJIuRrUQagSmHG9igcqGgTuOiwUDiAaOyQNAZD25SocheXmMeqsfCrPCjRDZ1h+TzqOkoOrYkAcTfJttUJ4q6SYIVo8tMxMCsMOzyKTN+sI16bV1cBb1GX8xOFfjNVDU2LwLYidNlZ2NpnoGJqpaIvnyAaXw8rewbMbqJ8w/D7U3jW/9WTW97wdAtsu42+eQRD3bLtlAndCWqMZlgsTjs8jRcDE0rHjVbYLAXatuIYmyNdI+neKU48UNu6QLob1Mv6BF9KIDp1yH8cj5PflIMA0Y69sPJvXVxp8Z0CbSotl5D41fzENbweOFq2I18SucJI+auX8kz/JLWD254ggtBw3sOL7pvDVWjsurCVTuAoxT9y0eolyzgCFT1U07w0iXY+Mk39HzvJOUM9573jImfd6KKNdFIjPkeNmMpZHN4EjkXMoqHlQfVHMwWepv18ofkD/WC2k3UH4d00p6nJpZZvciLI2lihAr8BDdvBpXeXHSMAAAAASUVORK5CYII=\"","import { Button, DataGrid, DropDownButton, List, Popup, SelectBox, TextBox } from 'devextreme-react'\r\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\r\nimport useWindowSize from '../../hooks/useWindowSizze'\r\nimport CustomStore from 'devextreme/data/custom_store';\r\nimport { Column, Button as DGButton, Editing, SearchPanel, Toolbar, Item, Scrolling, LoadPanel as DGLoadPanel, Sorting } from 'devextreme-react/data-grid';\r\nimport \"./Procedures.css\";\r\nimport imgDelete from '../../img/delete.png';\r\nimport imgEdit from '../../img/edit.png';\r\nimport imgView from '../../img/ver.png';\r\nimport imgGoBack from '../../img/go_back.png';\r\nimport check_rounded_big from '../../img/check_rounded_big.png';\r\nimport { Link, useHistory, useLocation } from 'react-router-dom';\r\nimport Popover, { Position, ToolbarItem } from 'devextreme-react/popover';\r\nimport { Field, Form, Formik } from 'formik';\r\nimport { BackButton } from '../common/BackButton';\r\nimport imgSpinner from '../../img/spinner.gif';\r\n\r\nexport const Procedures = () => {\r\n const [newSubmenuOpenState, setNewSubmenuOpenState] = useState(false)\r\n const toggleNewSubmenuOpenState = () => {\r\n setNewSubmenuOpenState(!newSubmenuOpenState);\r\n }\r\n const location = useLocation();\r\n const history = useHistory();\r\n const editFormRef = useRef();\r\n\r\n\r\n const [createProcedureState, setCreateProcedureState] = useState({ loading: false, email: null, name: null, type: null, error: false, result: null });\r\n const [editProcedureState, setEditProcedureState] = useState({ id: -1, loading: false, email: null, name: null, type: null, error: false, result: null });\r\n const [procedureCountState, setProcedureCountState] = useState(0);\r\n const [defaultProceduresState, setDefaultProceduresState] = useState([]);\r\n const [createDefaultProcedureState, setCreateDefaultProcedureState] = useState({ loading: false, error: false, result: null });\r\n\r\n\r\n const [mailDialogState, setMailDialogState] = useState({\r\n title: \"\",\r\n header: \"\",\r\n body: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showMailDialog = (title, target) => {\r\n setMailDialogState({\r\n title: title,\r\n target: target,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n }\r\n const hideMailDialog = () => {\r\n setMailDialogState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n const [defaultProcedureDialogState, setDefaultProcedureDialogState] = useState({\r\n title: \"\",\r\n header: \"\",\r\n body: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showDefaultProcedureDialog = (title) => {\r\n setDefaultProcedureDialogState({\r\n title: title,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n }\r\n const hideDefaultProcedureDialog = () => {\r\n setDefaultProcedureDialogState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n\r\n const [importSucessDialogState, setImportSucessDialogState] = useState({\r\n title: \"\",\r\n header: \"\",\r\n body: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showImportSucessDialog = (title) => {\r\n setImportSucessDialogState({\r\n title: title,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n }\r\n const hideImportSucessDialog = () => {\r\n setImportSucessDialogState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n const [importDialogValueState, setImportDialogValueState] = useState(\"\");\r\n const [importDialogObjectState, setImportDialogObjectState] = useState(null);\r\n const [importDialogState, setImportDialogState] = useState({\r\n title: \"\",\r\n header: \"\",\r\n body: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showImportDialog = async (title) => {\r\n setImportDialogValueState(\"\");\r\n setImportDialogObjectState(null);\r\n if (navigator.clipboard.readText) {\r\n const text = await navigator.clipboard.readText();\r\n let b64Parsed = \"\";\r\n let jsonParsed = \"\";\r\n try {\r\n b64Parsed = atob(text)\r\n jsonParsed = JSON.parse(b64Parsed);\r\n setImportDialogValueState(text);\r\n console.log(jsonParsed);\r\n if (jsonParsed.Id == undefined || jsonParsed.Data == undefined || jsonParsed.Docs == undefined || jsonParsed.Name == undefined || jsonParsed.States == undefined) {\r\n //El código es inválido\r\n } else {\r\n setImportDialogObjectState(jsonParsed);\r\n }\r\n } catch (err) {\r\n\r\n }\r\n }\r\n setImportDialogState({\r\n title: title,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n }\r\n const hideImportDialog = () => {\r\n setImportDialogState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n const DXTextInput = ({ fieldName, fieldType, fieldPlaceholder, ...rest }) => (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n - \r\n
{\r\n event.element.classList.remove(\"dx-state-active\");\r\n event.element.classList.remove(\"dx-state-focused\");\r\n showCreateDialog(\"Nuevo estado\", \"otro hola\", \"mashola\");\r\n }\r\n }\r\n />\r\n \r\n \r\n {\r\n return rowData.id <= 99 ? true : false;\r\n }}\r\n />\r\n \r\n {/* {\r\n return e.row.data.id >= 100; //rowData.id >= 100\r\n }}\r\n text=\"Editar\"\r\n stylingMode=\"outlined\"\r\n type=\"success\"\r\n icon={imgEdit}\r\n hint=\"Editar estado\"\r\n onClick={(e) => {\r\n showEditDialog(\"Editar estado\", e.row.data.id, e.row.data.name, e.row.data.bgColor, e.row.data.foreColor);\r\n }}\r\n render={(data) => {\r\n return \r\n }\r\n }\r\n />\r\n {\r\n return e.row.data.id >= 100;\r\n }}\r\n text=\"Eliminar\"\r\n stylingMode=\"outlined\"\r\n type=\"success\"\r\n icon={imgDelete}\r\n hint=\"Eliminar estado\"\r\n onClick={(e) => {\r\n showGenericDialog(\"Eliminar estado\", [`¿Estás seguro de que deseas eliminar el estado `, <>{e.row.data.name}?
, \"Esta acción es irreversible y los trámites que estén en este estado pasarán a 'Sin Estado.'\"], \"Si, eliminar\", \"No, cancelar\", () => { deleteState(e.row.data.id); hideGenericDialog() }, () => { hideGenericDialog() })\r\n }}\r\n render={(data) => {\r\n return\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n Estados
\r\n({stateCountState} estados)
\r\n \r\n \r\n, \"Esta acción es irreversible y los trámites que estén en este estado pasarán a 'Sin Estado.'\"], \"Si, eliminar\", \"No, cancelar\", () => { deleteState(e.row.data.id); hideGenericDialog() }, () => { hideGenericDialog() })\r\n }}\r\n render={(data) => {\r\n return
\r\n Hemos enviado un correo electrónico al estado que acabas de crear.\r\n
\r\n\r\n {mailDialogState.target}\r\n
\r\n\r\n En él recibirá las instrucciones para acceder a la plataforma.\r\n
\r\nSi te has equivocado de correo electrónico, elimina el estado y crea uno nuevo.
\r\n \r\n\r\n {genericDialogState.body}\r\n
\r\n \r\n{stateName}
\r\n }, []);\r\n const verButtonRenderer = useCallback((data) => {\r\n return \r\n {\r\n setNewSubmenuOpenState(false);\r\n }}\r\n width={200}\r\n visible={newSubmenuOpenState}\r\n onContentReady={\r\n (args) => {\r\n var html = args.component.content();\r\n html.style.padding = 0;\r\n html.style.borderRadius = \"8px\";\r\n }\r\n }\r\n >\r\n {\r\n if (e.itemData.id == 0) {\r\n history.push(\"./procedure/-1\");\r\n setNewSubmenuOpenState(false);\r\n } else {\r\n showDefaultProcedureDialog(\"Tipos de trámite predeterminados\");\r\n setNewSubmenuOpenState(false);\r\n }\r\n }}\r\n allowItemDeleting={false}>\r\n \r\n \r\n\r\n {\r\n e.component.repaint();\r\n }}\r\n visible={mailDialogState.popupVisible}\r\n onHiding={hideMailDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={mailDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n {\r\n hideMailDialog();\r\n },\r\n }}\r\n />\r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={defaultProcedureDialogState.popupVisible}\r\n onHiding={hideDefaultProcedureDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={defaultProcedureDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n {\r\n hideDefaultProcedureDialog();\r\n },\r\n }}\r\n />\r\n {\r\n if (e.itemData.contenido != null && e.itemData.contenido != \"\") {\r\n await importProcedure(e.itemData.contenido);\r\n }\r\n }}\r\n allowItemDeleting={false}>\r\n \r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={importSucessDialogState.popupVisible}\r\n onHiding={hideImportSucessDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={importSucessDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n {\r\n hideImportSucessDialog();\r\n },\r\n }}\r\n />\r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={importDialogState.popupVisible}\r\n onHiding={hideImportDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={importDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n {\r\n await importProcedure(importDialogValueState);\r\n hideImportDialog();\r\n },\r\n }}\r\n />\r\n {\r\n hideImportDialog();\r\n },\r\n }}\r\n />\r\n {(navigator.clipboard != undefined && navigator.clipboard.readText != undefined && importDialogValueState!=\"\" && importDialogObjectState!=null ?\r\n <>\r\n
\r\n )\r\n}\r\n","import { CheckBox, List } from 'devextreme-react';\r\nimport { ItemDragging } from 'devextreme-react/list';\r\nimport React from 'react'\r\nimport { disable } from 'workbox-navigation-preload';\r\nimport \"./ProcedureStateChooser.css\";\r\n\r\nexport const ProcedureStateChooser = ({ itemsState, setItemsState, disabled }) => {\r\n\r\n const onDragStart=(e) => {\r\n e.itemData = itemsState[e.fromIndex];\r\n }\r\n\r\n const onAdd = (e) => {\r\n const tasks = itemsState;\r\n setItemsState(\r\n [...tasks.slice(0, e.toIndex), e.itemData, ...tasks.slice(e.toIndex)],\r\n );\r\n }\r\n\r\n const onRemove = (e) => {\r\n const tasks = itemsState;\r\n setItemsState(\r\n [...tasks.slice(0, e.fromIndex), ...tasks.slice(e.fromIndex + 1)],\r\n );\r\n }\r\n\r\n const onReorder = (e) => {\r\n const tasks = itemsState;\r\n const tmpTasks = [...tasks.slice(0, e.fromIndex), ...tasks.slice(e.fromIndex + 1)];\r\n setItemsState(\r\n [...tmpTasks.slice(0, e.toIndex), e.itemData, ...tmpTasks.slice(e.toIndex)],\r\n );\r\n }\r\n const onCheckChanged = (itemData, check, value) => {\r\n const tasks = itemsState;\r\n const task = tasks.find((e) => e.state.id == itemData.state.id);\r\n const taskIndex = tasks.indexOf(task);\r\n if (check == \"shown\") {\r\n if (!task.initial) {\r\n task[check] = value;\r\n }\r\n }else if (check == \"initial\") {\r\n if (value) {\r\n tasks.map((e) => {\r\n e[\"initial\"] = false;\r\n });\r\n task[check] = value;\r\n }\r\n } else {\r\n task[check] = value;\r\n }\r\n setItemsState(\r\n [...tasks.slice(0, taskIndex), task, ...tasks.slice(taskIndex+1)],\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n - \r\n
\r\n - \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Tipos de trámites
\r\n({procedureCountState} trámites)
\r\n \r\n\r\n Hemos enviado un correo electrónico al trámite que acabas de crear.\r\n
\r\n\r\n {mailDialogState.target}\r\n
\r\n\r\n En él recibirá las instrucciones para acceder a la plataforma.\r\n
\r\nSi te has equivocado de correo electrónico, elimina el trámite y crea uno nuevo.
\r\n \r\n\r\n Elige un tipo de trámite predeterminado y se creará automáticamente.\r\n
\r\n\r\n Se ha creado el tipo de trámite satisfactoriamente.\r\n
\r\nPuedes modificar el trámite desde el listado que se muestra en esta misma ventana.
\r\n \r\n\r\n Pulsa el botón importar para confirmar la importación del código de importación que se muestra a continuación:\r\n
\r\n\r\n
\r\n \r\n \r\n :\r\n <>\r\n \r\n Nombre: {importDialogObjectState.Name}\r\n
\r\n \r\n Datos: {importDialogObjectState.Data.length}\r\n
\r\n \r\n Documentos: {importDialogObjectState.Docs.length}\r\n
\r\n \r\n No se ha encontrado ningún código de importación de tipo de trámite en el portapapeles.\r\n
\r\nSi has copiado un código de importación es posible que debas permitir al navegador el acceso al portapapeles.
\r\n \r\n )}\r\n \r\n\r\n (\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAAGWB6gOAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAADpElEQVRYCcWYz2sTQRTH30yibVJBuq1aC570ouBFxNqKJ/HHpYiCN0EPHppexD/BfyKKt17FUxW0xUtBLXjwoFhBQcSDFW2SgyZRSXacN+0bZ3ZmNrsJ1AGdmTff932fzGZ2NwVIa83qqLDWW3ejaSEbLXBcFbF48WfllhYyHJFCR70D9COl9oLSHiVmqpo0p1SOlWji7dGL/EigcGiSXByZb6h1VRxFJBi6+JBydEyJSICrhclTwMoTjlAHMg1a96IZ05WSNBMGREc8xz4p1CLcLBT4mhbRBpYrdaUz3ZQozQUzlIhckqXIjfdywURG6qQLzRljP6xrRwtm36qOduVXlDPGp8qV2ktzzRynGiVJGGcz5bn6qmlA46BR0kQnBMz0NSEh9qbJ0OVlwH987zElwV33baxjZJpgJt99EAr7jkP87ZUywv98ZpZR0gSTOh8eYOe0pJneI5+JyuY7gQ1HIFpfHTMM0AVQRkETVA6PQWHiBHQ/PcaZt6GZ+mgMWPju8auWbiI/Pee85q3QT1DvkS+5VY1OChCrUtQpzzd2+DQUs64aBalHExzLI1L0fXdIh33QCO9PpjB0/EkTNKJ7GAmxT6PyGoUS0qi8RmkJoSKOkSnEg0qHlj5iqIhjZApFc10dWDy0ZjOLUdwySgrQCJto2ufMLOY18glQGG+8Jr3uk0U1UXJBZyijN+ZUjZNFtVFywcyMN1wjXDeLFykgjcxcPW4vHAHR/q7n5mCruDqviihEw/dPQ+naGpTn/EZoSlTqMIZo4vVV+L10Hbqfn5og1pioivJlLHzrkyndj4tWYmjCC6IwxRh0Q4JecblBz1CTemPrZYLr7Wp0Q16m20rL4aZ8EvsfO1nMpGYgoOadaBmEOGvVYmxppFK/YMVyTPoG8sJQ4QGg+gJKhRkQKjdQJpgBoHIB5YLpEyozUF8wfUBlAgrBsPGjULqyQmVV375/GkTtrRVTk4xfdP30cB02IyEYXBX1d1aaiLsSZs2K6YkQ56XXEz0PDFKBmtVoybnPmEZxB+LGex3Z3Bn/00yJMkAFgRQMiHO6WmAQ1//tiO/NwEnrAeUFygqDxWLjEmUCwqQUKAcoD4zyNr7AoTcV1DktAGUB5YXBRyE/cEa+6WxA/PML4AtLruaB0kD5YWRp+Yee4qFLwErjwHdNQvHwVfkzJPXXjsubgFL3IflXgUV5NmZd9TZGGDwaqTRmt3aIjW1jaW8p+fP3vzN4wf4C0RPSNCqV42wAAAAASUVORK5CYII=\"","import { Button, CheckBox, List, Popup, TextBox } from 'devextreme-react';\r\nimport { ItemDragging } from 'devextreme-react/list';\r\nimport { Position, ToolbarItem } from 'devextreme-react/popup';\r\nimport { Field, Form, Formik } from 'formik';\r\nimport React, { useRef, useState } from 'react'\r\nimport \"./ProcedureDataChooser.css\";\r\nimport imgDelete from '../../img/delete.png';\r\nimport imgEdit from '../../img/edit.png';\r\nimport { InfoPopover } from '../common/InfoPopover';\r\nimport warning_big from '../../img/warning.png';\r\n\r\nexport const ProcedureDataChooser = ({ itemsState, setItemsState, withMandatory, withSync, isRemote, disabled, headerText, registryCount }) => {\r\n\r\n\r\n const editFormRef = useRef();\r\n const createFormRef = useRef();\r\n\r\n const [createDataState, setCreateDataState] = useState({ loading: false, mandatory: null, name: null, sync: null, isPlate: null, isChassis: null, error: false, result: null });\r\n const [editDataState, setEditDataState] = useState({ id: -1, loading: false, mandatory: null, name: null, sync: null, isPlate: null, isChassis: null, error: false, result: null });\r\n const [createDataDialogState, setCreateDataDialogState] = useState({\r\n title: \"\",\r\n header: \"\",\r\n body: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showCreateDialog = () => {\r\n setCreateDataDialogState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n if (createFormRef != undefined && createFormRef != null && createFormRef.current != undefined && createFormRef.current != null) {\r\n createFormRef.current.setFieldValue(\"name\", \"\", false);\r\n createFormRef.current.setFieldValue(\"mandatory\", false, false);\r\n createFormRef.current.setFieldValue(\"sync\", false, false);\r\n createFormRef.current.setFieldValue(\"isPlate\", false, false);\r\n createFormRef.current.setFieldValue(\"isChassis\", false, false);\r\n }\r\n }\r\n const hideCreateDialog = () => {\r\n setCreateDataDialogState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n const [editDataDialogState, setEditDataDialogState] = useState({\r\n id: 0,\r\n title: \"\",\r\n header: \"\",\r\n body: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showEditDialog = (id) => {\r\n setEditDataDialogState({\r\n id: id,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n if (editFormRef != undefined && editFormRef != null && editFormRef.current != undefined && editFormRef.current != null) {\r\n let editingObject = itemsState.find((e) => e.id == id);\r\n if (editingObject != undefined && editingObject != null) {\r\n editFormRef.current.setFieldValue(\"name\", editingObject.name, false);\r\n editFormRef.current.setFieldValue(\"sync\", editingObject.sync, false);\r\n editFormRef.current.setFieldValue(\"mandatory\", editingObject.mandatory, false);\r\n editFormRef.current.setFieldValue(\"isPlate\", editingObject.isPlate, false);\r\n editFormRef.current.setFieldValue(\"isChassis\", editingObject.isChassis, false);\r\n } else {\r\n hideEditDialog();\r\n }\r\n }\r\n }\r\n const hideEditDialog = () => {\r\n setEditDataDialogState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n const validateCreateData = values => {\r\n const errors = {};\r\n\r\n if (!values.name) {\r\n errors.name = 'Requerido';\r\n } else if (values.name.length > 150) {\r\n errors.name = 'Must be 150 characters or less';\r\n }\r\n\r\n return errors;\r\n };\r\n\r\n const DXTextInput = ({ fieldName, fieldType, fieldPlaceholder, ...rest }) => (\r\n Estados que se mostrarán en el trámite
\r\nSelecciona los estados a mostrar en este tipo de trámite y ordénalos arrastrándolos a la posición deseada. Selecciona el estado inicial (solo puedes seleccionar uno). El estado “Finalizado” será obligatorio y el estado final de todos los tipos de trámite.
\r\n\r\n
\r\n Nombre del estado
\r\n Estados a mostrar
\r\n Estado inicial
\r\n Estado final
\r\n \r\n {item.state.name}\r\n
\r\n )}\r\n >\r\n {(item.state.id != 6 && item.state.id != 1) && !item.inital ? { onCheckChanged(item, \"shown\", e.value) }} /> : null}
\r\n {(item.state.id != 6 && item.state.id != 1) && item.shown ? { onCheckChanged(item, \"initial\", e.value) }} /> : null }
\r\n {item.state.id == 6 ?
\r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={createDataDialogState.popupVisible}\r\n onHiding={hideCreateDialog}\r\n\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title=\"Nuevo dato\"\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n minWidth=\"400\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, ...props }) => {\r\n const hasInputError = (props.touched.name && props.errors.name) || (props.touched.sync && props.errors.sync) || (props.touched.mandatory && props.errors.mandatory);\r\n //const hasFetchError = (!createDataState.loading && createDataState.email == props.values.email && createDataState.name == props.values.name && createDataState.type == props.values.type && (createDataState.result == null || createDataState.error));\r\n const hasError = (hasInputError);\r\n return \r\n }\r\n }\r\n \r\n \r\n\r\n\r\n {\r\n e.component.repaint();\r\n }}\r\n visible={editDataDialogState.popupVisible}\r\n onHiding={hideEditDialog}\r\n\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title=\"Editar dato\"\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n minWidth=\"400\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, ...props }) => {\r\n const hasInputError = (props.touched.name && props.errors.name) || (props.touched.sync && props.errors.sync) || (props.touched.mandatory && props.errors.mandatory);\r\n //const hasFetchError = (!editDataState.loading && editDataState.email == props.values.email && editDataState.name == props.values.name && editDataState.type == props.values.type && (editDataState.result == null || editDataState.error));\r\n const hasError = (hasInputError);\r\n return \r\n }\r\n }\r\n \r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={genericDialogState.popupVisible}\r\n onHiding={hideGenericDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={genericDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n
\r\n )\r\n}\r\n","import { Button, CheckBox, List, Popup, TextBox } from 'devextreme-react';\r\nimport { ItemDragging } from 'devextreme-react/list';\r\nimport { Position, ToolbarItem } from 'devextreme-react/popup';\r\nimport { Field, Form, Formik } from 'formik';\r\nimport React, { useRef, useState } from 'react'\r\nimport \"./ProcedureDocChooser.css\";\r\nimport imgDelete from '../../img/delete.png';\r\nimport imgEdit from '../../img/edit.png';\r\nimport warning_big from '../../img/warning.png';\r\n\r\nexport const ProcedureDocChooser = ({ itemsState, setItemsState, isRemote, disabled, headerText, registryCount }) => {\r\n\r\n\r\n const editFormRef = useRef();\r\n const createFormRef = useRef();\r\n\r\n const [createDocState, setCreateDocState] = useState({ loading: false, mandatory: null, name: null, error: false, result: null });\r\n const [editDocState, setEditDocState] = useState({ id: -1, loading: false, mandatory: null, name: null, error: false, result: null });\r\n const [createDocDialogState, setCreateDocDialogState] = useState({\r\n title: \"\",\r\n header: \"\",\r\n body: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showCreateDialog = () => {\r\n setCreateDocDialogState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n if (createFormRef != undefined && createFormRef != null && createFormRef.current != undefined && createFormRef.current != null) {\r\n createFormRef.current.setFieldValue(\"name\", \"\", false);\r\n createFormRef.current.setFieldValue(\"mandatory\", false, false);\r\n }\r\n }\r\n const hideCreateDialog = () => {\r\n setCreateDocDialogState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n const [editDocDialogState, setEditDocDialogState] = useState({\r\n id: 0,\r\n title: \"\",\r\n header: \"\",\r\n body: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showEditDialog = (id) => {\r\n setEditDocDialogState({\r\n id: id,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n if (editFormRef != undefined && editFormRef != null && editFormRef.current != undefined && editFormRef.current != null) {\r\n let editingObject = itemsState.find((e) => e.id == id);\r\n if (editingObject != undefined && editingObject != null) {\r\n editFormRef.current.setFieldValue(\"name\", editingObject.name, false);\r\n editFormRef.current.setFieldValue(\"mandatory\", editingObject.mandatory, false);\r\n } else {\r\n hideEditDialog();\r\n }\r\n }\r\n }\r\n const hideEditDialog = () => {\r\n setEditDocDialogState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n const validateCreateDoc = values => {\r\n const errors = {};\r\n\r\n if (!values.name) {\r\n errors.name = 'Requerido';\r\n } else if (values.name.length > 150) {\r\n errors.name = 'Must be 150 characters or less';\r\n }\r\n\r\n return errors;\r\n };\r\n\r\n const DXTextInput = ({ fieldName, fieldType, fieldPlaceholder, ...rest }) => (\r\n {headerText}
\r\nAñadir nuevo dato
\r\n\r\n \r\n
\r\n {itemsState.length > 0 ?\r\n itemsState.map((e) => {\r\n return Nombre
\r\n {(withMandatory ?\r\n Obligatorio
\r\n :\r\n )\r\n }\r\n {(withSync ?\r\n Sincronizable
\r\n :\r\n )\r\n }\r\n \r\n \r\n
\r\n })\r\n :\r\n \r\n {e.name}\r\n {withMandatory ?\r\n
\r\n {(e.mandatory ? \"Sí\" : \"No\")}
\r\n :\r\n \r\n }\r\n {withSync ?\r\n {(e.sync ? \"Sí\" : \"No\")}
\r\n :\r\n \r\n }\r\n \r\n \r\n showEditDialog(e.element.dataset.id)}\r\n />\r\n {\r\n showGenericDialog(\"Eliminar dato\", [`¿Estás seguro de que deseas eliminar el dato `, <>{e.name}?
, \"Los datos asignados a trámites de este tipo dejarán de estar disponibles permanentemente.\"], \"Si, eliminar\", \"No, cancelar\", () => {\r\n hideGenericDialog();\r\n showGenericDialog(\"Eliminar dato\",\r\n [
,\r\n
\r\n , \"Los datos asignados a trámites de este tipo dejarán de estar disponibles permanentemente.\"], \"Si, eliminar\", \"No, cancelar\", () => {\r\n hideGenericDialog();\r\n showGenericDialog(\"Eliminar dato\",\r\n [
\r\n Eliminar la entrada de dato '{e.name}' afectará a {registryCount} trámites.\r\n
,\r\n¿Sigues estando seguro de eliminar la entrada de dato {e.name}?
\r\n ], \"Eliminar permanentemente\", \"Cancelar\", () => {\r\n deleteData(e.id);\r\n hideGenericDialog();\r\n }, () => { hideGenericDialog() })\r\n }, () => { hideGenericDialog() })\r\n }}\r\n />\r\nSin datos
\r\n }\r\n \r\n \r\n {genericDialogState.body}\r\n
\r\n \r\n\r\n {\r\n e.component.repaint();\r\n }}\r\n visible={createDocDialogState.popupVisible}\r\n onHiding={hideCreateDialog}\r\n\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title=\"Nuevo documento\"\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n minWidth=\"400\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, ...props }) => {\r\n const hasInputError = (props.touched.name && props.errors.name) || (props.touched.sync && props.errors.sync) || (props.touched.mandatory && props.errors.mandatory);\r\n //const hasFetchError = (!createDocState.loading && createDocState.email == props.values.email && createDocState.name == props.values.name && createDocState.type == props.values.type && (createDocState.result == null || createDocState.error));\r\n const hasError = (hasInputError);\r\n return \r\n }\r\n }\r\n \r\n \r\n\r\n\r\n {\r\n e.component.repaint();\r\n }}\r\n visible={editDocDialogState.popupVisible}\r\n onHiding={hideEditDialog}\r\n\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title=\"Editar dato\"\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n minWidth=\"400\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, ...props }) => {\r\n const hasInputError = (props.touched.name && props.errors.name) || (props.touched.sync && props.errors.sync) || (props.touched.mandatory && props.errors.mandatory);\r\n //const hasFetchError = (!editDocState.loading && editDocState.email == props.values.email && editDocState.name == props.values.name && editDocState.type == props.values.type && (editDocState.result == null || editDocState.error));\r\n const hasError = (hasInputError);\r\n return \r\n }\r\n }\r\n \r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={genericDialogState.popupVisible}\r\n onHiding={hideGenericDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={genericDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n
\r\n )\r\n}\r\n","import React, { useEffect, useState } from 'react'\r\nimport { useHistory, useParams } from 'react-router';\r\nimport { Link } from 'react-router-dom';\r\nimport \"./Procedure.css\";\r\nimport imgGoBack from '../../img/go_back.png';\r\nimport { ProcedureStateChooser } from './ProcedureStateChooser';\r\nimport { Button, Popup, CheckBox, TextBox, LoadPanel } from 'devextreme-react';\r\nimport { ProcedureDataChooser } from './ProcedureDataChooser';\r\nimport { Position, ToolbarItem } from 'devextreme-react/popup';\r\nimport { ProcedureDocChooser } from './ProcedureDocChooser';\r\nimport { BackButton } from '../common/BackButton';\r\nimport imgSpinner from '../../img/spinner.gif';\r\n\r\nexport const Procedure = () => {\r\n let { id } = useParams();\r\n\r\n let history = useHistory();\r\n\r\n const [loadingState, setLoadingState] = useState(true);\r\n const [editionState, setEditionState] = useState((id==-1));\r\n\r\n const [nameInputState, setNameInputState] = useState(\"\");\r\n const [allowMultipleRegistriesChkState, setAllowMultipleRegistriesChkState] = useState(true);\r\n const [errorState, setErrorState] = useState(\"\");\r\n\r\n\r\n const [procedureState, setProcedureState] = useState({\r\n name: \"\", dateModif: [\r\n ('0' + new Date().getDate()).slice(-2),\r\n ('0' + (new Date().getMonth() + 1)).slice(-2),\r\n new Date().getFullYear()\r\n ].join('/')});\r\n const [stateState, setStateState] = useState([]);\r\n const [dataState, setDataState] = useState([]);\r\n const [remoteDataState, setRemoteDataState] = useState([]);\r\n const [docsState, setDocsState] = useState([]);\r\n const [remoteDocsState, setRemoteDocsState] = useState([]);\r\n const [registryCountState, setRegistryCountState] = useState(0);\r\n const [exportState, setExportState] = useState(\"\");\r\n\r\n\r\n const loadProcedure = async () => {\r\n\r\n if (id != -1) {\r\n return fetch(`${process.env.PUBLIC_URL}/api/procedures/GetProcedure?idProcedure=${id}`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n setProcedureState(result.response);\r\n setNameInputState(result.response.name);\r\n setAllowMultipleRegistriesChkState(result.response.allowMultipleRegistries);\r\n } else {\r\n let currentUrl = history.location.pathname;\r\n let backlog = [];\r\n if (history.location.state != undefined && history.location.state.comesFrom != undefined && history.location.state.comesFrom != \"\") {\r\n backlog = history.location.state.comesFrom;\r\n }\r\n backlog.push(currentUrl);\r\n history.replace(\"/procedures\", { comesFrom: backlog });\r\n }\r\n })\r\n .catch(() => { throw 'Network error' });\r\n } else {\r\n setProcedureState({\r\n name: \"\", dateModif: [\r\n ('0' + new Date().getDate()).slice(-2),\r\n ('0' + (new Date().getMonth() + 1)).slice(-2),\r\n new Date().getFullYear()\r\n ].join('/')\r\n });\r\n }\r\n };\r\n\r\n const loadStates = async () => {\r\n return fetch(`${process.env.PUBLIC_URL}/api/procedures/GetStates?idProcedure=${id}`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n setStateState(result.response)\r\n })\r\n .catch(() => { throw 'Network error' });\r\n };\r\n\r\n const loadRegistryCount = async () => {\r\n return fetch(`${process.env.PUBLIC_URL}/api/procedures/GetProcedureRegistryCount?idProcedure=${id}`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(`Registry count ${result.response}`)\r\n setRegistryCountState(result.response)\r\n })\r\n .catch(() => { throw 'Network error' });\r\n };\r\n\r\n const loadDatas = async () => {\r\n return fetch(`${process.env.PUBLIC_URL}/api/procedures/GetData?idProcedure=${id}&remote=0`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n setDataState(result.response)\r\n return fetch(`${process.env.PUBLIC_URL}/api/procedures/GetData?idProcedure=${id}&remote=1`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n setRemoteDataState(result.response)\r\n })\r\n .catch(() => { throw 'Network error' });\r\n })\r\n .catch(() => { throw 'Network error' });\r\n \r\n };\r\n const loadDocs = async () => {\r\n return fetch(`${process.env.PUBLIC_URL}/api/procedures/GetDocs?idProcedure=${id}&remote=0`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n setDocsState(result.response)\r\n return fetch(`${process.env.PUBLIC_URL}/api/procedures/GetDocs?idProcedure=${id}&remote=1`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n setRemoteDocsState(result.response)\r\n })\r\n .catch(() => { throw 'Network error' });\r\n })\r\n .catch(() => { throw 'Network error' });\r\n };\r\n const loadDocs_DEPR = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/procedures/GetDocs?idProcedure=${id}&remote=0`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n setDocsState(result.response)\r\n })\r\n .catch(() => { throw 'Network error' });\r\n fetch(`${process.env.PUBLIC_URL}/api/procedures/GetDocs?idProcedure=${id}&remote=1`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n setRemoteDocsState(result.response)\r\n })\r\n .catch(() => { throw 'Network error' });\r\n };\r\n\r\n const loadAll = async () => {\r\n setLoadingState(true);\r\n Promise.all([loadProcedure(), loadStates(), loadDatas(), loadDocs(), loadRegistryCount(), exportProcedure()]).then(() => {\r\n setLoadingState(false);\r\n });\r\n }\r\n\r\n const exportProcedure = async () => {\r\n setExportState(\"\");\r\n if (id > 0) {\r\n return fetch(`${process.env.PUBLIC_URL}/api/procedures/ExportProcedure?idProcedure=${id}`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n setExportState(result.response);\r\n } else {\r\n\r\n }\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n }\r\n\r\n const validate = async () => {\r\n setErrorState(\"\");\r\n setLoadingState(true);\r\n return fetch(`${process.env.PUBLIC_URL}/api/procedures/Get`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n //Se checkea el nombre\r\n if (nameInputState.trim() == \"\") {\r\n setLoadingState(false);\r\n setErrorState(\"No se ha proporcionado un nombre para el trámite.\");\r\n return \"No se ha proporcionado un nombre para el trámite.\"\r\n }\r\n if (result.response.find((each) => {\r\n return each.id != id && each.name.toLowerCase() == nameInputState.toLowerCase();\r\n }) != null) {\r\n setLoadingState(false);\r\n setErrorState(\"Ya existe un tipo de trámite con el mismo nombre.\");\r\n return \"Ya existe un tipo de trámite con el mismo nombre.\"\r\n }\r\n //Se checkean los estados\r\n let initState = null;\r\n initState = stateState.find((each) => {\r\n return each.initial && each.shown;\r\n });\r\n if (initState == null) {\r\n setLoadingState(false);\r\n setErrorState(\"No se ha establecido un estado inicial.\");\r\n return \"No se ha establecido un estado inicial.\"\r\n }\r\n //Todo ok\r\n setLoadingState(false);\r\n setErrorState(\"\");\r\n return \"\";\r\n })\r\n .catch(() => { setLoadingState(false); throw 'Network error' });\r\n }\r\n\r\n const saveEdit = async (exitAfterSuccess) => {\r\n validate().then((res) => {\r\n if (res != \"\") {\r\n console.log(res);\r\n } else {\r\n if (id > 0) {\r\n setLoadingState(true);\r\n let values = {\r\n id: id,\r\n name: nameInputState,\r\n allowMultipleRegistries: allowMultipleRegistriesChkState,\r\n states: stateState,\r\n data: [...dataState, ...remoteDataState],\r\n docs: [...docsState, ...remoteDocsState]\r\n };\r\n console.log(`${process.env.PUBLIC_URL}/api/procedures/Put`);\r\n console.log(values);\r\n fetch(`${process.env.PUBLIC_URL}/api/procedures/Put`, {\r\n method: 'PUT',\r\n body: JSON.stringify(values),\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n }).then((response) => {\r\n response.json().then((data) => {\r\n setLoadingState(false);\r\n if (data.response == null) {\r\n setErrorState(data.message);\r\n } else {\r\n if (exitAfterSuccess) {\r\n let currentUrl = history.location.pathname;\r\n let backlog = [];\r\n if (history.location.state != undefined && history.location.state.comesFrom != undefined && history.location.state.comesFrom != \"\") {\r\n backlog = history.location.state.comesFrom;\r\n }\r\n backlog.push(currentUrl);\r\n history.replace(\"/procedures\", { comesFrom: backlog });\r\n } else {\r\n //setEditionState(false);\r\n loadAll();\r\n }\r\n }\r\n });\r\n });\r\n } else {\r\n setLoadingState(true);\r\n //setCreateUserState({\r\n // loading: true, email: values.email, name: values.name, type: values.type, error: false, result: null\r\n //});\r\n let values = {\r\n id: -1,\r\n name: nameInputState,\r\n states: stateState,\r\n data: [...dataState, ...remoteDataState],\r\n docs: [...docsState, ...remoteDocsState]\r\n };\r\n fetch(`${process.env.PUBLIC_URL}/api/procedures/Post`, {\r\n method: 'POST',\r\n body: JSON.stringify(values),\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n }).then((response) => {\r\n response.json().then((data) => {\r\n setLoadingState(false);\r\n if (data.response == null) {\r\n setErrorState(data.message);\r\n } else {\r\n if (exitAfterSuccess) {\r\n let currentUrl = history.location.pathname;\r\n let backlog = [];\r\n if (history.location.state != undefined && history.location.state.comesFrom != undefined && history.location.state.comesFrom != \"\") {\r\n backlog = history.location.state.comesFrom;\r\n }\r\n backlog.push(currentUrl);\r\n history.replace(\"/procedures\", { comesFrom: backlog });\r\n } else {\r\n let currentUrl = history.location.pathname;\r\n let backlog = [];\r\n if (history.location.state != undefined && history.location.state.comesFrom != undefined && history.location.state.comesFrom != \"\") {\r\n backlog = history.location.state.comesFrom;\r\n }\r\n backlog.push(currentUrl);\r\n history.replace(`/procedure/${data.response.id}`, { comesFrom: backlog });\r\n }\r\n }\r\n });\r\n });\r\n }\r\n\r\n\r\n\r\n //setCreateUserState({\r\n // loading: false, email: values.email, name: values.name, type: values.type, error: (data.response == null), result: (data.response != null ? data.response : data.message)\r\n //});\r\n }\r\n })\r\n }\r\n\r\n\r\n const [genericDialogState, setGenericDialogState] = useState({\r\n title: \"\",\r\n body: \"\",\r\n okText: \"\",\r\n koText: \"\",\r\n okCallback: () => {\r\n\r\n },\r\n koCallback: () => {\r\n\r\n },\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showGenericDialog = (title, body, okText, koText, okCallback, koCallback) => {\r\n setGenericDialogState({\r\n title: title,\r\n body: body,\r\n okText: okText,\r\n koText: koText,\r\n okCallback: okCallback,\r\n koCallback: koCallback,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n }\r\n const hideGenericDialog = () => {\r\n setGenericDialogState({\r\n title: \"\",\r\n body: \"\",\r\n okText: \"\",\r\n koText: \"\",\r\n okCallback: () => {\r\n\r\n },\r\n koCallback: () => {\r\n\r\n },\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n\r\n const [exportDialogState, setExportDialogState] = useState({\r\n title: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showExportDialog = (title) => {\r\n setExportDialogState({\r\n title: title,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n }\r\n const hideExportDialog = () => {\r\n setExportDialogState({\r\n title: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n //useEffect(loadProcedure, [id]);\r\n //useEffect(loadStates, [id]);\r\n //useEffect(loadDatas, [id]);\r\n useEffect(loadAll, [id]);\r\n\r\n\r\n return (\r\n {headerText}
\r\n {/*type: \"default\"*/}\r\nAñadir nuevo documento
\r\n {/*\r\n
\r\n {itemsState.length > 0 ?\r\n itemsState.map((e) => {\r\n return Nombre
\r\n \r\n Obligatorio
\r\n \r\n \r\n
\r\n })\r\n :\r\n \r\n {e.name}\r\n \r\n
\r\n {(e.mandatory ? \"Sí\" : \"No\")}
\r\n \r\n \r\n showEditDialog(e.element.dataset.id)}\r\n />\r\n {\r\n showGenericDialog(\"Eliminar dato\", [`¿Estás seguro de que deseas eliminar el dato `, <>{e.name}?
, \"Los datos asignados a trámites de este tipo dejarán de estar disponibles permanentemente.\"], \"Si, eliminar\", \"No, cancelar\", () => {\r\n hideGenericDialog();\r\n showGenericDialog(\"Eliminar documento\",\r\n [,\r\n
\r\n , \"Los datos asignados a trámites de este tipo dejarán de estar disponibles permanentemente.\"], \"Si, eliminar\", \"No, cancelar\", () => {\r\n hideGenericDialog();\r\n showGenericDialog(\"Eliminar documento\",\r\n [
\r\n Eliminar la entrada de documento '{e.name}' afectará a {registryCount} trámites.\r\n
,\r\n¿Sigues estando seguro de eliminar la entrada de documento {e.name}?
\r\n ], \"Eliminar permanentemente\", \"Cancelar\", () => {\r\n deleteDoc(e.id);\r\n hideGenericDialog();\r\n }, () => { hideGenericDialog() })\r\n }, () => { hideGenericDialog() })\r\n }}\r\n />\r\nSin datos
\r\n }\r\n \r\n \r\n {genericDialogState.body}\r\n
\r\n \r\n\r\n\r\n {\r\n e.component.repaint();\r\n }}\r\n visible={genericDialogState.popupVisible}\r\n onHiding={hideGenericDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={genericDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n {\r\n e.component.repaint();\r\n }}\r\n visible={exportDialogState.popupVisible}\r\n onHiding={hideExportDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={true}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={exportDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"70%\"\r\n >\r\n {\r\n let text = document.getElementById('exportCodeTag').innerHTML;\r\n try {\r\n await navigator.clipboard.writeText(text);\r\n console.log('Content copied to clipboard');\r\n } catch (err) {\r\n console.error('Failed to copy: ', err);\r\n }\r\n },\r\n }}\r\n />\r\n {\r\n hideExportDialog();\r\n },\r\n }}\r\n />\r\n
\r\n )\r\n}\r\n","import {Button, Gallery, LoadPanel} from 'devextreme-react'\r\nimport React, { useState } from 'react'\r\nimport \"./Dealer.css\";\r\nimport { Link, useHistory } from 'react-router-dom';\r\nimport imgSpinner from '../../img/spinner.gif';\r\nimport checkGreen from '../../img/check_green.png';\r\nimport closeRed from '../../img/close_red.png';\r\n\r\nexport const Dealer = ({ dealer, loadingCounters, setDealerState }) => {\r\n\r\n let history = useHistory();\r\n\r\n const dataSource = [\r\n { number: dealer.counters[\"2\"] || 0, name: \"Pendiente\" },\r\n { number: dealer.counters[\"3\"] || 0, name: \"En trámite\" },\r\n { number: dealer.counters[\"4\"] || 0, name: \"Incidencia\" },\r\n { number: dealer.counters[\"5\"] || 0, name: \"En revisión\" },\r\n { number: dealer.counters[\"-1\"] || 0, name: \"Otros\" },\r\n ];\r\n const renderGalleryItem = (itemData) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {editionState\r\n ?\r\n Configuración del tipo de trámite
\r\n\r\n
\r\n :\r\n {errorState}
\r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n { setNameInputState(event.component.option(\"value\")) }} value={nameInputState} />
\r\n Nombre: *
Fecha de última modificación: {procedureState.dateModif}
\r\n \r\n \r\n Permitir múltiples registros para el mismo expediente: \r\n { setAllowMultipleRegistriesChkState(e.value) }} /> \r\n
\r\n \r\n
\r\n Estados
\r\n\r\n
\r\n Datos
\r\n\r\n
\r\n Documentos
\r\n\r\n {genericDialogState.body}\r\n
\r\n \r\n\r\n\r\n A continuación se muestra el código de importación del tipo de trámite. Puedes copiarlo y almacenarlo para su posterior importación.\r\n
\r\n{ exportState }\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n\r\n\r\n \r\n\r\n return (\r\n {itemData.number}
\r\n{itemData.name}
\r\n\r\n
\r\n )\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABOklEQVQ4EYWTPVLDQAyFpU0uAElJi4cO3yE9mZyFc3AWhh7uENrUlDjM0DLZzX4bnmcd7KBif7RPT0+Sbd93m4XJutuHpPPZrqd9s/4MvLl7x55SWthXs7nngnXN+tXlSBbfrncvy3C1e37n4hZWoBwiXoQsITEdtsFnLWhQGEB2Z8GIACgFsOAvsjiUPFkeuZDXpyjSzFpFAMbEWLSfXMMVAJ0KWUQrQYIo+hDtpogUQOXVVfVVCITAuuS+CqmnzLofBaCcRKJDbJxHOykAmpxh1jmJwgDlD2DrNCpPdkVudNT5T9Dhihy6Xj4G9zzlbLVzimgK07dpigi/Mo6RDwgAY3U27mOB+LE/BHUwgYCod4qkJzgPrBt66a3M8VKNKJCNEc1nwT5+ovFLPf43wt/38j9Gi0/zHHsEGmgWW5l4AvMAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAFsAR/KAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEAAAAADgaeE1AAAB8ElEQVQ4EZVUMUgcQRR9M3feKTaXQuQQOxsRUoQLeEYQQey0PBEsUnimSrAKpElMkyaQoOWOCmksLEQUrEQtdtYLkYgSksIiRLGxUcEIp7s7+TvrrHuXrJiBZf5//82bN39nFzBDiheAM/vM5NGcglIcg20ui6AgqIhu+JmjEJPWT9iWqiEkJ5pp6LbYC5gcvRNMazD1KQBqdwuQ+JDigGx18DhWE4fylUA1VJKiSisyyDTk4aIF/vU+HuSy6Cpd1SzUiRTLsMXp34W7EFt8DMrJxp3FJvhnl+B8Mtm4OrsgkVP0jE//ezPbehfvNYe0PEgxE7F3dhoofoUU6zcYbcef0vGfE/GLBqtff5PVfRTLW4YUGt8WnfDUdwJdetL6tRgGzaHxYvkHGvPNmpBm7bG6DpNbUM+sz535Pihvk6ySBltIblP9wnjuWB/gu1uhCNbxZHzs/xwdrGVxcrxLAp1aN4URFCcWg/imSVYJiueTXxIxt+cfwXM/U5Sm5xCNuYcolM4p1oMu++xrwH9rAJJeQTY/isLQZYRJ8YZcTOmcs/foKb+MajfB7dHsuX4SXAJUTtcY+4UUhuFhjkQKhFXBeIH68a1eJMhvhUy1IlrpLqxC4bGBwNgGHXuA5vt+7tFSMkZ/Eimm4YjRGJoY/gEGJ6GfMEf22wAAAABJRU5ErkJggg==\"","import { Button, LoadPanel, Popup } from 'devextreme-react'\r\nimport React, { useContext, useEffect, useState } from 'react'\r\nimport \"./Dealers.css\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Dealer } from './Dealer';\r\nimport warning_big from '../../img/warning.png';\r\nimport { Position, ToolbarItem } from 'devextreme-react/popup';\r\nimport { SessionContext } from '../context/SessionContext';\r\nimport imgSpinner from '../../img/spinner.gif';\r\n\r\nexport const Dealers = () => {\r\n\r\n let history = useHistory();\r\n\r\n\r\n const { session: sessionContext, setSession: setSessionContext } = useContext(SessionContext);\r\n const [loadingDealersState, setLoadingDealersState] = useState(true);\r\n const [loadingCountsState, setLoadingCountsState] = useState(true);\r\n const [dealersState, setDealersState] = useState([]);\r\n const [nextToExpireState, setNextToExpireState] = useState({ dialogShown: false, expiredList: [], loaded: false });\r\n\r\n\r\n const [dialogState, setDialogState] = useState({\r\n title: \"\",\r\n header: \"\",\r\n body: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showDialog = (title, header, body) => {\r\n setDialogState({\r\n title: title,\r\n header: header,\r\n body: body,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n }\r\n const hideDialog = () => {\r\n setDialogState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n const [dialogExpirationState, setDialogExpirationState] = useState({\r\n title: \"\",\r\n header: \"\",\r\n body: \"\",\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showDialogExpiration = (title, header, body) => {\r\n setDialogExpirationState({\r\n title: title,\r\n header: header,\r\n body: body,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n }\r\n const hideDialogExpiration = () => {\r\n setDialogExpirationState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n const [dialogChangeStateState, setDialogChangeStateState] = useState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n cbOk: () => { },\r\n cbKo: () => { },\r\n state: 0,\r\n dealer: null\r\n });\r\n const showDialogChangeState = (dealer, state, cbOk, cbKo) => {\r\n setDialogChangeStateState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n cbOk: cbOk,\r\n cbKo: cbKo,\r\n state: state,\r\n dealer: dealer\r\n });\r\n }\r\n const hideDialogChangeState = () => {\r\n setDialogChangeStateState({\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n const loadCloseToExpire = async () => {\r\n if (sessionContext != undefined && sessionContext != null && !sessionContext.shownInitialAlert) {\r\n fetch(`${process.env.PUBLIC_URL}/api/registries/GetCloseToExpire`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response);\r\n setNextToExpireState({ dialogShown: true, expiredList: result.response, loaded: true });\r\n if (result.response != undefined && result.response != null && result.response.length != undefined && result.response.length > 0) {\r\n let newSession = sessionContext;\r\n newSession.shownInitialAlert = true;\r\n setSessionContext(newSession)\r\n showDialogExpiration(\"Aviso importante\",\r\n `${result.response.length} trámites finalizados serán borrados pronto.`,\r\n \"Revisa la fecha de cierre y, si no lo hiciste antes, descárgalos. Los trámites se borrarán a los 2 meses de haber sido finalizados.\");\r\n }\r\n //setDealersState(result.response);\r\n })\r\n .catch(() => {\r\n setNextToExpireState({ dialogShown: false, expiredList: [], loaded: true });\r\n throw 'Network error'\r\n });\r\n }\r\n };\r\n const firstLoadStates = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/dealers/Get?withCounters=0`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n result.response.sort(function (a, b) { return b.estado - a.estado });\r\n setDealersState(result.response)\r\n setLoadingDealersState(false);\r\n loadStatesWithCounters();\r\n })\r\n .catch(() => { throw 'Network error' });\r\n };\r\n const loadStatesWithCounters = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/dealers/Get?withCounters=1`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n setLoadingCountsState(false);\r\n result.response.sort(function (a, b) { return b.estado - a.estado });\r\n setDealersState(result.response)\r\n })\r\n .catch(() => { throw 'Network error' });\r\n };\r\n const setDealerState = (dealer, state) => {\r\n showDialogChangeState(dealer, state, () => {\r\n setDealerStateRequest(dealer, state);\r\n hideDialogChangeState();\r\n }, () => {\r\n hideDialogChangeState();\r\n });\r\n }\r\n const setDealerStateRequest = (dealer, state) => {\r\n setLoadingDealersState(true);\r\n fetch(`${process.env.PUBLIC_URL}/api/dealers/PutState?id=${dealer.id}&state=${state}`,\r\n {\r\n method: 'PUT',\r\n body: '',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n })\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n firstLoadStates();\r\n }\r\n })\r\n .catch(() => {\r\n throw 'Network error'\r\n setLoadingDealersState(false);\r\n });\r\n }\r\n\r\n\r\n useEffect(() => { firstLoadStates() }, []);\r\n useEffect(() => { loadCloseToExpire() }, [sessionContext]);\r\n\r\n return (\r\n \r\n \r\n {\r\n dealer.estado == 0 ?\r\n <>\r\n
\r\n \r\n
\r\n {dealer.name}
\r\n \r\n {dealer.clienteDF}\r\n\r\n {dealer.descripcion != null && dealer.descripcion != \"\"? dealer.descripcion:\"Este concesionario está pendiente de aprobación. No se ha proporcionado información adicional para su aprobación.\"}\r\n
\r\n \r\n
\r\n \r\n :\r\n <>\r\n \r\n
\r\n {dealer.name}
\r\n \r\n {dealer.clienteDF}\r\n\r\n {\r\n loadingCounters ?\r\n
\r\n \r\n
\r\n \r\n }\r\n \r\n Acceder
\r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={dialogExpirationState.popupVisible}\r\n onHiding={hideDialogExpiration}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={dialogExpirationState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n minWidth={ 500 }\r\n >\r\n {\r\n hideDialogExpiration();\r\n },\r\n }}\r\n />\r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={dialogChangeStateState.popupVisible}\r\n onHiding={hideDialogChangeState}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={`${dialogChangeStateState.state == 1 ? \"Aprobar\" : \"Rechazar\"} concesionario ${dialogChangeStateState.dealer!=null?dialogChangeStateState.dealer.name:\"NO NAME\"}`}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n
\r\n )\r\n}\r\n","import { useState, useEffect, useCallback, useContext } from 'react';\r\nimport { SessionContext } from '../components/context/SessionContext';\r\n\r\n\r\nexport default function useUserConfig() {\r\n // save current window width in the state object\r\n\r\n\r\n //ATENCION USAR CONFIG QUE SE ENCUENTRA EN LA SESIÓN!!!!!!!!!!\r\n //!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\r\n\r\n const { session: sessionContext, setSession: setSessionContext } = useContext(SessionContext);\r\n const [configState, setConfigState] = useState({});\r\n\r\n const loadConfig = async () => {\r\n setSessionContext({ // object that we want to update\r\n ...sessionContext, // keep all other key-value pairs\r\n config: [] // update the value of specific key\r\n });\r\n setReturnHook({\r\n get: getConfig,\r\n set: setConfig\r\n });\r\n fetch(`${process.env.PUBLIC_URL}/api/config/Get`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n let finalResult = {};\r\n result.response.map((e) => {\r\n finalResult[e.name] = e.value;\r\n });\r\n setSessionContext({ // object that we want to update\r\n ...sessionContext, // keep all other key-value pairs\r\n config: finalResult // update the value of specific key\r\n });\r\n setReturnHook({\r\n get: getConfig,\r\n set: setConfig\r\n });\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n })\r\n .catch((er) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n const setConfig = async (configName, configValue) => {\r\n let finalResult = sessionContext.config;\r\n finalResult[configName] = configValue;\r\n setSessionContext({ // object that we want to update\r\n ...sessionContext, // keep all other key-value pairs\r\n config: finalResult // update the value of specific key\r\n });\r\n fetch(`${process.env.PUBLIC_URL}/api/config/Put?name=${configName}&value=${configValue}`,\r\n {\r\n method: 'PUT',\r\n body: '',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n })\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n let finalResult = {};\r\n result.response.map((e) => {\r\n finalResult[e.name] = e.value;\r\n });\r\n setSessionContext({ // object that we want to update\r\n ...sessionContext, // keep all other key-value pairs\r\n config: finalResult // update the value of specific key\r\n });\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n })\r\n .catch((er) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n const getConfig = (configName, configDefaultValue) => {\r\n if (sessionContext.config[configName] == undefined || sessionContext.config[configName] == null) {\r\n setConfig(configName, configDefaultValue);\r\n return configDefaultValue;\r\n } else {\r\n return sessionContext.config[configName];\r\n }\r\n }\r\n useEffect(() => {\r\n loadConfig();\r\n }, []);\r\n let [returnHook, setReturnHook] = useState({\r\n get: getConfig,\r\n set: setConfig\r\n });\r\n\r\n return returnHook;\r\n}","import { Button, ColorBox, DataGrid, LoadPanel, Popup, SelectBox, TagBox, TextBox } from 'devextreme-react'\r\nimport React, { useCallback, useContext, useEffect, useRef, useState, useMemo } from 'react'\r\nimport useWindowSize from '../../hooks/useWindowSizze'\r\nimport useUserConfig from '../../hooks/useUserConfig'\r\nimport CustomStore from 'devextreme/data/custom_store';\r\nimport { Column, Button as DGButton, Editing, SearchPanel, Toolbar, Item, Scrolling, Selection, Paging, Pager, Export, LoadPanel as DGLoadPanel, FilterRow, HeaderFilter, Search } from 'devextreme-react/data-grid';\r\nimport \"./Registries.css\";\r\nimport imgDelete from '../../img/delete.png';\r\nimport imgEdit from '../../img/edit.png';\r\nimport imgGoBack from '../../img/go_back.png';\r\nimport check_rounded_big from '../../img/check_rounded_big.png';\r\nimport imgSpinner from '../../img/spinner.gif';\r\nimport { Link, useHistory, useParams } from 'react-router-dom';\r\nimport { Position, ToolbarItem } from 'devextreme-react/popover';\r\nimport { Field, Form, Formik } from 'formik';\r\nimport { SessionContext } from '../context/SessionContext';\r\nimport { Workbook } from 'exceljs';\r\nimport saveAs from 'file-saver';\r\nimport { exportDataGrid } from 'devextreme/excel_exporter';\r\nimport { BackButton } from '../common/BackButton';\r\n\r\nexport const Registries = () => {\r\n\r\n let { id } = useParams();\r\n const history = useHistory();\r\n\r\n const windowSize = useWindowSize();\r\n const userConfig = useUserConfig();\r\n\r\n\r\n const { session: sessionContext, setSession: setSessionContext } = useContext(SessionContext);\r\n\r\n const changeStateFormRef = useRef()\r\n const gridRef = useRef()\r\n\r\n const [changeStateState, setChangeStateState] = useState({ loading: false, ids: null, state: null, error: false, result: null });\r\n const [registryCountState, setRegistryCountState] = useState(0);\r\n const [statesState, setStatesState] = useState({ loading: true, results: [] });\r\n const [byProcedureStatesState, setByProcedureStatesState] = useState({ loading: true, results: [] });\r\n const [procedureState, setProcedureState] = useState({ loading: true, results: [] });\r\n const [usersState, setUsersState] = useState({ loading: true, results: [] });\r\n const [dealerState, setDealerState] = useState({ loading: true, result: null });\r\n \r\n\r\n const [changeStateButtonState, setChangeStateButtonState] = useState(false);\r\n const [exportSigaButtonState, setExportSigaButtonState] = useState(false);\r\n //If the user can assign registries to users the filter should include unassigned, only theirs otherwhise\r\n const [tagBoxValueState, setTagBoxValueState] = useState([]); //useState(sessionContext.user.userType >= 1 ? [0, sessionContext.user.id] : [sessionContext.user.id]);\r\n const [procedureTagBoxValueState, setProcedureTagBoxValueState] = useState([]);\r\n\r\n\r\n const [gridPaginationState, setGridPaginationState] = useState({});\r\n\r\n const [selectedGridState, setSelectedGridState] = useState([]);\r\n\r\n const onRowSelectionChanged = (e) => {\r\n e.component.getSelectedRowsData().then((selectedData) => {\r\n if (selectedData.length == 0) {\r\n setChangeStateButtonState(false);\r\n setExportSigaButtonState(false);\r\n } else {\r\n if (selectedData.length == 1) {\r\n setExportSigaButtonState(true);\r\n } else {\r\n setExportSigaButtonState(false);\r\n }\r\n let procedure = 0;\r\n let allStatesValid = true;\r\n let allRegistriesAvailable = true;\r\n selectedData.map((data) => {\r\n if (sessionContext.user.userType == 0) {\r\n //If the user can't assign registries only those the user has assigned can be changed\r\n if (data.assigned != sessionContext.user.id) {\r\n allRegistriesAvailable = false;\r\n }\r\n }\r\n if (data.stateId == 6) {\r\n allStatesValid = false;\r\n }\r\n if (procedure != 0) {\r\n if (procedure != data.procedureId) {\r\n procedure = -1;\r\n return;\r\n }\r\n } else {\r\n procedure = data.procedureId;\r\n }\r\n })\r\n setChangeStateButtonState(procedure > 0 && allStatesValid && allRegistriesAvailable);\r\n }\r\n setSelectedGridState(selectedData);\r\n });\r\n \r\n }\r\n\r\n const [changeStateDialogState, setChangeStateDialogState] = useState({\r\n ids: [],\r\n procedureId: 0,\r\n currentState: 0,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showChangeStateDialog = (ids, procedureId, currentState) => {\r\n setChangeStateDialogState({\r\n ids: ids,\r\n procedureId: procedureId,\r\n currentState: currentState,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n if (changeStateFormRef != undefined && changeStateFormRef != null && changeStateFormRef.current != undefined && changeStateFormRef.current != null) {\r\n changeStateFormRef.current.setFieldValue(\"ids\", ids, false);\r\n if (currentState > 0) {\r\n changeStateFormRef.current.setFieldValue(\"state\", currentState, false);\r\n }\r\n }\r\n }\r\n const hideChangeStateDialog = () => {\r\n setChangeStateDialogState({\r\n ids: [],\r\n procedureId: 0,\r\n currentState: 0,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n // A custom validation function. This must return an object\r\n // which keys are symmetrical to our values/initialValues\r\n const validateChangeState = values => {\r\n const errors = {};\r\n if (!values.state) {\r\n errors.state = 'Requerido';\r\n } else if (values.state <=0 ) {\r\n errors.state = 'Requerido';\r\n }\r\n\r\n return errors;\r\n };\r\n const changeStateFormOptions = {\r\n initialValues: {\r\n ids: [],\r\n state: 0\r\n },\r\n validate: validateChangeState,\r\n onSubmit: async values => {\r\n setChangeStateState({\r\n loading: true, ids: values.ids, state: values.state, error: false, result: null\r\n });\r\n //alert(JSON.stringify(values, null, 2));\r\n const response = await fetch(`${process.env.PUBLIC_URL}/api/registries/PutState?ids=${JSON.stringify(values.ids)}&state=${values.state}`, {\r\n method: 'PUT',\r\n body: JSON.stringify(values),\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n });\r\n const data = await response.json();\r\n setChangeStateState({\r\n loading: false, ids: values.ids, state: values.state, error: (data.response == null), result: (data.response != null ? data.response : data.message)\r\n });\r\n if (data.response != null) {\r\n hideChangeStateDialog();\r\n }\r\n }\r\n };\r\n\r\n\r\n const resizeGridPagination = () => {\r\n try {\r\n var expGridShowRowCount = Math.floor(((windowSize.height - (156 + 50) - (54 * 2) - 60) / 55));\r\n setGridPaginationState({\r\n pageSize: expGridShowRowCount,\r\n infoText: \"Mostrando {2} trámites\"\r\n });\r\n } catch (ee) {\r\n\r\n }\r\n }\r\n function handleErrors(response) {\r\n if (!response.ok) {\r\n throw Error(response.statusText);\r\n }\r\n return response;\r\n }\r\n\r\n const jsonDataSource = new CustomStore({\r\n key: [\"id\", \"procedureId\"],\r\n loadMode: 'raw', \r\n load: () => {\r\n return fetch(`${process.env.PUBLIC_URL}/api/registries/Get?dealer=${id}`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setRegistryCountState(result.response.length);\r\n // De cada uno de los registros, quitamos las horas de las fechas\r\n result.response.map((e) => {\r\n e.createDate = e.createDate.split(\" \")[0];\r\n e.changeDate = e.changeDate.split(\" \")[0];\r\n e.closeDate = e.closeDate.split(\" \")[0];\r\n // Resort the parts of the date (that comes in dd/MM/yyyy) to yyyy/MM/dd\r\n e.createDate = e.createDate.split(\"/\").reverse().join(\"/\");\r\n e.changeDate = e.changeDate.split(\"/\").reverse().join(\"/\");\r\n e.closeDate = e.closeDate.split(\"/\").reverse().join(\"/\");\r\n });\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n });\r\n const loadDealer = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/dealers/GetId?id=${id}`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setDealerState({ loading: false, result: result.response });\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n const loadStates = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/states`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setStatesState({ loading: false, results: result.response });\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n const loadByProcedureStates = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/procedures/GetAllProcedureStates`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setByProcedureStatesState({ loading: false, results: result.response });\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n const loadProcedures = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/procedures/Get`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setProcedureState({ loading: false, results: result.response });\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n const loadUsers = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/users`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setUsersState({ loading: false, results: result.response });\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n const loadAll = async () => {\r\n Promise.all([loadStates(), loadProcedures(), loadUsers(), loadByProcedureStates(), loadDealer()]).then(() => {\r\n //setLoadingState(false);\r\n });\r\n }\r\n\r\n\r\n const DXTextInput = ({ fieldName, fieldType, fieldPlaceholder, ...rest }) => (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Concesionarios
\r\n \r\n {/*\r\n {\r\n dealersState.map((e) => {\r\n if (e.estado==1 || (sessionContext.user.userType === 2 && e.estado==0)) {\r\n return
\r\n Aviso importante
\r\n\r\n {dialogExpirationState.header}\r\n
\r\nRevisa la fecha de cierre y, si no lo hiciste antes, descárgalos.
\r\n\r\n Los trámites se borrarán a los 2 meses de haber sido finalizados.\r\n
\r\n \r\n\r\n {`¿Estás seguro de que deseas ${dialogChangeStateState.state == 1 ? \"aprobar\" : \"rechazar\"} el concesionario ${dialogChangeStateState.dealer?dialogChangeStateState.dealer.name:\"NO NAME\"}?`}\r\n
\r\n \r\n\r\n {\r\n e.component.repaint();\r\n }}\r\n visible={changeStateDialogState.popupVisible}\r\n onHiding={hideChangeStateDialog}\r\n\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title=\"Cambiar estado de los trámites seleccionados\"\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, ...props }) => {\r\n const hasInputError = (props.touched.state && props.errors.state);\r\n const hasFetchError = (!changeStateState.loading && changeStateState.state == props.values.state && (changeStateState.result == null || changeStateState.error));\r\n const hasError = (hasInputError || hasFetchError);\r\n\r\n const statesDataSource = (byProcedureStatesState.results[changeStateDialogState.procedureId] || []).filter((e) => e.shown && e.state!=null && e.state.id!=1).sort((a, b) => parseFloat(a.order) - parseFloat(b.order));\r\n\r\n return \r\n }\r\n }\r\n \r\n \r\n
\r\n )\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAACC0lEQVRIDb1UzS8DQRSf6c4GCYmDoBJdH0eJC9EiEgeRODo4k6hKuLi79OIorlLl6sSxf0GjJXHiQpC0QhAhlEqj2/GmDDO7M1qfm+y+937v9z7m7cwgpH2sQHBe60SWPzjLvJ4ihaJFF5UzPligAbjBAMs/uc4k8vmD2aLy5Y+YnwW/dqJIU3QAO858IHddHF/PJOWgdtnf75Sn5pJ17uye+6RVdIVCJndw2do3a3GdSSwaTIfR3gF8hCjyUkSf0jur7RLnKwthXIIoHS87CLhStf8zxL/orCqN1elU2b8b0DI4V+usIlVgvYfD4SLWMThTXchmbj8NIIbRuRY7tRkpk81lTGI2uALEvXySiOx5PGiCkQg2Bo63lq94wDtP9ZdVm5DzpDXwbLuRyDPXnZJgig54tNMp2own2n+mu86PrlJb/3R3/jm/iTAeTW9H3beIJlA5IxXXztt+wJuho4DKr8PKLqBLUAr/8wJE14GvJ7gP47huMmpGEomlJyfPGgh5Ua6QhFuwIrUdbXT6ua1dQZVZOUwxaj+z77OwLZd4AGAGXKQxmrPPQb+oq/e0cZ9KltxFvsDUEC7QGNzIH1c6xjfExL0n8ZVDVVIJgxvigb0SqDDYWYaxPQJ3TOGWIDEngX2tHZMYlUpGF8Bmb+lHyElgRhlKaX05x7905jcGpVUY48uy+T8hvgAQC5ihjA953gAAAABJRU5ErkJggg==\"","export default __webpack_public_path__ + \"static/media/NO_DOC.37f601e4.pdf\";","import { Button, Popup, TextBox } from 'devextreme-react';\r\nimport React, { useEffect, useRef, useState } from 'react'\r\nimport noDoc from '../../NO_DOC.pdf';\r\nimport imgEdit from '../../img/edit.png';\r\nimport imgDelete from '../../img/delete.png';\r\nimport imgUpload from '../../img/upload.png';\r\nimport imgDownload from '../../img/download.png';\r\nimport \"./DocumentViewer.css\";\r\nimport { Field, Form, Formik } from 'formik';\r\nimport { Position, ToolbarItem } from 'devextreme-react/popup';\r\nimport { Document, Page, pdfjs } from 'react-pdf';\r\nimport useWindowSize from '../../hooks/useWindowSizze';\r\n\r\nexport const DocumentViewer = ({ elmId, selectedDocB64, viewerWidth }) => {\r\n\r\n \r\n\r\n useEffect(() => {\r\n pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\r\n });\r\n\r\n const [selectedDocumentNumPages, setSelectedDocumentNumPages] = useState(null);\r\n const [selectedDocumentPageNumber, setSelectedDocumentPageNumber] = useState(1);\r\n const [calculatedWidth, setCalculatedWidth] = useState(0);\r\n const [calculatedHeight, setCalculatedHeight] = useState(0);\r\n const windowSize = useWindowSize();\r\n\r\n function onSelectedDocumentLoadSuccess({ numPages }) {\r\n setSelectedDocumentNumPages(numPages);\r\n setSelectedDocumentPageNumber(1);\r\n }\r\n\r\n function selectedDocumentChangePage(offset) {\r\n setSelectedDocumentPageNumber(selectedDocumentPrevPageNumber => selectedDocumentPrevPageNumber + offset);\r\n }\r\n\r\n function selectedDocumentPreviousPage() {\r\n selectedDocumentChangePage(-1);\r\n }\r\n\r\n function selectedDocumentNextPage() {\r\n selectedDocumentChangePage(1);\r\n }\r\n\r\n useEffect(() => {\r\n const theMatches = viewerWidth.match(/(\\d+)([\\D\\w]*)/);\r\n const theNumber = theMatches[1];\r\n const theUnit = theMatches[2];\r\n let theWidth = theNumber;\r\n if (theUnit == \"%\") {\r\n if ((document.getElementById(`${elmId}`) == undefined) || (document.getElementById(`${elmId}`) == null)) {\r\n setCalculatedWidth(0);\r\n setCalculatedHeight(0);\r\n return 0;\r\n }\r\n theWidth = (document.getElementById(`${elmId}`).getBoundingClientRect().width * (theNumber / 100))\r\n setCalculatedHeight(document.getElementById(`${elmId}`).getBoundingClientRect().height * (1))\r\n } else {\r\n\r\n }\r\n console.log(\"setCalculatedWidth \" + theWidth);\r\n setCalculatedWidth(theWidth);\r\n }, [viewerWidth, windowSize]); \r\n\r\n return (\r\n\r\n \r\n\r\n
\r\n\r\n {selectedGridState.length > 0 ? `${selectedGridState.length} trámites seleccionados`:\"\" }
\r\n \r\n {\r\n if (e.component != undefined && e.component != null) {\r\n\r\n e.component.filter((itemData) => {\r\n return (tagBoxValueState.length == 0 ? true : tagBoxValueState.indexOf(itemData.assigned) > -1) && (procedureTagBoxValueState.length == 0 ? true : procedureTagBoxValueState.indexOf(itemData.procedureId) > -1);\r\n });\r\n }\r\n }\r\n }\r\n >\r\n \r\n - \r\n
{\r\n event.element.classList.remove(\"dx-registry-active\");\r\n event.element.classList.remove(\"dx-registry-focused\");\r\n showChangeStateDialog(selectedGridState.map((e) => e.id), selectedGridState[0].procedureId, 0);\r\n }\r\n }\r\n />\r\n \r\n - */}\r\n {/*
{*/}\r\n {/* event.element.classList.remove(\"dx-registry-active\");*/}\r\n {/* event.element.classList.remove(\"dx-registry-focused\");*/}\r\n {/* exportRegistrySIGA();*/}\r\n {/* }*/}\r\n {/* }*/}\r\n {/* />*/}\r\n {/* */}\r\n - \r\n
{\r\n if (e.component.option(\"value\") != procedureTagBoxValueState) {\r\n if (e.component.option(\"value\").length > 0) {\r\n //userConfig.set(\"_PROC_FILTER\", JSON.stringify(e.component.option(\"value\")));\r\n setProcedureTagBoxValueState(e.component.option(\"value\"));\r\n } else {\r\n //userConfig.set(\"_PROC_FILTER\", JSON.stringify([]));\r\n setProcedureTagBoxValueState([]);\r\n }\r\n }\r\n }}\r\n />\r\n \r\n - \r\n
{\r\n if (e.component.option(\"value\") != tagBoxValueState) {\r\n if (e.component.option(\"value\").length > 0) {\r\n userConfig.set(\"_USER_FILTER\", JSON.stringify(e.component.option(\"value\")));\r\n setTagBoxValueState(e.component.option(\"value\"));\r\n } else {\r\n userConfig.set(\"_USER_FILTER\", JSON.stringify([]));\r\n setTagBoxValueState([]);\r\n }\r\n }\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n let stateName = \"Cargando...\";\r\n let stateBGColor = \"#FFFFFF\";\r\n const state = statesState.results.find((e) => {\r\n return e.id == data.data.stateId;\r\n });\r\n if (state != undefined && state != null) {\r\n stateName = state.name;\r\n stateBGColor = state.bgColor;\r\n }\r\n //{ { backgroundColor: data.value, width: 50, height: 20, borderColor: \"#000000\", borderStyle: \"solid\", borderWidth: 0.2, borderRadius: 5 }}\r\n return {\r\n const state = statesState.results.find((e) => {\r\n return e.id == rowData.stateId;\r\n });\r\n if (state != undefined && state != null) {\r\n return state.name;\r\n } else {\r\n return rowData.stateId;\r\n }\r\n }}\r\n />\r\n {\r\n return `${String(rowData.gestoria).padStart(3, \"0\")}${String(rowData.procedureId).padStart(4, \"0\")}${String(rowData.id).padStart(6, \"0\")}`;\r\n }\r\n }\r\n />\r\n {\r\n const procedure = procedureState.results.find((e) => {\r\n return e.id == rowData.procedureId;\r\n });\r\n if (procedure != undefined && procedure != null) {\r\n return procedure.name;\r\n } else {\r\n return rowData.procedureId;\r\n }\r\n }}\r\n />\r\n {\r\n let stateBGColor = \"var(--azul-df)\";\r\n if (data.data.aboutToGetDeleted) {\r\n stateBGColor = \"var(--rojo-ko)\";\r\n }\r\n //{ { backgroundColor: data.value, width: 50, height: 20, borderColor: \"#000000\", borderStyle: \"solid\", borderWidth: 0.2, borderRadius: 5 }}\r\n return rowData.exported ? \"Si\" : \"No\"}*/}\r\n {/*/>*/}\r\n {\r\n if (cellInfo.value <= 0) {\r\n return \"-\";\r\n }\r\n const user = usersState.results.find((e) => {\r\n return e.id == cellInfo.value;\r\n });\r\n if (user != undefined && user != null) {\r\n return user.name;\r\n } else {\r\n return `- Usuario eliminado (${String(cellInfo.value)}) -`;\r\n }\r\n }}\r\n />\r\n {/* rowData.downloaded ? \"Si\" : \"No\"}\r\n />\r\n \r\n }\r\n
\r\n \r\n
\r\n \r\n {!dealerState.loading ? dealerState.result.name : \"\"}\r\n {!dealerState.loading ? dealerState.result.clienteDF : \"\"}\r\n
\r\n \r\n
\r\n {\r\n statesState.loading || procedureState.loading || usersState.loading ?\r\n Trámites
\r\n({registryCountState} trámites)
\r\n \r\n \r\n{stateName}
\r\n }\r\n }\r\n lookup={{\r\n dataSource: statesState.results,\r\n displayExpr: \"name\", // The property to display in the filter\r\n valueExpr: \"id\", // The property to use as the underlying value\r\n }}\r\n />\r\n {/*This is the column that gets exported*/}\r\n {data.data.closeDate.split(\"/\").reverse().join(\"/\")}
\r\n }\r\n }\r\n />\r\n {/*\r\n {selectedDocB64 == null || selectedDocB64 == \"\"\r\n ?\r\n
\r\n )\r\n}\r\n","import { Button, Popup, TextBox } from 'devextreme-react';\r\nimport React, { useEffect, useRef, useState } from 'react'\r\nimport noDoc from '../../NO_DOC.pdf';\r\nimport imgEdit from '../../img/edit.png';\r\nimport imgDelete from '../../img/delete.png';\r\nimport imgUpload from '../../img/upload.png';\r\nimport imgDownload from '../../img/download.png';\r\nimport \"./RemoteDocuments.css\";\r\nimport { Field, Form, Formik } from 'formik';\r\nimport { Position, ToolbarItem } from 'devextreme-react/popup';\r\nimport { Document, Page, pdfjs } from 'react-pdf';\r\nimport { DocumentViewer } from './DocumentViewer';\r\n\r\nexport const RemoteDocuments = ({ idRegistry, reload, enabled, remoteProcedureDocuments, freeDocuments }) => {\r\n\r\n //ESTO ESTÄ AQUI PARA SOLUCIONAR UN PROBLEMA QUE DA LIVE RELOAD CUANDO SE TIENE UN IFRAME EN LA PÁGINA!!!\r\n //QUITAR ANTES DEL DEPLOY!!!!\r\n useEffect(() => {\r\n window.process = {\r\n env: {\r\n NODE_ENV: 'development'\r\n }\r\n }\r\n }, []);\r\n //HASTA AQUI\r\n\r\n\r\n const addFormRef = useRef()\r\n const editFormRef = useRef()\r\n\r\n const [selectedDocState, setSelectedDocState] = useState({ free: false, id: 0 });\r\n const [selectedDocB64State, setSelectedDocB64State] = useState(\"\");\r\n\r\n const [remoteProcedureDocumentsState, setRemoteProcedureDocumentsState] = useState({ loading: true, result: [] });\r\n const [freeDocumentsState, setFreeDocumentsState] = useState({ loading: true, result: [] });\r\n\r\n const [addExtraState, setAddExtraState] = useState({ loading: false, name: null, error: false, result: null });\r\n\r\n const [selectedDocumentNumPages, setSelectedDocumentNumPages] = useState(null);\r\n const [selectedDocumentPageNumber, setSelectedDocumentPageNumber] = useState(1);\r\n\r\n function onSelectedDocumentLoadSuccess({ numPages }) {\r\n setSelectedDocumentNumPages(numPages);\r\n setSelectedDocumentPageNumber(1);\r\n }\r\n\r\n function selectedDocumentChangePage(offset) {\r\n setSelectedDocumentPageNumber(selectedDocumentPrevPageNumber => selectedDocumentPrevPageNumber + offset);\r\n }\r\n\r\n function selectedDocumentPreviousPage() {\r\n selectedDocumentChangePage(-1);\r\n }\r\n\r\n function selectedDocumentNextPage() {\r\n selectedDocumentChangePage(1);\r\n }\r\n\r\n\r\n const [addExtraDialogState, setAddExtraDialogState] = useState({\r\n popupVisible: false,\r\n });\r\n const showAddExtraDialog = () => {\r\n if (!enabled) return;\r\n setAddExtraDialogState({\r\n popupVisible: true,\r\n });\r\n if (addFormRef != undefined && addFormRef != null && addFormRef.current != undefined && addFormRef.current != null) {\r\n addFormRef.current.setFieldValue(\"name\", \"\", false);\r\n }\r\n }\r\n const hideAddExtraDialog = () => {\r\n setAddExtraDialogState({\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n const [editExtraState, setEditExtraState] = useState({ loading: false, idDoc: 0, name: null, error: false, result: null });\r\n\r\n\r\n const [editExtraDialogState, setEditExtraDialogState] = useState({\r\n popupVisible: false,\r\n });\r\n const showEditExtraDialog = (idDoc, oldName) => {\r\n if (!enabled) return;\r\n setEditExtraDialogState({\r\n idDoc: idDoc,\r\n popupVisible: true,\r\n });\r\n if (editFormRef != undefined && editFormRef != null && editFormRef.current != undefined && editFormRef.current != null) {\r\n editFormRef.current.setFieldValue(\"name\", oldName, false);\r\n }\r\n }\r\n const hideEditExtraDialog = () => {\r\n setEditExtraDialogState({\r\n idDoc: 0,\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n const [confirmDeleteDialogState, setConfirmDeleteDialogState] = useState({\r\n idDoc: 0,\r\n popupVisible: false,\r\n });\r\n const showConfirmDeleteDialog = (idDoc) => {\r\n setConfirmDeleteDialogState({\r\n idDoc: idDoc,\r\n popupVisible: true,\r\n });\r\n }\r\n const hideConfirmDeleteDialog = () => {\r\n setConfirmDeleteDialogState({\r\n idDoc: 0,\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n const loadRemoteProcedureDocuments = async () => {\r\n setRemoteProcedureDocumentsState({ loading: true, result: [] });\r\n if (Number(idRegistry) > 0) {\r\n fetch(`${process.env.PUBLIC_URL}/api/registries/GetRegistryDocs?id=${idRegistry}&remote=1&extra=0`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n setRemoteProcedureDocumentsState({ loading: false, result: result.response });\r\n\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n })\r\n .catch((er) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n };\r\n const loadExtraDocuments = async () => {\r\n setFreeDocumentsState({ loading: true, result: [] });\r\n if (Number(idRegistry) > 0) {\r\n fetch(`${process.env.PUBLIC_URL}/api/registries/GetRegistryDocs?id=${idRegistry}&remote=1&extra=1`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n setFreeDocumentsState({ loading: false, result: result.response });\r\n\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n })\r\n .catch((er) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n };\r\n\r\n\r\n\r\n const DXTextInput = ({ fieldName, fieldType, fieldPlaceholder, ...rest }) => (\r\n Sin documento seleccionado
\r\n :\r\n (\r\n selectedDocB64.startsWith(\"data:application/pdf;base64,\") ?\r\n \r\n \r\n
\r\n //\r\n :\r\n \r\n
\r\n \r\n Página {selectedDocumentPageNumber || (selectedDocumentNumPages ? 1 : '--')} de {selectedDocumentNumPages || '--'}\r\n
\r\n\r\n = selectedDocumentNumPages}\r\n onClick={selectedDocumentNextPage}\r\n text=\"Siguiente\"\r\n />\r\n
\r\n El documento seleccionado no puede visualizarse. Descarga el documento para verlo.
\r\n )\r\n }\r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={addExtraDialogState.popupVisible}\r\n onHiding={hideAddExtraDialog}\r\n\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={`Solicitud de documento`}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, ...props }) => {\r\n const hasInputError = (props.touched.name && props.errors.name);\r\n const hasFetchError = false; //(!addExtraState.loading && addExtraState.email == props.values.email && addExtraState.name == props.values.name && addExtraState.type == props.values.type && (addExtraState.result == null || addExtraState.error));\r\n const hasError = (hasInputError || hasFetchError);\r\n return \r\n }\r\n }\r\n \r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={editExtraDialogState.popupVisible}\r\n onHiding={hideEditExtraDialog}\r\n\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={`Editar solicitud de documento`}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, ...props }) => {\r\n const hasInputError = (props.touched.name && props.errors.name);\r\n const hasFetchError = false; //(!editExtraState.loading && editExtraState.email == props.values.email && editExtraState.name == props.values.name && editExtraState.type == props.values.type && (editExtraState.result == null || editExtraState.error));\r\n const hasError = (hasInputError || hasFetchError);\r\n return \r\n }\r\n }\r\n \r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={confirmDeleteDialogState.popupVisible}\r\n onHiding={hideConfirmDeleteDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={`Eliminando documento adicional`}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n {\r\n event.element.classList.remove(\"dx-state-active\");\r\n event.element.classList.remove(\"dx-state-focused\");\r\n hideConfirmDeleteDialog();\r\n },\r\n }}\r\n />\r\n {\r\n event.element.classList.remove(\"dx-state-active\");\r\n event.element.classList.remove(\"dx-state-focused\");\r\n const response = await fetch(`${process.env.PUBLIC_URL}/api/registries/DeleteRegistryExtraDoc?idRegistry=${idRegistry}&idDoc=${confirmDeleteDialogState.idDoc}`, {\r\n method: 'DELETE',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n });\r\n const data = await response.json();\r\n if (data.response != null) {\r\n reload();\r\n loadAll();\r\n }\r\n hideConfirmDeleteDialog();\r\n }\r\n }}\r\n />\r\n {/**/}\r\n
\r\n )\r\n}\r\n","import { Button, Popup, TextBox } from 'devextreme-react';\r\nimport React, { useEffect, useRef, useState } from 'react'\r\nimport noDoc from '../../NO_DOC.pdf';\r\nimport imgEdit from '../../img/edit.png';\r\nimport imgDelete from '../../img/delete.png';\r\nimport imgUpload from '../../img/upload.png';\r\nimport imgDownload from '../../img/download.png';\r\nimport \"./LocalDocuments.css\";\r\nimport { Field, Form, Formik } from 'formik';\r\nimport { Position, ToolbarItem } from 'devextreme-react/popup';\r\nimport { Document, Page, pdfjs } from 'react-pdf';\r\nimport { DocumentViewer } from './DocumentViewer';\r\n\r\nexport const LocalDocuments = ({ idRegistry, reload, enabled, localProcedureDocuments, freeDocuments }) => {\r\n\r\n //ESTO ESTÄ AQUI PARA SOLUCIONAR UN PROBLEMA QUE DA LIVE RELOAD CUANDO SE TIENE UN IFRAME EN LA PÁGINA!!!\r\n //QUITAR ANTES DEL DEPLOY!!!!\r\n useEffect(() => {\r\n window.process = {\r\n env: {\r\n NODE_ENV: 'development'\r\n }\r\n }\r\n }, []);\r\n //HASTA AQUI\r\n\r\n\r\n const addFormRef = useRef();\r\n const uploadFormRef = useRef();\r\n\r\n const [selectedDocState, setSelectedDocState] = useState({ free: false, id: 0 });\r\n const [selectedDocB64State, setSelectedDocB64State] = useState(\"\");\r\n\r\n const [localProcedureDocumentsState, setLocalProcedureDocumentsState] = useState({ loading: true, result: [] });\r\n const [freeDocumentsState, setFreeDocumentsState] = useState({ loading: true, result: [] });\r\n\r\n const [addExtraState, setAddExtraState] = useState({ loading: false, name: null, error: false, result: null });\r\n\r\n\r\n\r\n const [addExtraDialogState, setAddExtraDialogState] = useState({\r\n popupVisible: false,\r\n });\r\n const showAddExtraDialog = () => {\r\n if (!enabled) return;\r\n setAddExtraDialogState({\r\n popupVisible: true,\r\n });\r\n if (addFormRef != undefined && addFormRef != null && addFormRef.current != undefined && addFormRef.current != null) {\r\n addFormRef.current.setFieldValue(\"name\", \"\", false);\r\n addFormRef.current.setFieldValue(\"file\", null, false);\r\n }\r\n }\r\n const hideAddExtraDialog = () => {\r\n setAddExtraDialogState({\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n const [uploadExtraState, setUploadExtraState] = useState({ loading: false, idDoc: 0, name: null, error: false, result: null });\r\n\r\n\r\n const [uploadExtraDialogState, setuploadExtraDialogState] = useState({\r\n popupVisible: false,\r\n });\r\n const showUploadExtraDialog = (idDoc, alreadyHasDoc) => {\r\n setuploadExtraDialogState({\r\n idDoc: idDoc,\r\n popupVisible: true,\r\n });\r\n if (uploadFormRef != undefined && uploadFormRef != null && uploadFormRef.current != undefined && uploadFormRef.current != null) {\r\n uploadFormRef.current.setFieldValue(\"file\", null, false);\r\n }\r\n }\r\n const hideUploadExtraDialog = () => {\r\n setuploadExtraDialogState({\r\n idDoc: 0,\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n const [confirmDeleteDialogState, setConfirmDeleteDialogState] = useState({\r\n idDoc: 0,\r\n popupVisible: false,\r\n });\r\n const showConfirmDeleteDialog = (idDoc) => {\r\n setConfirmDeleteDialogState({\r\n idDoc: idDoc,\r\n popupVisible: true,\r\n });\r\n }\r\n const hideConfirmDeleteDialog = () => {\r\n setConfirmDeleteDialogState({\r\n idDoc: 0,\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n const loadLocalProcedureDocuments = async () => {\r\n setLocalProcedureDocumentsState({ loading: true, result: [] });\r\n if (Number(idRegistry) > 0) {\r\n fetch(`${process.env.PUBLIC_URL}/api/registries/GetRegistryDocs?id=${idRegistry}&remote=0&extra=0`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n setLocalProcedureDocumentsState({ loading: false, result: result.response });\r\n\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n })\r\n .catch((er) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n };\r\n const loadExtraDocuments = async () => {\r\n setFreeDocumentsState({ loading: true, result: [] });\r\n if (Number(idRegistry) > 0) {\r\n fetch(`${process.env.PUBLIC_URL}/api/registries/GetRegistryDocs?id=${idRegistry}&remote=0&extra=1`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n setFreeDocumentsState({ loading: false, result: result.response });\r\n\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n })\r\n .catch((er) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n };\r\n\r\n\r\n const DXTextInput = ({ fieldName, fieldType, fieldPlaceholder, ...rest }) => (\r\n \r\n {/**/}\r\n {/*
\r\n \r\n
\r\n Documentos recibidos del concesionario
\r\n\r\n
\r\n {\r\n (\r\n (remoteProcedureDocumentsState.result || []).length > 0\r\n ?\r\n (remoteProcedureDocumentsState.result || []).map((d) => {\r\n const hasDocument = (d[\"item3\"] != null && d[\"item3\"] != \"\");\r\n const isSelected = (selectedDocState.free==false && selectedDocState.id > 0 && selectedDocState.id == d[\"item2\"].id)\r\n let classNames = \"doc-list-item\";\r\n if (hasDocument) {\r\n classNames += \" doc-list-item-filled\"\r\n }\r\n if (isSelected) {\r\n classNames += \" doc-list-item-selected\"\r\n }\r\n\r\n return (\r\n Nombre
\r\n \r\n \r\n
\r\n )\r\n })\r\n :\r\n {\r\n setSelectedDocState({ free: false, id: d[\"item2\"].id });\r\n //d[\"item2\"]\r\n }} >\r\n
\r\n {d[\"item2\"].name}
\r\n \r\n {\r\n fetch(`${process.env.PUBLIC_URL}/api/registries/GetRegistryDocExtension?idRegistro=${idRegistry}&idProcedure=${d.item2.procedureId}&idDocumento=${d.item2.id}&remote=1&extra=0`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n var a = document.createElement(\"a\");\r\n a.href = `${d[\"item3\"]}`;\r\n a.download = `${d[\"item2\"].name}.${result.response}`;\r\n a.click();\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n })\r\n .catch((er) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n }\r\n />\r\n {/*
\r\n Sin documentos
\r\n )\r\n }\r\n \r\n
\r\n Documentos adicionales
\r\n \r\n Solicitar documento\r\n\r\n
\r\n {\r\n (\r\n (freeDocumentsState.result || []).length > 0\r\n ?\r\n (\r\n (freeDocumentsState.result || []).map((d) => {\r\n const hasDocument = (d[\"item2\"] != null && d[\"item3\"] != \"\");\r\n const isSelected = (selectedDocState.free == true && selectedDocState.id > 0 && selectedDocState.id == d[\"item2\"].id)\r\n let classNames = \"doc-list-item\";\r\n if (hasDocument) {\r\n classNames += \" doc-list-item-filled\"\r\n }\r\n if (isSelected) {\r\n classNames += \" doc-list-item-selected\"\r\n }\r\n\r\n return (\r\n Nombre
\r\n \r\n \r\n
\r\n )\r\n }\r\n )\r\n )\r\n :\r\n {\r\n setSelectedDocState({ free: true, id: d[\"item2\"].id });\r\n //d[\"item2\"]\r\n }} >\r\n
\r\n {d[\"item2\"].name}{d[\"item2\"].mandatory ? \" *\" : \"\"}
\r\n \r\n {hasDocument ?\r\n {\r\n fetch(`${process.env.PUBLIC_URL}/api/registries/GetRegistryDocExtension?idRegistro=${idRegistry}&idProcedure=${d.item2.procedureId}&idDocumento=${d.item2.id}&remote=1&extra=1`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n var a = document.createElement(\"a\");\r\n a.href = `${d[\"item3\"]}`;\r\n a.download = `${d[\"item2\"].name}.${result.response}`;\r\n a.click();\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n })\r\n .catch((er) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n }\r\n />\r\n :\r\n <>\r\n { showEditExtraDialog(d[\"item2\"].id, d[\"item2\"].name) }}\r\n />\r\n { showConfirmDeleteDialog(d[\"item2\"].id) }}\r\n />\r\n \r\n }\r\n \r\n {/*
\r\n Sin documentos
\r\n )\r\n }\r\n \r\n ¿Estás seguro de que deseas eliminar permanentemente este documento adicional?\r\n
\r\n \r\n\r\n {\r\n e.component.repaint();\r\n }}\r\n visible={addExtraDialogState.popupVisible}\r\n onHiding={hideAddExtraDialog}\r\n\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={`Añadir nuevo documento`}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, setFieldValue, ...props }) => {\r\n const hasInputError = (props.touched.name && props.errors.name);\r\n const hasFetchError = false; //(!addExtraState.loading && addExtraState.email == props.values.email && addExtraState.name == props.values.name && addExtraState.type == props.values.type && (addExtraState.result == null || addExtraState.error));\r\n const hasError = (hasInputError || hasFetchError);\r\n return \r\n }\r\n }\r\n \r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={uploadExtraDialogState.popupVisible}\r\n onHiding={hideUploadExtraDialog}\r\n\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={`Añadir documento`}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, setFieldValue, ...props }) => {\r\n const hasInputError = (props.touched.name && props.errors.name);\r\n const hasFetchError = false; //(!uploadExtraState.loading && uploadExtraState.email == props.values.email && uploadExtraState.name == props.values.name && uploadExtraState.type == props.values.type && (uploadExtraState.result == null || uploadExtraState.error));\r\n const hasError = (hasInputError || hasFetchError);\r\n return \r\n }\r\n }\r\n \r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={confirmDeleteDialogState.popupVisible}\r\n onHiding={hideConfirmDeleteDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={`Eliminando documento adicional`}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n {\r\n event.element.classList.remove(\"dx-state-active\");\r\n event.element.classList.remove(\"dx-state-focused\");\r\n hideConfirmDeleteDialog();\r\n },\r\n }}\r\n />\r\n {\r\n event.element.classList.remove(\"dx-state-active\");\r\n event.element.classList.remove(\"dx-state-focused\");\r\n const response = await fetch(`${process.env.PUBLIC_URL}/api/registries/DeleteRegistryExtraDoc?idRegistry=${idRegistry}&idDoc=${confirmDeleteDialogState.idDoc}`, {\r\n method: 'DELETE',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n });\r\n const data = await response.json();\r\n if (data.response != null) {\r\n reload();\r\n loadAll();\r\n }\r\n hideConfirmDeleteDialog();\r\n }\r\n }}\r\n />\r\n {/**/}\r\n
\r\n )\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAACS0lEQVRIDbVUz2sTQRSe2d1oDSxGsKKF7FZEeiloVZrUHAx48I9Q8JBFhSp68tJL7156UhviXyDevBtEJC2kKiJihDaJOVioaLVmIZE839s4OrPZMVtrF5J57/u+92Nm3yxj0sPJdjLeezRqzM16cxIZMt2MN0uQEcL/uE6m8EN4ioozflMQVK7929mW4U57X+SAoAaCdxlnc9jeE5kMbNGzIJSuBKjd9j91GhypSE2rmym8ZMBc4HwDSbuxVDos84rtZq+c6gd5s6L58fytlCxSNtGoFFdkkux6eUE5p20dOW3aYgCXY+8eteEO/r9vhlMeO3tt0j5yYn2/c6a62VqphXnlPUzkbtt+99NXITKMxNF65X5d+LQqx0rikaQ5SoTtpvf2et01suVHCTCtkfFaubhBgjcP5zsUJIu1tjNdAB2pVNCJZNzQzrKsQlvoDAA2cOdHT5p7QnociL4usqVqsdgNBwjf4sDexZkl0omgXV0HRklXzZm5ej41NlVOpae2NlsvBu6ZLk4ZvSjRRO76mN/1K8ilJf474/xcc6lUlbBIU1sgn5+3Vtutx4zBBc45FuCPAHp3MOAG2llgcBHxt5BI5JrP7n2OzI5g5Fsm8Wr7w0dcTidMdhw/ZDNYyCccO4fGcumSkbQP4Kj0WKfzKsA1f5YGZ83lBwd1HOG/vm2Tf9MQp93BsMC4/O4XwC/DFv2GdWSY5ms8fz9Yh4jlnBYGxdrF2vPFp5g3OSR3n5ZyWjh23wDgUJzrHys5iQD24Qivx9bvRPgTo1+r2XRoL+sAAAAASUVORK5CYII=\"","import { useEffect, useState } from \"react\"\r\nimport { Column, Editing, Export, Item, Pager, Paging, Scrolling, SearchPanel, Selection, Toolbar, LoadPanel as DGLoadPanel } from 'devextreme-react/data-grid';\r\nimport CustomStore from 'devextreme/data/custom_store';\r\nimport \"./RegistryEvents.css\";\r\nimport imgSpinner from '../../img/spinner.gif';\r\nimport parse from 'date-fns/parse'\r\nimport { DataGrid, LoadPanel } from \"devextreme-react\";\r\n\r\nexport const RegistryEvents = ({ idRegistry }) => {\r\n const [loadingState, setLoadingState] = useState(false);\r\n const [registryEventsState, setRegistryEventsState] = useState({ loading: true, result: null });\r\n const [filterState, setFilterState] = useState(null);\r\n //const loadRegistryEvents = async () => {\r\n // if (Number(idRegistry) > 0) {\r\n // fetch(`/api/registries/GetRegistryEvents?id=${idRegistry}`)\r\n // .then(response => response.json())\r\n // .then(result => {\r\n // // You can process the response here\r\n // console.log(result.response)\r\n // if (result.response != null) {\r\n // setRegistryEventsState({ loading: false, result: result.response });\r\n // return true;\r\n // } else {\r\n // return false;\r\n // }\r\n // })\r\n // .catch((er) => {\r\n // throw 'Network error'\r\n // return false;\r\n // });\r\n // } else {\r\n // return false;\r\n // }\r\n //};\r\n function handleErrors(response) {\r\n if (!response.ok) {\r\n throw Error(response.statusText);\r\n }\r\n return response;\r\n }\r\n const registryDataSource = new CustomStore({\r\n key: 'id',\r\n loadMode: 'raw',\r\n filter: filterState,\r\n load: () => {\r\n return fetch(`${process.env.PUBLIC_URL}/api/registries/GetRegistryEvents?id=${idRegistry}`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n var res = result.response;\r\n //setRegistryEventsState({ loading: false, result: result.response });\r\n return res;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n });\r\n\r\n return (\r\n \r\n {/**/}\r\n {/*
\r\n \r\n
\r\n Documentos a aportar por la gestoría
\r\n\r\n
\r\n {\r\n (\r\n (localProcedureDocumentsState.result || []).length > 0\r\n ?\r\n (localProcedureDocumentsState.result || []).map((d) => {\r\n const hasDocument = (d[\"item3\"] != null && d[\"item3\"] != \"\");\r\n const isSelected = (selectedDocState.free==false && selectedDocState.id > 0 && selectedDocState.id == d[\"item2\"].id)\r\n let classNames = \"doc-list-item\";\r\n if (hasDocument) {\r\n classNames += \" doc-list-item-filled\"\r\n }\r\n if (isSelected) {\r\n classNames += \" doc-list-item-selected\"\r\n }\r\n\r\n return (\r\n Nombre
\r\n \r\n \r\n
\r\n )\r\n })\r\n :\r\n {\r\n setSelectedDocState({ free: false, id: d[\"item2\"].id });\r\n //d[\"item2\"]\r\n }} >\r\n
\r\n {d[\"item2\"].name}{d[\"item2\"].mandatory?\" *\":\"\"}
\r\n \r\n {\r\n showUploadExtraDialog(d[\"item2\"].id, hasDocument)\r\n }\r\n }\r\n />\r\n {!hasDocument ?\r\n null\r\n :\r\n <>\r\n {\r\n fetch(`${process.env.PUBLIC_URL}/api/registries/GetRegistryDocExtension?idRegistro=${idRegistry}&idProcedure=${d.item2.procedureId}&idDocumento=${d.item2.id}&remote=0&extra=0`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n var a = document.createElement(\"a\");\r\n a.href = `${d[\"item3\"]}`;\r\n a.download = `${d[\"item2\"].name}.${result.response}`;\r\n a.click();\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n })\r\n .catch((er) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n }\r\n />\r\n \r\n }\r\n \r\n {/*
\r\n Sin documentos
\r\n )\r\n }\r\n \r\n
\r\n Documentos adicionales
\r\n \r\n Añadir nuevo documento\r\n\r\n
\r\n {\r\n (\r\n (freeDocumentsState.result || []).length > 0\r\n ?\r\n (\r\n (freeDocumentsState.result || []).map((d) => {\r\n const hasDocument = (d[\"item3\"] != null && d[\"item3\"] != \"\");\r\n const isSelected = (selectedDocState.free == true && selectedDocState.id > 0 && selectedDocState.id == d[\"item2\"].id)\r\n let classNames = \"doc-list-item\";\r\n if (hasDocument) {\r\n classNames += \" doc-list-item-filled\"\r\n }\r\n if (isSelected) {\r\n classNames += \" doc-list-item-selected\"\r\n }\r\n\r\n return (\r\n Nombre
\r\n \r\n \r\n
\r\n )\r\n }\r\n )\r\n )\r\n :\r\n {\r\n setSelectedDocState({ free: true, id: d[\"item2\"].id });\r\n //d[\"item2\"]\r\n }} >\r\n
\r\n {d[\"item2\"].name}
\r\n \r\n {hasDocument ?\r\n <>\r\n {\r\n fetch(`${process.env.PUBLIC_URL}/api/registries/GetRegistryDocExtension?idRegistro=${idRegistry}&idProcedure=${d.item2.procedureId}&idDocumento=${d.item2.id}&remote=0&extra=1`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n var a = document.createElement(\"a\");\r\n a.href = `${d[\"item3\"]}`;\r\n a.download = `${d[\"item2\"].name}.${result.response}`;\r\n a.click();\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n })\r\n .catch((er) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n }\r\n />\r\n { showConfirmDeleteDialog(d[\"item2\"].id) }}\r\n />\r\n \r\n :\r\n <>\r\n { showConfirmDeleteDialog(d[\"item2\"].id) }}\r\n />\r\n \r\n }\r\n \r\n {/*
\r\n Sin documentos
\r\n )\r\n }\r\n \r\n ¿Estás seguro de que deseas eliminar permanentemente este documento adicional?\r\n
\r\n \r\n\r\n \r\n {\r\n let datePart = rowData.date.split(\" \")[0];\r\n let timePart = rowData.date.split(\" \")[1];\r\n let formated = datePart.split(\"/\")[0].padStart(2, \"0\") + \"/\" + datePart.split(\"/\")[1].padStart(2, \"0\") + \"/\" + datePart.split(\"/\")[2].padStart(4, \"0\") + \" \" + timePart.split(\":\")[0].padStart(2, \"0\") + \":\" + timePart.split(\":\")[1].padStart(2, \"0\") + \":\" + timePart.split(\":\")[2].padStart(2, \"0\");\r\n return parse(formated, \"dd/MM/yyyy HH:mm:ss\", new Date());\r\n }}\r\n />\r\n {\r\n let datePart = rowData.date.split(\" \")[0];\r\n let timePart = rowData.date.split(\" \")[1];\r\n return datePart.split(\"/\")[0].padStart(2, \"0\") + \"/\" + datePart.split(\"/\")[1].padStart(2, \"0\") + \"/\" + datePart.split(\"/\")[2].padStart(4, \"0\") + \" \" + timePart.split(\":\")[0].padStart(2, \"0\") + \":\" + timePart.split(\":\")[1].padStart(2, \"0\") + \":\" + timePart.split(\":\")[2].padStart(2, \"0\");\r\n }}\r\n />\r\n
\r\n );\r\n}","import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react'\r\nimport { useHistory, useParams } from 'react-router';\r\nimport { Link } from 'react-router-dom';\r\nimport \"./Registry.css\";\r\nimport imgGoBack from '../../img/go_back.png';\r\nimport { Button, CheckBox, LoadPanel, Popup } from 'devextreme-react';\r\nimport SelectBox from \"devextreme-react/select-box\";\r\nimport TextBox from 'devextreme-react/text-box';\r\nimport TextArea, { TextAreaTypes } from 'devextreme-react/text-area';\r\nimport { Position, ToolbarItem } from 'devextreme-react/popup';\r\nimport { RemoteDocuments } from './RemoteDocuments';\r\nimport { LocalDocuments } from './LocalDocuments';\r\nimport { SessionContext } from '../context/SessionContext';\r\nimport imgSpinner from '../../img/spinner.gif';\r\nimport { RegistryEvents } from './RegistryEvents';\r\n\r\n\r\n//const renderStateField = (data) => {\r\n// return (\r\n// \r\n// {\r\n// if (data != undefined && data != null) {\r\n// let listItem = e.component.element().querySelector(\".dx-texteditor-input\");\r\n// listItem.style.color = data.state.foreColor;\r\n// listItem.style.fontFamily = \"roboto-bold\";\r\n// }\r\n// }}\r\n// />\r\n//
\r\n// );\r\n//}\r\n\r\nexport const Registry = () => {\r\n const { idRegistry, idDealer, idProcedure } = useParams();\r\n\r\n const { session: sessionContext, setSession: setSessionContext } = useContext(SessionContext);\r\n\r\n let history = useHistory();\r\n\r\n const [loadingState, setLoadingState] = useState(true);\r\n const [editionState, setEditionState] = useState(false);\r\n\r\n const [nameInputState, setNameInputState] = useState(\"\");\r\n const [errorState, setErrorState] = useState(\"\");\r\n\r\n const [registryState, setRegistryState] = useState({ loading: true, result: null });\r\n const [usersState, setUsersState] = useState({ loading: true, result: null });\r\n const [stateState, setStateState] = useState({ loading: true, result: null });\r\n\r\n const [dealerState, setDealerState] = useState({ loading: true, result: null });\r\n\r\n const [stateComboState, setStateComboState] = useState(null);\r\n const [userComboState, setUserComboState] = useState(null);\r\n\r\n\r\n const [exportedSigaChkState, setExportedSigaChkState] = useState(false);\r\n\r\n const [dataState, setDataState] = useState([]);\r\n const [remoteDataState, setRemoteDataState] = useState([]);\r\n const [docsState, setDocsState] = useState([]);\r\n const [remoteDocsState, setRemoteDocsState] = useState([]);\r\n const [extraDocsState, setExtraDocsState] = useState([]);\r\n const [extraRemoteDocsState, setExtraRemoteDocsState] = useState([]);\r\n const [incidenceState, setIncidenceState] = useState(\"\");\r\n const [notifyToStringState, setNotifyToStringState] = useState(\"\");\r\n\r\n\r\n const [dataFormState, setDataFormState] = useState([]);\r\n const [remoteDataFormState, setRemoteDataFormState] = useState([]);\r\n\r\n\r\n const renderStateField = useCallback((data) => {\r\n return (\r\n \r\n {\r\n if (data != undefined && data != null) {\r\n let listItem = e.component.element().querySelector(\".dx-texteditor-input\");\r\n listItem.style.color = data.state.foreColor;\r\n listItem.style.fontFamily = \"roboto-bold\";\r\n }\r\n }}\r\n />\r\n
\r\n );\r\n }, []);\r\n\r\n\r\n\r\n const loadRegistry = async () => {\r\n\r\n if (Number(idRegistry) > 0) {\r\n return fetch(`${process.env.PUBLIC_URL}/api/registries/GetRegistry?id=${idRegistry}`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n setRegistryState({ loading: false, result: result.response });\r\n setStateComboState(result.response.registry.stateId);\r\n setUserComboState(result.response.registry.assigned);\r\n setExportedSigaChkState(result.response.registry.exported);\r\n //setNameInputState(result.response.name);\r\n\r\n return true;\r\n } else {\r\n let currentUrl = history.location.pathname;\r\n let backlog = [];\r\n if (history.location.state != undefined && history.location.state.comesFrom != undefined && history.location.state.comesFrom != \"\") {\r\n backlog = history.location.state.comesFrom;\r\n }\r\n backlog.push(currentUrl);\r\n history.replace(`/registries/${idDealer}`, { comesFrom: backlog });\r\n return false;\r\n }\r\n })\r\n .catch((er) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n } else {\r\n let currentUrl = history.location.pathname;\r\n let backlog = [];\r\n if (history.location.state != undefined && history.location.state.comesFrom != undefined && history.location.state.comesFrom != \"\") {\r\n backlog = history.location.state.comesFrom;\r\n }\r\n backlog.push(currentUrl);\r\n history.replace(`/registries/${idDealer}`, { comesFrom: backlog });\r\n return false;\r\n }\r\n };\r\n\r\n const downloadRegistry = async () => {\r\n\r\n if (Number(idRegistry) > 0) {\r\n fetch(`${process.env.PUBLIC_URL}/api/registries/DownloadRegistry?id=${idRegistry}`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n downloadB64(result.response, registryState.result.registry.fullId, \".zip\");\r\n return true;\r\n } else {\r\n\r\n return false;\r\n }\r\n })\r\n .catch((er) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n };\r\n const exportRegistrySIGA = async () => {\r\n\r\n if (Number(idRegistry) > 0) {\r\n fetch(`${process.env.PUBLIC_URL}/api/registries/ExportRegistrySIGA?id=${idRegistry}`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n if (result.response != null) {\r\n downloadB64(result.response, registryState.result.registry.fullId, \".xml\");\r\n return true;\r\n } else {\r\n\r\n return false;\r\n }\r\n })\r\n .catch((er) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n };\r\n\r\n\r\n\r\n const downloadB64 = (fileB64, fileName, extension) => {\r\n const linkSource = `data:application/zip;base64,${fileB64}`;\r\n const downloadLink = document.createElement(\"a\");\r\n const fname = fileName + extension;\r\n downloadLink.href = linkSource;\r\n downloadLink.download = fname;\r\n downloadLink.click();\r\n }\r\n\r\n const loadDealer = async () => {\r\n return fetch(`${process.env.PUBLIC_URL}/api/dealers/GetId?id=${idDealer}`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n setDealerState({ loading: false, result: result.response });\r\n return result.response;\r\n })\r\n .catch((err) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n const loadStates = async () => {\r\n return fetch(`${process.env.PUBLIC_URL}/api/procedures/GetStates?idProcedure=${idProcedure}`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n setStateState({ loading: false, result: result.response })\r\n return true;\r\n })\r\n .catch((err) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n };\r\n const loadStates_depr = async () => {\r\n return fetch(`${process.env.PUBLIC_URL}/api/procedures/GetAllProcedureStates`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n setStateState({ loading: false, result: result.response })\r\n return true;\r\n })\r\n .catch((err) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n };\r\n\r\n\r\n\r\n const loadUsers = async () => {\r\n return fetch(`${process.env.PUBLIC_URL}/api/users`)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setUsersState({ loading: false, result: result.response });\r\n\r\n return result.response;\r\n })\r\n .catch((err) => {\r\n throw 'Network error'\r\n return false;\r\n });\r\n }\r\n\r\n const validateRegistry = async () => {\r\n let error = \"\";\r\n if (userComboState == null || userComboState <= 0) {\r\n error = \"No se ha asignado el trámite a un usuario.\";\r\n }\r\n if (stateComboState == null || stateComboState <= 1) {\r\n error = \"No se ha asignado un estado al trámite.\";\r\n }\r\n //if the state that is set is 4 (incidencia) incidenceState can't be empty.\r\n if (stateComboState == 4 && incidenceState.trim() == \"\") {\r\n error = \"Debe establecerse un texto de incidencia si el estado es 'Incidencia'.\";\r\n } else if (stateComboState == 6) {\r\n //if the state that is set is 6 (finalizado) we should check all mandatory local data and docs is available.\r\n let isAnyDocMissing = false;\r\n docsState.forEach((d) => {\r\n if (d[0].mandatory && (d[1] == null || d[1] == \"\")) {\r\n isAnyDocMissing = true;\r\n }\r\n });\r\n let isAnyDataMissing = false;\r\n dataState.forEach((d) => {\r\n if (d[0].mandatory) {\r\n const valorEnCampo = dataFormState.find(e => e[0] == String(d[0].id))[1];\r\n if (valorEnCampo == undefined || valorEnCampo.trim() == \"\") {\r\n isAnyDataMissing = true;\r\n }\r\n }\r\n });\r\n\r\n if (isAnyDocMissing || isAnyDataMissing) {\r\n error = \"No ha sido posible finalizar el trámite porque deben rellenarse todos los datos y documentos obligatorios a aportar por la gestoría (marcados con '*') para poder establecer el estado a 'Finalizado'. Revísalo de nuevo.\";\r\n }\r\n }\r\n return error;\r\n }\r\n const reload = () => {\r\n loadAll();\r\n }\r\n\r\n //const loadDatas = async () => {\r\n // fetch(`./api/registrys/GetData?idRegistry=${id}&remote=0`)\r\n // .then(response => response.json())\r\n // .then(result => {\r\n // // You can process the response here\r\n // console.log(result.response)\r\n // setDataState(result.response)\r\n // })\r\n // .catch(() => { throw 'Network error' });\r\n // fetch(`./api/registrys/GetData?idRegistry=${id}&remote=1`)\r\n // .then(response => response.json())\r\n // .then(result => {\r\n // // You can process the response here\r\n // console.log(result.response)\r\n // setRemoteDataState(result.response)\r\n // })\r\n // .catch(() => { throw 'Network error' });\r\n //};\r\n //const loadDocs = async () => {\r\n // fetch(`./api/registrys/GetDocs?idRegistry=${id}&remote=0`)\r\n // .then(response => response.json())\r\n // .then(result => {\r\n // // You can process the response here\r\n // console.log(result.response)\r\n // setDocsState(result.response)\r\n // })\r\n // .catch(() => { throw 'Network error' });\r\n // fetch(`./api/registrys/GetDocs?idRegistry=${id}&remote=1`)\r\n // .then(response => response.json())\r\n // .then(result => {\r\n // // You can process the response here\r\n // console.log(result.response)\r\n // setRemoteDocsState(result.response)\r\n // })\r\n // .catch(() => { throw 'Network error' });\r\n //};\r\n\r\n const loadAll = async () => {\r\n setLoadingState(true);\r\n Promise.all([loadRegistry(), loadUsers(), loadStates(), loadDealer()]).then(() => {\r\n setLoadingState(false);\r\n });\r\n }\r\n\r\n\r\n const saveEdit = async (exitAfterSuccess) => {\r\n validateRegistry().then((res) => {\r\n if (res != \"\") {\r\n console.log(res);\r\n\r\n showGenericDialog(stateComboState == 6 ? \"No ha sido posible finalizar el trámite\" : \"No guardado\", [\"No ha sido posible guardar el trámite porque se ha detectado el siguiente problema: \", <>{res}], \"Ok\", null, () => { hideGenericDialog() }, () => { })\r\n } else {\r\n setLoadingState(true);\r\n let dataJson = JSON.stringify([...dataFormState, ...remoteDataFormState]);\r\n fetch(`${process.env.PUBLIC_URL}/api/registries/PutRegistry?idProcedure=${idProcedure}&idRegistry=${idRegistry}&state=${stateComboState}&user=${userComboState}&data=${encodeURIComponent(dataJson)}&incidence=${encodeURIComponent(incidenceState)}&exported=${exportedSigaChkState ? \"1\" : \"0\"}`,\r\n {\r\n method: 'PUT',\r\n body: '',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n })\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n console.log(result.response)\r\n setLoadingState(false);\r\n if (result.response != null) {\r\n reload();\r\n if (exitAfterSuccess) {\r\n let currentUrl = history.location.pathname;\r\n let backlog = [];\r\n if (history.location.state != undefined && history.location.state.comesFrom != undefined && history.location.state.comesFrom != \"\") {\r\n backlog = history.location.state.comesFrom;\r\n }\r\n backlog.push(currentUrl);\r\n history.replace(`/registries/${idDealer}`, { comesFrom: backlog });\r\n } else {\r\n if (stateComboState == 6) {\r\n //If the state of the registry after saving is 'finalizado' we should not be able to continue editing it.\r\n setEditionState(false);\r\n }\r\n }\r\n }\r\n })\r\n .catch(() => {\r\n throw 'Network error'\r\n setLoadingState(false);\r\n });\r\n\r\n }\r\n })\r\n }\r\n\r\n\r\n const [genericDialogState, setGenericDialogState] = useState({\r\n title: \"\",\r\n body: \"\",\r\n okText: \"\",\r\n koText: \"\",\r\n okCallback: () => {\r\n\r\n },\r\n koCallback: () => {\r\n\r\n },\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showGenericDialog = (title, body, okText, koText, okCallback, koCallback) => {\r\n setGenericDialogState({\r\n title: title,\r\n body: body,\r\n okText: okText,\r\n koText: koText,\r\n okCallback: okCallback,\r\n koCallback: koCallback,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n }\r\n const hideGenericDialog = () => {\r\n setGenericDialogState({\r\n title: \"\",\r\n body: \"\",\r\n okText: \"\",\r\n koText: \"\",\r\n okCallback: () => {\r\n\r\n },\r\n koCallback: () => {\r\n\r\n },\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n const renderStateItem = (data) => {\r\n return (\r\n
\r\n
\r\n );\r\n }\r\n\r\n const stateDataSource = useMemo(() => {\r\n const retVal = stateState.loading || stateState.result == undefined || stateState.result == null || registryState.result == undefined || registryState.result == null ? [] : stateState.result.filter((e) => e.shown && e.state != null && e.state.id != null && e.state.id != 1).sort((a, b) => parseFloat(a.order) - parseFloat(b.order));\r\n\r\n return retVal;\r\n\r\n }, [stateState, registryState]);\r\n\r\n //const stateDataSource_DEPR = useMemo(() => {\r\n // const retVal = stateState.loading || stateState.result == undefined || stateState.result == null || registryState.result == undefined || registryState.result == null || registryState.result.registry == undefined || registryState.result.registry == null || stateState.result[String(registryState.result.registry.procedureId)] == undefined || stateState.result[String(registryState.result.registry.procedureId)] == null ? [] : stateState.result[String(registryState.result.registry.procedureId)].filter((e) => e.shown && e.state != null && e.state.id != null && e.state.id != 1).sort((a, b) => parseFloat(a.order) - parseFloat(b.order));\r\n\r\n // return retVal;\r\n\r\n //}, [stateState, registryState]);\r\n\r\n function handleErrors(response) {\r\n if (!response.ok) {\r\n throw Error(response.statusText);\r\n }\r\n return response;\r\n }\r\n useEffect(async () => {\r\n await fetch(`${process.env.PUBLIC_URL}/api/notifications/MarkAsSeen?idRegistry=${idRegistry}`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n //setNotificationsState(result.response);\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }, []);\r\n\r\n\r\n const prepareData = () => {\r\n if (!registryState.loading) {\r\n var remoteDataResult = [];\r\n var dataResult = [];\r\n var remoteDocsResult = [];\r\n var docsResult = [];\r\n var remoteExtraDocsResult = [];\r\n var extraDocsResult = [];\r\n for (const property in registryState.result.datas) {\r\n if (registryState.result.datas[property].item1.remote) {\r\n remoteDataResult.push([registryState.result.datas[property].item1, registryState.result.datas[property].item2]);\r\n } else {\r\n dataResult.push([registryState.result.datas[property].item1, registryState.result.datas[property].item2]);\r\n }\r\n }\r\n for (const property in registryState.result.docs) {\r\n if (registryState.result.docs[property].item1.remote) {\r\n remoteDocsResult.push([registryState.result.docs[property].item1, registryState.result.docs[property].item2]);\r\n } else {\r\n docsResult.push([registryState.result.docs[property].item1, registryState.result.docs[property].item2]);\r\n }\r\n }\r\n for (const property in registryState.result.extraDocs) {\r\n if (registryState.result.extraDocs[property].item1.remote) {\r\n remoteExtraDocsResult.push([registryState.result.extraDocs[property].item1, registryState.result.extraDocs[property].item2]);\r\n } else {\r\n extraDocsResult.push([registryState.result.extraDocs[property].item1, registryState.result.extraDocs[property].item2]);\r\n }\r\n }\r\n setRemoteDataState(remoteDataResult);\r\n setDataState(dataResult);\r\n setRemoteDocsState(remoteDocsResult);\r\n setDocsState(docsResult);\r\n setExtraRemoteDocsState(remoteExtraDocsResult);\r\n setExtraDocsState(extraDocsResult);\r\n var remoteDataForm = remoteDataResult.map((e) => {\r\n return [String(e[0].id), e[1]];\r\n });\r\n setRemoteDataFormState(remoteDataForm);\r\n var dataForm = dataResult.map((e) => {\r\n return [String(e[0].id), e[1]];\r\n });\r\n setIncidenceState(registryState.result.registry.incidence);\r\n let deserializedNotifyTo = JSON.parse(registryState.result.registry.notifyTo);\r\n let stringNotifyTo = deserializedNotifyTo.filter((each) => {\r\n return each.Type == \"email\";\r\n }).map((each) => {\r\n return each.Target;\r\n }).join(\"; \");\r\n setNotifyToStringState(stringNotifyTo)\r\n setDataFormState(dataForm);\r\n } else {\r\n setRemoteDataState([]);\r\n setDataState([]);\r\n setDocsState([]);\r\n setRemoteDocsState([]);\r\n setExtraDocsState([]);\r\n setExtraRemoteDocsState([]);\r\n setIncidenceState(\"\");\r\n setNotifyToStringState(\"\");\r\n\r\n setDataFormState([]);\r\n setRemoteDataFormState([]);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n prepareData();\r\n }, [registryState]);\r\n\r\n useEffect(loadAll, [idRegistry, idDealer, idProcedure]);\r\n\r\n const [cmbFixState, setCmbFixState] = useState(false);\r\n\r\n return (\r\n {(data != undefined && data != null) ? data.state.name : \"\"}
\r\n \r\n {\r\n e.component.repaint();\r\n }}\r\n visible={genericDialogState.popupVisible}\r\n onHiding={hideGenericDialog}\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title={genericDialogState.title}\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n
\r\n )\r\n}\r\n","import { DateBox, SelectBox, TextBox } from 'devextreme-react';\r\nimport React from 'react'\r\n\r\nimport \"./HistorySearch.css\";\r\n\r\nexport const HistorySearch = ({ searchState, setSearchState, userDataSource }) => {\r\n\r\n const disableStartDates = (args) => {\r\n return args.date > searchState.endDate\r\n }\r\n const disableEndDates = (args) => {\r\n return (args.date > new Date(new Date().setDate(new Date().getDate() +1)) || args.date < searchState.startDate);\r\n }\r\n return (\r\n \r\n\r\n
\r\n \r\n \r\n Ir atrás\r\n \r\n \r\n
\r\n\r\n \r\n {!dealerState.loading ? dealerState.result.name : \"\"}\r\n {!dealerState.loading ? dealerState.result.clienteDF : \"\"}\r\n
\r\n \r\n {\r\n setUserComboState(event.component.option(\"value\"))\r\n }}\r\n dataSource={usersState.loading ? [] : usersState.result}\r\n valueExpr=\"id\"\r\n displayExpr=\"name\"\r\n disabled={!editionState || Number(sessionContext.user.userType) <= 0}\r\n />\r\n Estado: \r\n {/*fieldRender={renderStateField}*/}\r\n {\r\n setStateComboState(event.component.option(\"value\"))\r\n }}\r\n value={stateComboState}\r\n dataSource={stateDataSource}\r\n valueExpr=\"state.id\"\r\n displayExpr=\"state.name\"\r\n //fieldRender={renderStateField}\r\n itemRender={renderStateItem}\r\n disabled={!editionState}\r\n onContentReady={(e) => {\r\n //e.component.open();\r\n //e.component.close();\r\n }}\r\n onClosed={(e) => {\r\n if (!cmbFixState) {\r\n setCmbFixState(true);\r\n e.component.open();\r\n }\r\n }}\r\n onOpened={(e) => {\r\n if (!cmbFixState) {\r\n e.component.close();\r\n }\r\n let listItems = e.component.content().querySelectorAll(\".dx-list-item-content\");\r\n listItems.forEach(function (listItem) {\r\n listItem.style.padding = '0px';\r\n });\r\n }}\r\n />\r\n
\r\n {registryState.loading ? \"Cargando...\" : `${String(registryState.result.registry.gestoria).padStart(3, \"0\")}${String(registryState.result.registry.procedureId).padStart(4, \"0\")}${String(registryState.result.registry.id).padStart(6, \"0\")}`}
\r\n Asignado: \r\n\r\n Tipo: {registryState.loading || registryState.result == undefined || registryState.result == null || registryState.result.registry == undefined || registryState.result.registry == null ? \"Cargando...\" : registryState.result.registry.procedureName}\r\n F. Alta: {registryState.loading || registryState.result == undefined || registryState.result == null || registryState.result.registry == undefined || registryState.result.registry == null ? \"Cargando...\" : registryState.result.registry.createDate}\r\n F. Mod.: {registryState.loading || registryState.result == undefined || registryState.result == null || registryState.result.registry == undefined || registryState.result.registry == null ? \"Cargando...\" : registryState.result.registry.changeDate}\r\n F. Cierre: {registryState.loading || registryState.result == undefined || registryState.result == null || registryState.result.registry == undefined || registryState.result.registry == null || registryState.result.registry.closeDate == \"\" ? \"-\" : registryState.result.registry.closeDate}\r\n {/*Exportado a SIGA: */}\r\n {/*{registryState.loading || registryState.result == undefined || registryState.result == null || registryState.result.registry == undefined || registryState.result.registry == null ? { setExportedSigaChkState(e.value) }} />} */}\r\n
\r\n {editionState\r\n ?\r\n \r\n
\r\n :\r\n (!registryState.loading && registryState.result != undefined && registryState.result.registry != undefined && (Number(sessionContext.user.id) == Number(registryState.result.registry.assigned) || Number(sessionContext.user.userType) > 0)\r\n ?\r\n {errorState}
\r\n \r\n\r\n \r\n {/*
\r\n :\r\n \r\n )\r\n }\r\n \r\n
\r\n\r\n \r\n
\r\n Datos
\r\n\r\n
\r\n \r\n
\r\n Datos proporcionados por el concesionario
\r\n {\r\n registryState.loading\r\n ?\r\n \"Cargando...\"\r\n : (\r\n <>\r\n\r\n \r\n
\r\n {(remoteDataState || []).map((d) => {\r\n return (\r\n \r\n \r\n e[0] == String(d[0].id))[1]}\r\n valueChangeEvent=\"keyup\"\r\n onValueChanged={event => {\r\n setRemoteDataFormState(remoteDataFormState.map((e) => {\r\n if (e[0] != String(d[0].id)) {\r\n return e;\r\n } else {\r\n return [String(d[0].id), event.component.option(\"value\")];\r\n }\r\n })\r\n );\r\n }}\r\n />\r\n
\r\n )\r\n })}\r\n \r\n )\r\n }\r\n \r\n
\r\n Datos a cumplimentar por la gestoría
\r\n {\r\n registryState.loading\r\n ?\r\n \"Cargando...\"\r\n : (\r\n <>\r\n\r\n \r\n {/* {*/}\r\n {/* setIncidenceState(event.component.option(\"value\"));*/}\r\n {/* }}*/}\r\n {/*/>*/}\r\n {\r\n //Limit to 150 characters\r\n let value = event.component.option(\"value\");\r\n if (value.length > 150) {\r\n value = value.substr(0, 150);\r\n }\r\n setIncidenceState(value);\r\n }}\r\n />\r\n
\r\n {(dataState || []).map((d) => {\r\n return (\r\n \r\n \r\n e[0] == String(d[0].id))[1]}\r\n valueChangeEvent=\"keyup\"\r\n onValueChanged={event => {\r\n setDataFormState(dataFormState.map((e) => {\r\n if (e[0] != String(d[0].id)) {\r\n return e;\r\n } else {\r\n return [String(d[0].id), event.component.option(\"value\")];\r\n }\r\n })\r\n );\r\n }}\r\n />\r\n
\r\n )\r\n })}\r\n \r\n )\r\n }\r\n \r\n
\r\n Documentos a aportar por el concesionario
\r\n\r\n\r\n
\r\n Documentos a aportar por la gestoría
\r\n\r\n
\r\n Eventos ocurridos sobre el trámite
\r\n\r\n {genericDialogState.body}\r\n
\r\n \r\n\r\n
\r\n )\r\n}\r\n","import { Button, DataGrid } from 'devextreme-react'\r\nimport { Column, Editing, Export, Item, Pager, Paging, Scrolling, SearchPanel, Selection, Toolbar, LoadPanel as DGLoadPanel } from 'devextreme-react/data-grid';\r\nimport CustomStore from 'devextreme/data/custom_store';\r\nimport { Workbook } from 'exceljs';\r\nimport { saveAs } from 'file-saver';\r\nimport React, { useEffect, useState } from 'react'\r\nimport useWindowSize from '../../hooks/useWindowSizze';\r\nimport { exportDataGrid } from 'devextreme/excel_exporter';\r\nimport parse from 'date-fns/parse'\r\nimport imgSpinner from '../../img/spinner.gif';\r\n\r\nimport \"./HistoryGrid.css\";\r\n\r\nexport const HistoryGrid = ({ searchState }) => {\r\n\r\n //{ \"id\", \"Id\" },\r\n //{ \"event\", \"Event\" },\r\n //{ \"date\", \"Date\" },\r\n //{ \"gestoria\", \"GestoriaId\" },\r\n //{ \"user\", \"UserId\" },\r\n //{ \"state\", \"StateId\" },\r\n //{ \"procedure\", \"ProcedureId\" },\r\n //{ \"registry\", \"RegistryId\" },\r\n //{ \"doc\", \"DocId\" },\r\n //{ \"extra_doc\", \"ExtraDoc\" },\r\n //{ \"description\", \"Description\" }\r\n\r\n const [usersState, setUsersState] = useState({ loading: true, results: [] });\r\n const [procedureState, setProcedureState] = useState({ loading: true, results: [] });\r\n\r\n\r\n const windowSize = useWindowSize();\r\n\r\n const [gridPaginationState, setGridPaginationState] = useState({});\r\n\r\n const [filterState, setFilterState] = useState(null);\r\n\r\n const loadProcedures = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/procedures/Get`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setProcedureState({ loading: false, results: result.response });\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n const loadUsers = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/users`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setUsersState({ loading: false, results: result.response });\r\n if (searchState.user != null && searchState.user > 0) {\r\n return result.response.filter((e) => e.userId == searchState.user);\r\n } else {\r\n return result.response;\r\n }\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n const loadAll = async () => {\r\n Promise.all([loadProcedures(), loadUsers()]).then(() => {\r\n //setLoadingState(false);\r\n });\r\n }\r\n const resizeGridPagination = () => {\r\n try {\r\n var expGridShowRowCount = Math.floor(((windowSize.height - (156 + 50) - (54 * 2) - 30) / 55));\r\n setGridPaginationState({\r\n pageSize: expGridShowRowCount,\r\n infoText: \"Mostrando {2} entradas\"\r\n });\r\n } catch (ee) {\r\n\r\n }\r\n }\r\n const eventId2Human = (eId) => {\r\n //LogIn,\r\n // LogOut,\r\n // AssignRegistry,\r\n // ChangeRegistryState,\r\n // ViewRegistry,\r\n // ViewFile,\r\n // ExportSiga,\r\n // DownloadRegistry\r\n if (eId == 0) {\r\n return \"Inicia sesión\"\r\n } else if (eId == 1) {\r\n return \"Cierra sesión\"\r\n } else if (eId == 2) {\r\n return \"Asigna trámite\"\r\n } else if (eId == 3) {\r\n return \"Cambia estado de trámite\"\r\n }else if (eId == 4) {\r\n return \"Abre trámite\"\r\n } else if (eId == 5) {\r\n return \"Abre archivo\"\r\n } else if (eId == 6) {\r\n return \"Exporta a SIGA\"\r\n } else if (eId == 7) {\r\n return \"Descarga trámite\"\r\n }\r\n }\r\n\r\n\r\n useEffect(loadAll, []);\r\n useEffect(resizeGridPagination, [windowSize]);\r\n\r\n function handleErrors(response) {\r\n if (!response.ok) {\r\n throw Error(response.statusText);\r\n }\r\n return response;\r\n }\r\n const historyDataSource = new CustomStore({\r\n key: 'uId',\r\n loadMode: 'raw',\r\n filter: filterState,\r\n load: () => {\r\n return fetch(`${process.env.PUBLIC_URL}/api/history?fromDate=${String(searchState.startDate.getDate()).padStart(2, '0')}-${String(searchState.startDate.getMonth() + 1).padStart(2, '0')}-${searchState.startDate.getFullYear()}&toDate=${String(searchState.endDate.getDate()).padStart(2, '0')}-${String(searchState.endDate.getMonth() + 1).padStart(2, '0')}-${searchState.endDate.getFullYear()}`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n var res = result.response;\r\n if (searchState.user != null && searchState.user > 0) {\r\n res = res.filter((e) => e.userId == searchState.user);\r\n }\r\n if (searchState.event != null && searchState.event > -1) {\r\n res = res.filter((e) => e.event == searchState.event);\r\n }\r\n if (searchState.tramite != null && searchState.tramite != \"\") {\r\n res = res.filter((e) => {\r\n return e.procedureId > 0 && (`${String(e.gestoriaId).padStart(3, \"0\")}${String(e.procedureId).padStart(4, \"0\")}${String(e.registryId).padStart(6, \"0\")}`.endsWith(searchState.tramite) || `${String(e.gestoriaId).padStart(3, \"0\")}${String(e.procedureId).padStart(4, \"0\")}${String(e.registryId).padStart(6, \"0\")}`.startsWith(searchState.tramite))\r\n });\r\n }\r\n return res;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n });\r\n\r\n const onExporting = (e) => {\r\n const workbook = new Workbook();\r\n const worksheet = workbook.addWorksheet('Trámites');\r\n exportDataGrid({\r\n //component: dGrid.getInstance(document.querySelector(\".dx-datagrid\")),\r\n component: e.component,\r\n worksheet: worksheet,\r\n selectedRowsOnly: true,\r\n customizeCell: function (options) {\r\n const excelCell = options;\r\n excelCell.font = { name: 'Arial', size: 12 };\r\n excelCell.alignment = { horizontal: 'left' };\r\n }\r\n }).then(function () {\r\n workbook.xlsx.writeBuffer()\r\n .then(function (buffer) {\r\n saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'Auditoria.xlsx');\r\n });\r\n });\r\n e.cancel = true;\r\n }\r\n\r\n\r\n const [exportButtonState, setExportButtonState] = useState(false);\r\n const onRowSelectionChanged = (e) => {\r\n e.component.getSelectedRowsData().then((selectedData) => {\r\n if (selectedData.length == 0) {\r\n setExportButtonState(false);\r\n } else {\r\n setExportButtonState(true);\r\n }\r\n });\r\n\r\n }\r\n\r\n return (\r\n \r\n {/*
\r\n Filtros
*/}\r\nFiltros
\r\n\r\n \r\n {\r\n setSearchState((prevState => ({\r\n ...prevState,\r\n startDate: e.value\r\n })))\r\n }}\r\n displayFormat=\"dd/MM/yyyy\"\r\n disabledDates={disableStartDates} />\r\n \r\n {\r\n setSearchState((prevState => ({\r\n ...prevState,\r\n endDate: e.value\r\n })))\r\n }}\r\n disabledDates={disableEndDates} />\r\n \r\n {\r\n setSearchState((prevState => ({\r\n ...prevState,\r\n user: event.component.option(\"value\")\r\n })))\r\n }}\r\n value={searchState.user} />\r\n \r\n {\r\n setSearchState((prevState => ({\r\n ...prevState,\r\n event: event.component.option(\"value\")\r\n })))\r\n }}\r\n value={searchState.event} />\r\n \r\n {\r\n setSearchState((prevState => ({\r\n ...prevState,\r\n tramite: event.component.option(\"value\")\r\n })))\r\n }}\r\n value={searchState.tramite} />\r\n
\r\n \r\n \r\n \r\n \r\n {\r\n return (usersState.results.find((e) => e.id == rowData.userId) || { name: \"Sin determinar\" }).name;\r\n }}\r\n />\r\n {\r\n let datePart = rowData.date.split(\" \")[0];\r\n let timePart = rowData.date.split(\" \")[1];\r\n let formated = datePart.split(\"/\")[0].padStart(2, \"0\") + \"/\" + datePart.split(\"/\")[1].padStart(2, \"0\") + \"/\" + datePart.split(\"/\")[2].padStart(4, \"0\") + \" \" + timePart.split(\":\")[0].padStart(2, \"0\") + \":\" + timePart.split(\":\")[1].padStart(2, \"0\") + \":\" + timePart.split(\":\")[2].padStart(2, \"0\");\r\n return parse(formated, \"dd/MM/yyyy HH:mm:ss\", new Date());\r\n }}\r\n />\r\n {\r\n let datePart = rowData.date.split(\" \")[0];\r\n let timePart = rowData.date.split(\" \")[1];\r\n return datePart.split(\"/\")[0].padStart(2, \"0\") + \"/\" + datePart.split(\"/\")[1].padStart(2, \"0\") + \"/\" + datePart.split(\"/\")[2].padStart(4, \"0\") + \" \" + timePart.split(\":\")[0].padStart(2, \"0\") + \":\" + timePart.split(\":\")[1].padStart(2, \"0\") + \":\" + timePart.split(\":\")[2].padStart(2, \"0\");\r\n }}\r\n />\r\n {\r\n return eventId2Human(rowData.event);\r\n }}\r\n />\r\n {\r\n return (procedureState.results.find((e) => e.id == rowData.procedureId) || { name: \"Sin determinar\" }).name;\r\n }}\r\n />\r\n {\r\n if (rowData.procedureId > 0) {\r\n return `${String(rowData.gestoriaId).padStart(3, \"0\")}${String(rowData.procedureId).padStart(4, \"0\")}${String(rowData.registryId).padStart(6, \"0\") }`\r\n } else {\r\n return \"Sin determinar\";\r\n }\r\n }}\r\n />\r\n \r\n
\r\n )\r\n}\r\n","import React, { useState } from 'react'\r\n\r\nimport imgGoBack from '../../img/go_back.png';\r\nimport { Link, useHistory } from 'react-router-dom';\r\nimport \"./History.css\";\r\nimport { HistorySearch } from './HistorySearch';\r\nimport { HistoryGrid } from './HistoryGrid';\r\nimport CustomStore from 'devextreme/data/custom_store';\r\nimport { BackButton } from '../common/BackButton';\r\nexport const History = () => {\r\n\r\n\r\n const [searchState, setSearchState] = useState({\r\n startDate: new Date(new Date().setDate(new Date().getDate() - 7)),\r\n endDate: new Date(new Date().setDate(new Date().getDate() + 1)),\r\n user: null,\r\n event: null,\r\n tramite: \"\",\r\n });\r\n function handleErrors(response) {\r\n if (!response.ok) {\r\n throw Error(response.statusText);\r\n }\r\n return response;\r\n }\r\n const userDataSource = new CustomStore({\r\n key: 'id',\r\n loadMode: 'raw',\r\n load: () => {\r\n return fetch(`${process.env.PUBLIC_URL}/api/users`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n });\r\n\r\n let history = useHistory();\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n","import { Button, ColorBox, DataGrid, LoadPanel, Popup, SelectBox, TagBox, TextBox } from 'devextreme-react'\r\nimport React, { useCallback, useContext, useEffect, useRef, useState, useMemo } from 'react'\r\nimport useWindowSize from '../../hooks/useWindowSizze'\r\nimport useUserConfig from '../../hooks/useUserConfig'\r\nimport CustomStore from 'devextreme/data/custom_store';\r\nimport { Column, Button as DGButton, Editing, SearchPanel, Toolbar, Item, Scrolling, Selection, Paging, Pager, Export, LoadPanel as DGLoadPanel, FilterRow, HeaderFilter, Search } from 'devextreme-react/data-grid';\r\nimport \"./AssignedRegistries.css\";\r\nimport imgDelete from '../../img/delete.png';\r\nimport imgEdit from '../../img/edit.png';\r\nimport imgGoBack from '../../img/go_back.png';\r\nimport check_rounded_big from '../../img/check_rounded_big.png';\r\nimport imgSpinner from '../../img/spinner.gif';\r\nimport { Link, useHistory, useParams } from 'react-router-dom';\r\nimport { Position, ToolbarItem } from 'devextreme-react/popover';\r\nimport { Field, Form, Formik } from 'formik';\r\nimport { SessionContext } from '../context/SessionContext';\r\nimport { Workbook } from 'exceljs';\r\nimport saveAs from 'file-saver';\r\nimport { exportDataGrid } from 'devextreme/excel_exporter';\r\nimport { BackButton } from '../common/BackButton';\r\n\r\nexport const AssignedRegistries = () => {\r\n\r\n let { id } = useParams();\r\n const history = useHistory();\r\n\r\n const windowSize = useWindowSize();\r\n const userConfig = useUserConfig();\r\n\r\n\r\n const { session: sessionContext, setSession: setSessionContext } = useContext(SessionContext);\r\n\r\n const changeStateFormRef = useRef()\r\n const gridRef = useRef()\r\n\r\n const [changeStateState, setChangeStateState] = useState({ loading: false, ids: null, state: null, error: false, result: null });\r\n const [registryCountState, setRegistryCountState] = useState(0);\r\n const [statesState, setStatesState] = useState({ loading: true, results: [] });\r\n const [byProcedureStatesState, setByProcedureStatesState] = useState({ loading: true, results: [] });\r\n const [procedureState, setProcedureState] = useState({ loading: true, results: [] });\r\n const [usersState, setUsersState] = useState({ loading: true, results: [] });\r\n \r\n\r\n const [changeStateButtonState, setChangeStateButtonState] = useState(false);\r\n const [exportSigaButtonState, setExportSigaButtonState] = useState(false);\r\n //If the user can assign assignedRegistries to users the filter should include unassigned, only theirs otherwhise\r\n const [tagBoxValueState, setTagBoxValueState] = useState([]); //useState(sessionContext.user.userType >= 1 ? [0, sessionContext.user.id] : [sessionContext.user.id]);\r\n const [procedureTagBoxValueState, setProcedureTagBoxValueState] = useState([]);\r\n\r\n\r\n const [gridPaginationState, setGridPaginationState] = useState({});\r\n\r\n const [selectedGridState, setSelectedGridState] = useState([]);\r\n\r\n const onRowSelectionChanged = (e) => {\r\n e.component.getSelectedRowsData().then((selectedData) => {\r\n if (selectedData.length == 0) {\r\n setChangeStateButtonState(false);\r\n setExportSigaButtonState(false);\r\n } else {\r\n if (selectedData.length == 1) {\r\n setExportSigaButtonState(true);\r\n } else {\r\n setExportSigaButtonState(false);\r\n }\r\n let procedure = 0;\r\n let allStatesValid = true;\r\n let allAssignedRegistriesAvailable = true;\r\n selectedData.map((data) => {\r\n if (sessionContext.user.userType == 0) {\r\n //If the user can't assign assignedRegistries only those the user has assigned can be changed\r\n if (data.assigned != sessionContext.user.id) {\r\n allAssignedRegistriesAvailable = false;\r\n }\r\n }\r\n if (data.stateId == 6) {\r\n allStatesValid = false;\r\n }\r\n if (procedure != 0) {\r\n if (procedure != data.procedureId) {\r\n procedure = -1;\r\n return;\r\n }\r\n } else {\r\n procedure = data.procedureId;\r\n }\r\n })\r\n setChangeStateButtonState(procedure > 0 && allStatesValid && allAssignedRegistriesAvailable);\r\n }\r\n setSelectedGridState(selectedData);\r\n });\r\n \r\n }\r\n\r\n const [changeStateDialogState, setChangeStateDialogState] = useState({\r\n ids: [],\r\n procedureId: 0,\r\n currentState: 0,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n const showChangeStateDialog = (ids, procedureId, currentState) => {\r\n setChangeStateDialogState({\r\n ids: ids,\r\n procedureId: procedureId,\r\n currentState: currentState,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: true,\r\n });\r\n if (changeStateFormRef != undefined && changeStateFormRef != null && changeStateFormRef.current != undefined && changeStateFormRef.current != null) {\r\n changeStateFormRef.current.setFieldValue(\"ids\", ids, false);\r\n if (currentState > 0) {\r\n changeStateFormRef.current.setFieldValue(\"state\", currentState, false);\r\n }\r\n }\r\n }\r\n const hideChangeStateDialog = () => {\r\n setChangeStateDialogState({\r\n ids: [],\r\n procedureId: 0,\r\n currentState: 0,\r\n position: { my: 'center', at: 'center', of: window },\r\n popupVisible: false,\r\n });\r\n }\r\n\r\n\r\n // A custom validation function. This must return an object\r\n // which keys are symmetrical to our values/initialValues\r\n const validateChangeState = values => {\r\n const errors = {};\r\n if (!values.state) {\r\n errors.state = 'Requerido';\r\n } else if (values.state <=0 ) {\r\n errors.state = 'Requerido';\r\n }\r\n\r\n return errors;\r\n };\r\n const changeStateFormOptions = {\r\n initialValues: {\r\n ids: [],\r\n state: 0\r\n },\r\n validate: validateChangeState,\r\n onSubmit: async values => {\r\n setChangeStateState({\r\n loading: true, ids: values.ids, state: values.state, error: false, result: null\r\n });\r\n //alert(JSON.stringify(values, null, 2));\r\n const response = await fetch(`${process.env.PUBLIC_URL}/api/assignedRegistries/PutState?ids=${JSON.stringify(values.ids)}&state=${values.state}`, {\r\n method: 'PUT',\r\n body: JSON.stringify(values),\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n });\r\n const data = await response.json();\r\n setChangeStateState({\r\n loading: false, ids: values.ids, state: values.state, error: (data.response == null), result: (data.response != null ? data.response : data.message)\r\n });\r\n if (data.response != null) {\r\n hideChangeStateDialog();\r\n }\r\n }\r\n };\r\n\r\n\r\n const resizeGridPagination = () => {\r\n try {\r\n var expGridShowRowCount = Math.floor(((windowSize.height - (156 + 50) - (54 * 2) - 60) / 55));\r\n setGridPaginationState({\r\n pageSize: expGridShowRowCount,\r\n infoText: \"Mostrando {2} trámites\"\r\n });\r\n } catch (ee) {\r\n\r\n }\r\n }\r\n function handleErrors(response) {\r\n if (!response.ok) {\r\n throw Error(response.statusText);\r\n }\r\n return response;\r\n }\r\n\r\n const jsonDataSource = new CustomStore({\r\n key: [\"id\", \"procedureId\"],\r\n loadMode: 'raw', \r\n load: () => {\r\n return fetch(`${process.env.PUBLIC_URL}/api/registries/GetAssignedToUser`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setRegistryCountState(result.response.length);\r\n // De cada uno de los registros, quitamos las horas de las fechas\r\n result.response.map((e) => {\r\n e.createDate = e.createDate.split(\" \")[0];\r\n e.changeDate = e.changeDate.split(\" \")[0];\r\n e.closeDate = e.closeDate.split(\" \")[0];\r\n });\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n });\r\n const loadStates = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/states`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setStatesState({ loading: false, results: result.response });\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n const loadByProcedureStates = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/procedures/GetAllProcedureStates`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setByProcedureStatesState({ loading: false, results: result.response });\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n const loadProcedures = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/procedures/Get`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setProcedureState({ loading: false, results: result.response });\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n const loadUsers = async () => {\r\n fetch(`${process.env.PUBLIC_URL}/api/users`)\r\n .then(handleErrors)\r\n .then(response => response.json())\r\n .then(result => {\r\n // You can process the response here\r\n setUsersState({ loading: false, results: result.response });\r\n return result.response;\r\n })\r\n .catch(() => { throw 'Network error' });\r\n }\r\n const loadAll = async () => {\r\n Promise.all([loadStates(), loadProcedures(), loadUsers(), loadByProcedureStates()]).then(() => {\r\n //setLoadingState(false);\r\n });\r\n }\r\n\r\n\r\n const DXTextInput = ({ fieldName, fieldType, fieldPlaceholder, ...rest }) => (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Auditoría
*/}\r\n\r\n
\r\n \r\n
\r\n Auditoría
\r\n\r\n {\r\n e.component.repaint();\r\n }}\r\n visible={changeStateDialogState.popupVisible}\r\n onHiding={hideChangeStateDialog}\r\n\r\n dragEnabled={false}\r\n closeOnOutsideClick={false}\r\n showCloseButton={false}\r\n showTitle={true}\r\n title=\"Cambiar estado de los trámites seleccionados\"\r\n container=\".dx-viewport\"\r\n height=\"auto\"\r\n width=\"auto\"\r\n >\r\n \r\n {\r\n ({ isSubmitting, handleReset, setFieldTouched, ...props }) => {\r\n const hasInputError = (props.touched.state && props.errors.state);\r\n const hasFetchError = (!changeStateState.loading && changeStateState.state == props.values.state && (changeStateState.result == null || changeStateState.error));\r\n const hasError = (hasInputError || hasFetchError);\r\n\r\n const statesDataSource = (byProcedureStatesState.results[changeStateDialogState.procedureId] || []).filter((e) => e.shown && e.state!=null && e.state.id!=1).sort((a, b) => parseFloat(a.order) - parseFloat(b.order));\r\n\r\n return \r\n }\r\n }\r\n \r\n \r\n
\r\n )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Switch } from 'react-router';\r\nimport { Layout } from './components/Layout';\r\nimport { Login } from './components/login/Login';\r\nimport { SessionContext } from './components/context/SessionContext';\r\nimport { PrivateRoute } from './components/routes/PrivateRoute';\r\nimport { PublicRoute } from './components/routes/PublicRoute';\r\nimport { PasswordRecovery } from './components/login/PasswordRecovery';\r\n\r\nimport './custom.css'\r\nimport { ConditionalPrivateRoute } from './components/routes/ConditionalPrivateRoute';\r\nimport { Users } from './components/users/Users';\r\nimport { States } from './components/states/States';\r\nimport { Procedures } from './components/procedures/Procedures';\r\nimport { Procedure } from './components/procedures/Procedure';\r\nimport { Dealers } from './components/dealers/Dealers';\r\nimport { Registries } from './components/registries/Registries';\r\nimport { Registry } from './components/registries/Registry';\r\nimport { History } from './components/history/History';\r\nimport { AssignedRegistries } from './components/registries/AssignedRegistries';\r\n\r\n\r\nconst App = () => {\r\n const [session, setSession] = useState({});\r\n const [loadingSession, setLoadingSession] = useState(true);\r\n\r\n //First session load\r\n useEffect(() => {\r\n const doWork = async () => {\r\n const response = await fetch(`${process.env.PUBLIC_URL}/api/session`);\r\n const data = await response.json();\r\n if (data.response !== null) {\r\n if (session != undefined && session != null && session.shownInitialAlert != undefined) {\r\n data.response.shownInitialAlert = session.shownInitialAlert;\r\n }\r\n setSession(data.response);\r\n }\r\n setLoadingSession(false);\r\n }\r\n doWork();\r\n }, []);\r\n //Periodically check session\r\n useEffect(() => {\r\n const interval = setInterval(async () => {\r\n //if (session !== undefined && session !== null && session.isActive !== undefined) {\r\n const response = await fetch(`${process.env.PUBLIC_URL}/api/session`);\r\n const data = await response.json();\r\n if (data.response==null || (data.response !== undefined && data.response !== null && data.response.isActive !== undefined && data.response.isActive !== null && !data.response.isActive)) {\r\n setSession({ gestoria: null, user: null, isActive: false, shownInitialAlert: false });\r\n }\r\n\r\n // if (data.response !== null) {\r\n // setSession(data.response);\r\n // } else {\r\n // setSession({ gestoria: null, user:null, isActive: false});\r\n // }\r\n //}\r\n }, 20000);\r\n return () => clearInterval(interval);\r\n }, []);\r\n\r\n let sessionActive = false;\r\n if (session !== undefined && session !== null && session.isActive !== undefined) sessionActive = session.isActive;\r\n let isAdmin = false;\r\n let hasPerms = false;\r\n if (sessionActive && session.user.userType === 2) isAdmin = true;\r\n if (sessionActive && session.user.userType >= 1) hasPerms = true;\r\n return (\r\n \r\n\r\n
\r\n\r\n {selectedGridState.length > 0 ? `${selectedGridState.length} trámites seleccionados`:\"\" }
\r\n \r\n {\r\n if (e.component != undefined && e.component != null) {\r\n\r\n e.component.filter((itemData) => {\r\n return (tagBoxValueState.length == 0 ? true : tagBoxValueState.indexOf(itemData.assigned) > -1) && (procedureTagBoxValueState.length == 0 ? true : procedureTagBoxValueState.indexOf(itemData.procedureId) > -1);\r\n });\r\n }\r\n }\r\n }\r\n >\r\n \r\n - \r\n
{\r\n event.element.classList.remove(\"dx-registry-active\");\r\n event.element.classList.remove(\"dx-registry-focused\");\r\n showChangeStateDialog(selectedGridState.map((e) => e.id), selectedGridState[0].procedureId, 0);\r\n }\r\n }\r\n />\r\n \r\n - */}\r\n {/*
{*/}\r\n {/* event.element.classList.remove(\"dx-registry-active\");*/}\r\n {/* event.element.classList.remove(\"dx-registry-focused\");*/}\r\n {/* exportRegistrySIGA();*/}\r\n {/* }*/}\r\n {/* }*/}\r\n {/* />*/}\r\n {/* */}\r\n - \r\n
{\r\n if (e.component.option(\"value\") != procedureTagBoxValueState) {\r\n if (e.component.option(\"value\").length > 0) {\r\n //userConfig.set(\"_PROC_FILTER\", JSON.stringify(e.component.option(\"value\")));\r\n setProcedureTagBoxValueState(e.component.option(\"value\"));\r\n } else {\r\n //userConfig.set(\"_PROC_FILTER\", JSON.stringify([]));\r\n setProcedureTagBoxValueState([]);\r\n }\r\n }\r\n }}\r\n />\r\n \r\n - \r\n
{\r\n if (e.component.option(\"value\") != tagBoxValueState) {\r\n if (e.component.option(\"value\").length > 0) {\r\n userConfig.set(\"_USER_FILTER\", JSON.stringify(e.component.option(\"value\")));\r\n setTagBoxValueState(e.component.option(\"value\"));\r\n } else {\r\n userConfig.set(\"_USER_FILTER\", JSON.stringify([]));\r\n setTagBoxValueState([]);\r\n }\r\n }\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n let stateName = \"Cargando...\";\r\n let stateBGColor = \"#FFFFFF\";\r\n const state = statesState.results.find((e) => {\r\n return e.id == data.data.stateId;\r\n });\r\n if (state != undefined && state != null) {\r\n stateName = state.name;\r\n stateBGColor = state.bgColor;\r\n }\r\n //{ { backgroundColor: data.value, width: 50, height: 20, borderColor: \"#000000\", borderStyle: \"solid\", borderWidth: 0.2, borderRadius: 5 }}\r\n return {\r\n const state = statesState.results.find((e) => {\r\n return e.id == rowData.stateId;\r\n });\r\n if (state != undefined && state != null) {\r\n return state.name;\r\n } else {\r\n return rowData.stateId;\r\n }\r\n }}\r\n />\r\n {\r\n return `${String(rowData.gestoria).padStart(3, \"0\")}${String(rowData.procedureId).padStart(4, \"0\")}${String(rowData.id).padStart(6, \"0\")}`;\r\n }\r\n }\r\n />\r\n {\r\n const procedure = procedureState.results.find((e) => {\r\n return e.id == rowData.procedureId;\r\n });\r\n if (procedure != undefined && procedure != null) {\r\n return procedure.name;\r\n } else {\r\n return rowData.procedureId;\r\n }\r\n }}\r\n />\r\n {\r\n if (!filterValue) return null; // Ignore filtering if no value is provided.\r\n\r\n return [\"createDate\", selectedFilterOperation || \"=\", filterValue];\r\n }}\r\n />\r\n {\r\n if (!filterValue) return null; // Ignore filtering if no value is provided.\r\n\r\n return [\"changeDate\", selectedFilterOperation || \"=\", filterValue];\r\n }}\r\n />\r\n {\r\n if (!filterValue) return null; // Ignore filtering if no value is provided.\r\n\r\n return [\"closeDate\", selectedFilterOperation || \"=\", filterValue];\r\n }}\r\n cellRender={(data) => {\r\n let stateBGColor = \"var(--azul-df)\";\r\n if (data.data.aboutToGetDeleted) {\r\n stateBGColor = \"var(--rojo-ko)\";\r\n }\r\n //{ { backgroundColor: data.value, width: 50, height: 20, borderColor: \"#000000\", borderStyle: \"solid\", borderWidth: 0.2, borderRadius: 5 }}\r\n return rowData.exported ? \"Si\" : \"No\"}*/}\r\n {/*/>*/}\r\n {\r\n if (cellInfo.value <= 0) {\r\n return \"-\";\r\n }\r\n const user = usersState.results.find((e) => {\r\n return e.id == cellInfo.value;\r\n });\r\n if (user != undefined && user != null) {\r\n return user.name;\r\n } else {\r\n return `- Usuario eliminado (${String(cellInfo.value)}) -`;\r\n }\r\n }}\r\n />\r\n {/* rowData.downloaded ? \"Si\" : \"No\"}\r\n />\r\n \r\n }\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n statesState.loading || procedureState.loading || usersState.loading ?\r\n Mis trámites
\r\n({registryCountState} trámites)
\r\n \r\n \r\n{stateName}
\r\n }\r\n }\r\n lookup={{\r\n dataSource: statesState.results,\r\n displayExpr: \"name\", // The property to display in the filter\r\n valueExpr: \"id\", // The property to use as the underlying value\r\n }}\r\n />\r\n {/*This is the column that gets exported*/}\r\n {data.data.closeDate}
\r\n }\r\n }\r\n />\r\n {/*\r\n {(loadingSession ?\r\n \r\n :\r\n \r\n {/**/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n {/*Hola amigo!} />*/}\r\n {/**/}\r\n {/**/}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* \r\n {/* */}\r\n \r\n )}\r\n
\r\n )\r\n}\r\nexport default App;\r\n\r\n","const reportWebVitals = (onPerfEntry) => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","//import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\n//import * as serviceWorkerRegistration from './serviceWorkerRegistration';\r\nimport reportWebVitals from './reportWebVitals';\r\n\r\n\r\nimport 'devextreme/dist/css/dx.light.css';\r\nimport \"./dx.generic.df-expedientes.css\";\r\nimport \"./index.css\";\r\n\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n Hola amigo!
*/}\r\nEstado!
*/}\r\n {/*Hola amigo!
*/}\r\n {/*Hola amigo!
*/}\r\n {/*