\r\n \r\n {PaintHorizontalMenu()}\r\n
\r\n
{ createLink(x.DownloadLink) }}>{x.DonwloadLabel} \r\n )\r\n }\r\n })\r\n }\r\n return finalButtons;\r\n }\r\n\r\n const createLink = (url) => {\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.click();\r\n }\r\n\r\n const GetVersionNumber = async (iEdition) => {\r\n let versionesArray = [];\r\n let ftpVersionRoute = '';\r\n\r\n if (props.iProductName.includes('IIS Module')) {\r\n ftpVersionRoute = `https://descargas.blob.core.windows.net/400-update-${iEdition}/dfs_${props.iFtpFolder}/versionws.txt`;\r\n } else {\r\n ftpVersionRoute = `https://descargas.blob.core.windows.net/400-update-${iEdition}/dfs_${props.iFtpFolder == \"server\" ? \"kernel\" : props.iFtpFolder}/version.txt`;\r\n }\r\n if (props.iExternal == true) {\r\n ftpVersionRoute = `https://update.df-server.info/400/_EXTERNAS/${iEdition}/${props.short_name}/version.txt`;\r\n }\r\n if (props.iFtpFolder != null) {\r\n await fetch('api/files/GetVersionFile', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ 'ruta': ftpVersionRoute })\r\n })\r\n .then(response => response.text())\r\n .then(data => {\r\n onVaribleChange('prueba');\r\n var version = (JSON.parse(data).Response);\r\n if (version.length > 20 || version == null) {\r\n return \"Version no encontrada\"\r\n }\r\n\r\n switch (iEdition) {\r\n case \"final\":\r\n setFinalVersion(version);\r\n getContent(version, props.iProductName, \"Final\")\r\n break;\r\n case \"beta\":\r\n setbetaVersion(version);\r\n break;\r\n case \"rc\":\r\n setrcVersion(version);\r\n break;\r\n case \"alfa\":\r\n setalfaVersion(version);\r\n break;\r\n }\r\n\r\n });\r\n }\r\n }\r\n let fdssa = 0;\r\n const getContent = async (iVersion, iProductName, iEdition) => {\r\n fdssa++;\r\n if (iVersion != null && iProductName != null) {\r\n let nombreProduct = iProductName;\r\n if (iProductName == \"SERVER SLAVE\") {\r\n iProductName = \"SERVER\";\r\n }\r\n\r\n if (iProductName == \"DFENCUESTAS\") {\r\n iProductName = \"ENCUESTAS\";\r\n }\r\n\r\n if (iProductName == \"DFSignature IIS Module Independiente\" || iProductName == \"DFSignature IIS Module Dependiente\" || iProductName == \"DFSignature Instant IIS Module\") {\r\n iProductName = \"DFSIGNATURE WS/APP\";\r\n }\r\n\r\n if (iProductName == \"DF-SERVER EVO Mobile V2\") {\r\n iProductName = \"DFMOBILE WS/APP\";\r\n }\r\n\r\n if (iProductName == \"KPIZARRA\") {\r\n iProductName = \"PIZARRA KANBAN\";\r\n }\r\n\r\n if (iProductName == \"KTABLETA\") {\r\n iProductName = \"TABLETA KANBAN\";\r\n }\r\n\r\n console.log(iProductName + ' ' + iVersion)\r\n await fetch('api/Changes/GetVersioContent', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ indexName: iProductName, Version: iVersion.trim() })\r\n }).then(\r\n res => res.json()\r\n ).then(data => {\r\n console.log(data.Response)\r\n let iContentContainer;\r\n if (iContentContainer = document.getElementsByClassName(`${nombreProduct}${iEdition}`)[0]) {\r\n iContentContainer.innerHTML = \"\";\r\n\r\n if (data.Response != null) {\r\n const expresion1 = /(?<=>)\\?/g;\r\n const expresion2 = /(?<=\")\\?/g;\r\n data.Response = data.Response.replace(expresion1, '');\r\n data.Response = data.Response.replace(expresion2, '');\r\n\r\n let resultadoAnterior;\r\n do {\r\n resultadoAnterior = data.Response;\r\n data.Response = data.Response.replace(expresion1, '');\r\n data.Response = data.Response.replace(expresion2, '');\r\n } while (data.Response !== resultadoAnterior);\r\n }\r\n\r\n iContentContainer.insertAdjacentHTML('beforeend', data.Response != null && data.Response != '' ? data.Response : \"No existe registro de cambios para la versión seleccionada.
\")\r\n }\r\n })\r\n }\r\n }\r\n\r\n const getSelectedTab = (e, iProductName) => {\r\n let tab = e.itemData.title;\r\n let VersionToRequestData = finalVersion;\r\n switch (tab) {\r\n case \"Final\":\r\n VersionToRequestData = finalVersion;\r\n break;\r\n case \"RC\":\r\n VersionToRequestData = rcVersion;\r\n break;\r\n case \"Beta\":\r\n VersionToRequestData = betaVersion;\r\n break;\r\n case \"Alfa\":\r\n VersionToRequestData = alfaVersion;\r\n break;\r\n }\r\n getContent(VersionToRequestData, iProductName, tab)\r\n }\r\n\r\n const GetAlfaTab = () => {\r\n let TabtoReturn = []\r\n if (props.iHaveAlfa == 1) {\r\n TabtoReturn.push(\r\n { getSelectedTab(e, props.iProductName) }} visible={props.iHaveAlfa}>\r\n - \r\n
{alfaVersion != null ? \"Versión \" + alfaVersion : \"Sin versión\"}Novedades de la versión \r\n
\r\n \r\n {alfaVersion != null ?\r\n GetButtons(\"alfa\")\r\n : ''}\r\n
\r\n \r\n \r\n )\r\n }\r\n return TabtoReturn;\r\n\r\n }\r\n\r\n useEffect(() => {\r\n GetVersionNumber(\"final\");\r\n GetVersionNumber(\"rc\");\r\n GetVersionNumber(\"beta\");\r\n if (props.iHaveAlfa == 1) {\r\n GetVersionNumber(\"alfa\");\r\n }\r\n }, [])\r\n\r\n return (\r\n <>\r\n 1050 ? 'DownlaoderPanel' : 'ResponsiveDownlaoderPanel'} >\r\n
\r\n {props.iContainerTitle} \r\n {props.iContainerTitle.replaceAll(' ', '') == 'DFSignaturePDFSAPI' ?\r\n \r\n : ''}\r\n {props.iContainerTitle.replaceAll(' ', '') == 'DFRemoteSignatureAPI' ?\r\n \r\n : ''}\r\n \r\n
\r\n \r\n \r\n { getSelectedTab(e, props.iProductName) }}>\r\n - \r\n
{finalVersion != null ? \"Versión \" + finalVersion : \"Sin versión\"}Novedades de la versión \r\n
\r\n \r\n {finalVersion != null ?\r\n GetButtons(\"final\")\r\n : ''}\r\n
\r\n \r\n \r\n\r\n { getSelectedTab(e, props.iProductName) }}>\r\n - \r\n
{rcVersion != null ? \"Versión \" + rcVersion : \"Sin versión\"}Novedades de la versión \r\n
\r\n \r\n {rcVersion != null ?\r\n GetButtons(\"rc\")\r\n : ''}\r\n
\r\n \r\n \r\n\r\n { getSelectedTab(e, props.iProductName) }}>\r\n - \r\n
{betaVersion != null ? \"Versión \" + betaVersion : \"Sin versión\"}Novedades de la versión \r\n
\r\n \r\n {betaVersion != null ?\r\n GetButtons(\"beta\")\r\n : ''}\r\n
\r\n \r\n \r\n\r\n {GetAlfaTab()}\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 {PaintHorizontalMenu()}\r\n {window.innerWidth > 500 ? (\r\n <>\r\n
1050 ? 'sectionContainer' : \"ResponsiveSectionContainer\"}>\r\n
\r\n
\r\n {getDonwloaderPanels()}\r\n
\r\n \r\n ) : (\r\n
\r\n )}\r\n
\r\n {PaintHorizontalMenu()}\r\n {window.innerWidth > 500 ?\r\n <>\r\n
1050 ? 'sectionContainer' : \"ResponsiveSectionContainer\"}>\r\n
\r\n
\r\n {getDonwloaderPanels()}\r\n
\r\n \r\n :\r\n
}\r\n
\r\n {PaintHorizontalMenu()}\r\n {window.innerWidth > 500 ?\r\n <>\r\n
1050 ? 'sectionContainer' : \"ResponsiveSectionContainer\"}>\r\n
\r\n
\r\n {getDonwloaderPanels()}\r\n
\r\n \r\n :\r\n
}\r\n
\r\n {PaintHorizontalMenu()}\r\n {window.innerWidth > 500 ?\r\n <>\r\n
1050 ? 'sectionContainer' : \"ResponsiveSectionContainer\"}>\r\n
\r\n
\r\n {getDonwloaderPanels()}\r\n
\r\n \r\n :\r\n
}\r\n\r\n
\r\n {PaintHorizontalMenu()}\r\n {window.innerWidth > 500 ?\r\n <>\r\n
1050 ? 'sectionContainer' : \"ResponsiveSectionContainer\"}>\r\n
\r\n
\r\n {getDonwloaderPanels()}\r\n
\r\n \r\n :\r\n
}\r\n\r\n
\r\n {PaintHorizontalMenu()}\r\n
1050 ? 'sectionContainer' : \"ResponsiveSectionContainer\"}>\r\n
\r\n
\r\n
\r\n
Aplicaciones disponibles para Android \r\n
\r\n
\r\n
DF-SERVER EVO Mobile
\r\n
{ createLink(\"https://play.google.com/store/apps/details?id=es.sotronic.dfserverm&gl=ES\") }}>{\"Ir a Play Store >\"}
\r\n
\r\n
\r\n
DF-SERVER Expedientes
\r\n
{ createLink(\"https://play.google.com/store/apps/details?id=com.sotronic.expedientes\") }}>{\"Ir a Play Store >\"}
\r\n
\r\n
\r\n
DF-SERVER Signature
\r\n
{ createLink(\"https://play.google.com/store/apps/details?id=es.sotronic.signature.dfsignature\") }}>{\"Ir a Play Store >\"}
\r\n
\r\n
\r\n
DF-Signature Instant
\r\n
{ createLink(\"https://play.google.com/store/apps/details?id=es.sotronic.dfsignatureinstant\") }}>{\"Ir a Play Store >\"}
\r\n
\r\n {window.innerWidth > 900 ?\r\n <>\r\n
\r\n
DF
\r\n
{\"Ir a Play Store >\"}
\r\n
\r\n
\r\n
DF
\r\n
{\"Ir a Play Store >\"}
\r\n
\r\n \r\n :<>}\r\n
\r\n
\r\n
\r\n
Aplicaciones disponibles para iOS \r\n
\r\n
\r\n
DF-SERVER Signature
\r\n
{ createLink(\"https://apps.apple.com/es/app/df-signature-mobile/id1506801502\") }}>{\"Ir a App Store >\"}
\r\n
\r\n
\r\n
DF-Signature Instant
\r\n
{ createLink(\"https://apps.apple.com/es/app/df-signature-instant/id1581070514\") }}>{\"Ir a App Store >\"}
\r\n
\r\n {window.innerWidth > 900 ?\r\n <>\r\n
\r\n
DF
\r\n
{\"Ir a Play Store >\"}
\r\n
\r\n \r\n :<>}\r\n
\r\n
\r\n
\r\n
\" + nombre + \" \");\r\n }\r\n break;\r\n case \"mp4\":\r\n let divContenedor = document.createElement('div');\r\n divContenedor.classList = 'divContedorVideos';\r\n let imagenCerrar = document.createElement('p');\r\n imagenCerrar.innerText = 'X';\r\n imagenCerrar.classList = 'cerrarVideo';\r\n imagenCerrar.addEventListener(\"click\", videoVisibilityFunction)\r\n divContenedor.appendChild(imagenCerrar);\r\n link = document.createElement('video');\r\n link.classList.add('videoClass');\r\n link.src = \"data:video/mp4;base64,\" + respuesta;\r\n link.type = 'video/mp4';\r\n link.controls = true;\r\n document.body.appendChild(divContenedor);\r\n divContenedor.appendChild(link);\r\n divContenedor.addEventListener(\"click\", videoVisibilityFunction);\r\n link.play();\r\n break;\r\n case \"png\":\r\n setImgNombre(nombre);\r\n setImgHtml(\"data:image/png;base64,\" + respuesta);\r\n setPopUpVisibility(true);\r\n break;\r\n case \"jpg\":\r\n setImgNombre(nombre);\r\n setImgHtml(\"data:image/jpg;base64,\" + respuesta);\r\n setPopUpVisibility(true);\r\n break;\r\n case \"jpeg\":\r\n setImgNombre(nombre);\r\n setImgHtml(\"data:image/jpeg;base64,\" + respuesta);\r\n setPopUpVisibility(true);\r\n break;\r\n\r\n default:\r\n link = document.createElement('a');\r\n link.href = window.URL.createObjectURL(dataURLtoFile('data:text/plain;base64,' + respuesta, nombre));\r\n link.download = nombre;\r\n link.click();\r\n }\r\n }\r\n\r\n const limpiarArchivos = (objeto) => {\r\n let flecha = document.querySelector('.imgRotate');\r\n if (flecha != null && objeto.Files.length != 0) {\r\n flecha.classList.remove('imgRotate');\r\n }\r\n if ((objeto.Files != undefined ? objeto.Files.length : null) != 0 && (objeto.SubDirectories != undefined ? objeto.SubDirectories.length : null) == 0) {\r\n renderizarArchivos(objeto);\r\n }\r\n }\r\n\r\n\r\n const ShowSubdirectories = (iDirectory) => {\r\n let showedDirectories = document.getElementsByClassName(`show`);\r\n if ((showedDirectories.length != 0 ? showedDirectories[0].classList.contains(iDirectory) : false) == true) {\r\n document.getElementsByClassName(`show`)[0].classList.remove(\"show\");\r\n } else {\r\n if (showedDirectories.length == 0) {\r\n document.querySelector(`.${iDirectory}`).classList.add(\"show\");\r\n } else {\r\n document.getElementsByClassName(`show`)[0].classList.remove(\"show\");\r\n document.querySelector(`.${iDirectory}`).classList.add(\"show\");\r\n }\r\n }\r\n }\r\n\r\n const RenderDirectories = () => {\r\n let DirectoriesToReturn = [];\r\n var validador = false;\r\n AllDIrectories.map(x => {\r\n if (x.Directory != undefined) {\r\n let totalSubdirectories = \"\";\r\n let flechaGest = false;\r\n if (x.SubDirectories != null && x.SubDirectories.length == 0) {\r\n totalSubdirectories = ` (${x.Files.length})`\r\n } else {\r\n flechaGest = true;\r\n }\r\n\r\n if (flechaGest == true) {\r\n DirectoriesToReturn.push(\r\n <>\r\n { limpiarArchivos(x); RotarFlecha(e); ShowSubdirectories(x.Directory.replaceAll(' ', '')) }}>\r\n { \r\n {SubDirectoriesToReturn(x.SubDirectories, validador)} \r\n )\r\n } else {\r\n DirectoriesToReturn.push(\r\n <>\r\n { limpiarArchivos(x); SetSelectedLi(e); ShowSubdirectories(x.Directory.replaceAll(' ', '')) }}>\r\n {x.Directory} {totalSubdirectories} \r\n {SubDirectoriesToReturn(x.SubDirectories, validador)} \r\n )\r\n }\r\n validador = true;\r\n }\r\n })\r\n return DirectoriesToReturn;\r\n }\r\n\r\n\r\n const SubDirectoriesToReturn = (iSubdirectories, validador) => {\r\n let DirectoriesToReturn = []\r\n if (iSubdirectories != undefined) {\r\n if (iSubdirectories.length >= 1) {\r\n iSubdirectories.map(x => {\r\n if (validador == false) {\r\n DirectoriesToReturn.push(\r\n <>\r\n { renderizarArchivos(x); SetSelectedLi(e) }} >{renderizarArchivos(x)}{x.Directory}{' (' + x.Files.length + ')'} \r\n )\r\n } else {\r\n DirectoriesToReturn.push(\r\n <>\r\n { renderizarArchivos(x); SetSelectedLi(e) }}>{x.Directory}{' (' + x.Files.length + ')'} \r\n )\r\n }\r\n })\r\n }\r\n }\r\n return DirectoriesToReturn\r\n }\r\n\r\n const PaintHeader = () => {\r\n if (window.innerWidth <= 1050) {\r\n return (\r\n
\r\n {PaintHorizontalMenu()}\r\n
\r\n
\" + nombre + \" \");\r\n }\r\n break;\r\n case \"mp4\":\r\n let divContenedor = document.createElement('div');\r\n divContenedor.classList = 'divContedorVideos';\r\n let imagenCerrar = document.createElement('p');\r\n imagenCerrar.innerText = 'X';\r\n imagenCerrar.classList = 'cerrarVideo';\r\n imagenCerrar.addEventListener(\"click\", videoVisibilityFunction)\r\n divContenedor.appendChild(imagenCerrar);\r\n link = document.createElement('video');\r\n link.classList.add('videoClass');\r\n link.src = \"data:video/mp4;base64,\" + respuesta;\r\n link.type = 'video/mp4';\r\n link.controls = true;\r\n document.body.appendChild(divContenedor);\r\n divContenedor.appendChild(link);\r\n divContenedor.addEventListener(\"click\", videoVisibilityFunction);\r\n link.play();\r\n break;\r\n case \"png\":\r\n setImgNombre(nombre);\r\n setImgHtml(\"data:image/png;base64,\" + respuesta);\r\n setPopUpVisibility(true);\r\n break;\r\n case \"jpg\":\r\n setImgNombre(nombre);\r\n setImgHtml(\"data:image/jpg;base64,\" + respuesta);\r\n setPopUpVisibility(true);\r\n break;\r\n case \"jpeg\":\r\n setImgNombre(nombre);\r\n setImgHtml(\"data:image/jpeg;base64,\" + respuesta);\r\n setPopUpVisibility(true);\r\n break;\r\n\r\n default:\r\n link = document.createElement('a');\r\n link.href = window.URL.createObjectURL(dataURLtoFile('data:text/plain;base64,' + respuesta, nombre));\r\n link.download = nombre;\r\n link.click();\r\n }\r\n }\r\n\r\n const limpiarArchivos = (objeto) => {\r\n let flecha = document.querySelector('.imgRotate');\r\n if (flecha != null && objeto.Files.length != 0) {\r\n flecha.classList.remove('imgRotate');\r\n }\r\n if ((objeto.Files != undefined ? objeto.Files.length : null) != 0 && (objeto.SubDirectories != undefined ? objeto.SubDirectories.length : null) == 0) {\r\n renderizarArchivos(objeto);\r\n }\r\n }\r\n\r\n\r\n const ShowSubdirectories = (iDirectory) => {\r\n let showedDirectories = document.getElementsByClassName(\"show\");\r\n if ((showedDirectories.length != 0 ? showedDirectories[0].classList.contains(iDirectory) : false) == true) {\r\n document.getElementsByClassName(`show`)[0].classList.remove(\"show\");\r\n } else {\r\n if (showedDirectories.length == 0) {\r\n document.querySelector(`.${iDirectory}`).classList.add(\"show\");\r\n } else {\r\n document.getElementsByClassName(`show`)[0].classList.remove(\"show\");\r\n document.querySelector(`.${iDirectory}`).classList.add(\"show\");\r\n }\r\n }\r\n }\r\n\r\n const RenderDirectories = () => {\r\n let DirectoriesToReturn = [];\r\n var validador = false;\r\n AllDIrectories.map(x => {\r\n if (x.Directory != undefined) {\r\n let totalSubdirectories = \"\";\r\n let flechaGest = false;\r\n if (x.SubDirectories != null && x.SubDirectories.length == 0) {\r\n totalSubdirectories = ` (${x.Files.length})`\r\n } else {\r\n flechaGest = true;\r\n }\r\n\r\n if (flechaGest == true) {\r\n DirectoriesToReturn.push(\r\n <>\r\n { limpiarArchivos(x); RotarFlecha(e); ShowSubdirectories(x.Directory.replaceAll(' ', '')) }}>\r\n { \r\n {SubDirectoriesToReturn(x.SubDirectories, validador)} \r\n )\r\n } else {\r\n DirectoriesToReturn.push(\r\n <>\r\n { limpiarArchivos(x); SetSelectedLi(e); ShowSubdirectories(x.Directory.replaceAll(' ', '')) }}>\r\n {x.Directory} {totalSubdirectories} \r\n {SubDirectoriesToReturn(x.SubDirectories, validador)} \r\n )\r\n }\r\n validador = true;\r\n }\r\n })\r\n return DirectoriesToReturn;\r\n }\r\n\r\n const SubDirectoriesToReturn = (iSubdirectories, validador) => {\r\n let DirectoriesToReturn = []\r\n if (iSubdirectories != undefined) {\r\n if (iSubdirectories.length >= 1) {\r\n iSubdirectories.map(x => {\r\n if (validador == false) {\r\n DirectoriesToReturn.push(\r\n <>\r\n { renderizarArchivos(x); SetSelectedLi(e) }} >{renderizarArchivos(x)}{x.Directory}{' (' + x.Files.length + ')'} \r\n )\r\n } else {\r\n DirectoriesToReturn.push(\r\n <>\r\n { renderizarArchivos(x); SetSelectedLi(e) }}>{x.Directory}{' (' + x.Files.length + ')'} \r\n )\r\n }\r\n })\r\n }\r\n }\r\n return DirectoriesToReturn\r\n }\r\n\r\n const PaintHeader = () => {\r\n if (window.innerWidth <= 1050) {\r\n return (\r\n
\r\n {PaintHorizontalMenu()}\r\n
\r\n
\" + nombre + \" \");\r\n }\r\n break;\r\n case \"mp4\":\r\n let divContenedor = document.createElement('div');\r\n divContenedor.classList = 'divContedorVideos';\r\n let imagenCerrar = document.createElement('p');\r\n imagenCerrar.innerText = 'X';\r\n imagenCerrar.classList = 'cerrarVideo';\r\n imagenCerrar.addEventListener(\"click\", videoVisibilityFunction)\r\n divContenedor.appendChild(imagenCerrar);\r\n link = document.createElement('video');\r\n link.classList.add('videoClass');\r\n link.src = \"data:video/mp4;base64,\" + respuesta;\r\n link.type = 'video/mp4';\r\n link.controls = true;\r\n document.body.appendChild(divContenedor);\r\n divContenedor.appendChild(link);\r\n divContenedor.addEventListener(\"click\", videoVisibilityFunction);\r\n link.play();\r\n break;\r\n case \"png\":\r\n setImgNombre(nombre);\r\n setImgHtml(\"data:image/png;base64,\" + respuesta);\r\n setPopUpVisibility(true);\r\n break;\r\n case \"jpg\":\r\n setImgNombre(nombre);\r\n setImgHtml(\"data:image/jpg;base64,\" + respuesta);\r\n setPopUpVisibility(true);\r\n break;\r\n case \"jpeg\":\r\n setImgNombre(nombre);\r\n setImgHtml(\"data:image/jpeg;base64,\" + respuesta);\r\n setPopUpVisibility(true);\r\n break;\r\n\r\n default:\r\n link = document.createElement('a');\r\n link.href = window.URL.createObjectURL(dataURLtoFile('data:text/plain;base64,' + respuesta, nombre));\r\n link.download = nombre;\r\n link.click();\r\n }\r\n }\r\n\r\n const GetLocalFiles = async () => {\r\n await fetch('api/Files/GetDirectoriesAndFiles', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ \"folder\": \"_5_VIDEOS\" })\r\n }).then(\r\n res => res.json()\r\n ).then(data => {\r\n setAllDirectories(data.Response);\r\n if (window.innerWidth < 900) {\r\n document.querySelector('.FilesListDiv').style.marginTop = (20) + 'px';\r\n }\r\n })\r\n }\r\n\r\n\r\n function dataURLtoFile(dataurl, filename) {\r\n\r\n var arr = dataurl.split(','),\r\n mime = arr[0].match(/:(.*?);/)[1],\r\n bstr = atob(arr[1]),\r\n n = bstr.length,\r\n u8arr = new Uint8Array(n);\r\n\r\n while (n--) {\r\n u8arr[n] = bstr.charCodeAt(n);\r\n }\r\n\r\n return new File([u8arr], filename, { type: mime });\r\n }\r\n\r\n const SetSelectedLi = (e) => {\r\n let lastSelectedFile = document.getElementsByClassName(\"liSelected\");\r\n if (lastSelectedFile.length == 1) {\r\n lastSelectedFile[0].classList.remove(\"liSelected\")\r\n }\r\n let SelectedMenu = e.target;\r\n SelectedMenu.classList.add(\"liSelected\");\r\n }\r\n\r\n const renderizarArchivos = (objeto) => {\r\n let ulContainer = document.getElementsByClassName(\"FilesList\")[0];\r\n ulContainer.innerHTML = '';\r\n\r\n objeto.Files.map(x => {\r\n document.getElementById('body')\r\n const node = document.createElement(\"li\");\r\n node.addEventListener('click', async () => {\r\n await fetch('api/Files/GetFileByte64', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(x)\r\n }).then(\r\n res => res.json()\r\n ).then(data => {\r\n GetDownloader(x, data.Response);\r\n })\r\n\r\n });\r\n node.classList.add(\"FileName\")\r\n let fileNameWithExtension = x.split(\"\\\\\")[x.split(\"\\\\\").length - 1];\r\n const link = document.createElement(\"a\");\r\n const textnode = document.createTextNode(fileNameWithExtension);\r\n\r\n var img = document.createElement('img');\r\n link.appendChild(img);\r\n img.src = GetIconByExtension(x.split(\".\")[x.split(\".\").length - 1]);\r\n\r\n link.append(textnode)\r\n node.appendChild(link);\r\n ulContainer.appendChild(node)\r\n })\r\n }\r\n\r\n const limpiarArchivos = (objeto) => {\r\n let flecha = document.querySelector('.imgRotate');\r\n if (flecha != null && objeto.Files.length != 0) {\r\n flecha.classList.remove('imgRotate');\r\n }\r\n if ((objeto.Files != undefined ? objeto.Files.length : null) != 0 && (objeto.SubDirectories != undefined ? objeto.SubDirectories.length : null) == 0) {\r\n renderizarArchivos(objeto);\r\n }\r\n }\r\n\r\n const ShowSubdirectories = (iDirectory) => {\r\n let showedDirectories = document.getElementsByClassName(`show`);\r\n if ((showedDirectories.length != 0 ? showedDirectories[0].classList.contains(iDirectory) : false) == true) {\r\n document.getElementsByClassName(`show`)[0].classList.remove(\"show\");\r\n } else {\r\n if (showedDirectories.length == 0) {\r\n document.querySelector(`.${iDirectory}`).classList.add(\"show\");\r\n } else {\r\n document.getElementsByClassName(`show`)[0].classList.remove(\"show\");\r\n document.querySelector(`.${iDirectory}`).classList.add(\"show\");\r\n }\r\n }\r\n }\r\n\r\n const RotarFlecha = (e) => {\r\n if (e == 'retornar' || (e.target != undefined ? e.target.childNodes[0] : '') == document.querySelector(\".imgRotate\")) {\r\n if (document.getElementsByClassName(\"imgRotate\")[0] != undefined) {\r\n document.getElementsByClassName(\"imgRotate\")[0].classList.remove(\"imgRotate\");\r\n }\r\n } else {\r\n if (e.target.className == \"DirectoryName\") {\r\n let lastSelectedFile = document.getElementsByClassName(\"imgRotate\");\r\n if (lastSelectedFile.length == 1) {\r\n lastSelectedFile[0].classList.remove(\"imgRotate\");\r\n }\r\n let SelectedMenu = e.target;\r\n SelectedMenu.querySelector('img').classList.add(\"imgRotate\");\r\n }\r\n }\r\n }\r\n\r\n const RenderDirectories = () => {\r\n let DirectoriesToReturn = [];\r\n var validador = false;\r\n AllDIrectories.map(x => {\r\n if (x.Directory != undefined) {\r\n let totalSubdirectories = \"\";\r\n let flechaGest = false;\r\n if (x.SubDirectories != null && x.SubDirectories.length == 0) {\r\n totalSubdirectories = ` (${x.Files.length})`\r\n } else {\r\n flechaGest = true;\r\n }\r\n if (flechaGest == true) {\r\n DirectoriesToReturn.push(\r\n <>\r\n { limpiarArchivos(x); RotarFlecha(e); ShowSubdirectories(x.Directory.replaceAll(' ', '')) }}>\r\n { \r\n {SubDirectoriesToReturn(x.SubDirectories, validador)} \r\n )\r\n } else {\r\n DirectoriesToReturn.push(\r\n <>\r\n { limpiarArchivos(x); SetSelectedLi(e); ShowSubdirectories(x.Directory.replaceAll(' ', '')) }}>\r\n {x.Directory} {totalSubdirectories} \r\n {SubDirectoriesToReturn(x.SubDirectories, validador)} \r\n )\r\n }\r\n validador = true;\r\n }\r\n })\r\n return DirectoriesToReturn;\r\n }\r\n\r\n const SubDirectoriesToReturn = (iSubdirectories, validador) => {\r\n let DirectoriesToReturn = []\r\n if (iSubdirectories != undefined) {\r\n if (iSubdirectories.length >= 1) {\r\n iSubdirectories.map(x => {\r\n if (validador == false) {\r\n DirectoriesToReturn.push(\r\n <>\r\n { renderizarArchivos(x); SetSelectedLi(e) }} >{renderizarArchivos(x)}{x.Directory}{' (' + x.Files.length + ')'} \r\n )\r\n } else {\r\n DirectoriesToReturn.push(\r\n <>\r\n { renderizarArchivos(x); SetSelectedLi(e) }}>{x.Directory}{' (' + x.Files.length + ')'} \r\n )\r\n }\r\n })\r\n }\r\n }\r\n return DirectoriesToReturn\r\n }\r\n\r\n const PaintHeader = () => {\r\n if (window.innerWidth <= 1050) {\r\n return (\r\n
\r\n {PaintHorizontalMenu()}\r\n
\r\n
\" + nombre + \" \");\r\n }\r\n break;\r\n case \"mp4\":\r\n let divContenedor = document.createElement('div');\r\n divContenedor.classList = 'divContedorVideos';\r\n let imagenCerrar = document.createElement('p');\r\n imagenCerrar.innerText = 'X';\r\n imagenCerrar.classList = 'cerrarVideo';\r\n imagenCerrar.addEventListener(\"click\", videoVisibilityFunction)\r\n divContenedor.appendChild(imagenCerrar);\r\n link = document.createElement('video');\r\n link.classList.add('videoClass');\r\n link.src = \"data:video/mp4;base64,\" + respuesta;\r\n link.type = 'video/mp4';\r\n link.controls = true;\r\n document.body.appendChild(divContenedor);\r\n divContenedor.appendChild(link);\r\n divContenedor.addEventListener(\"click\", videoVisibilityFunction);\r\n link.play();\r\n break;\r\n case \"png\":\r\n setImgNombre(nombre);\r\n setImgHtml(\"data:image/png;base64,\" + respuesta);\r\n setPopUpVisibility(true);\r\n break;\r\n case \"jpg\":\r\n setImgNombre(nombre);\r\n setImgHtml(\"data:image/jpg;base64,\" + respuesta);\r\n setPopUpVisibility(true);\r\n break;\r\n case \"jpeg\":\r\n setImgNombre(nombre);\r\n setImgHtml(\"data:image/jpeg;base64,\" + respuesta);\r\n setPopUpVisibility(true);\r\n break;\r\n\r\n default:\r\n link = document.createElement('a');\r\n link.href = window.URL.createObjectURL(dataURLtoFile('data:text/plain;base64,' + respuesta, nombre));\r\n link.download = nombre;\r\n link.click();\r\n }\r\n }\r\n\r\n const limpiarArchivos = (objeto) => {\r\n let flecha = document.querySelector('.imgRotate');\r\n if (flecha != null && objeto.Files.length != 0) {\r\n flecha.classList.remove('imgRotate');\r\n }\r\n if ((objeto.Files != undefined ? objeto.Files.length : null) != 0 && (objeto.SubDirectories != undefined ? objeto.SubDirectories.length : null) == 0) {\r\n renderizarArchivos(objeto);\r\n }\r\n }\r\n\r\n\r\n\r\n const ShowSubdirectories = (iDirectory) => {\r\n let showedDirectories = document.getElementsByClassName(`show`);\r\n if ((showedDirectories.length != 0 ? showedDirectories[0].classList.contains(iDirectory) : false) == true) {\r\n document.getElementsByClassName(`show`)[0].classList.remove(\"show\");\r\n } else {\r\n if (showedDirectories.length == 0) {\r\n document.querySelector(`.${iDirectory}`).classList.add(\"show\");\r\n } else {\r\n document.getElementsByClassName(`show`)[0].classList.remove(\"show\");\r\n document.querySelector(`.${iDirectory}`).classList.add(\"show\");\r\n }\r\n }\r\n }\r\n\r\n const RenderDirectories = () => {\r\n let DirectoriesToReturn = [];\r\n var validador = false;\r\n AllDIrectories.map(x => {\r\n if (x.Directory != undefined) {\r\n let totalSubdirectories = \"\";\r\n let flechaGest = false;\r\n if (x.SubDirectories != null && x.SubDirectories.length == 0) {\r\n totalSubdirectories = ` (${x.Files.length})`\r\n } else {\r\n flechaGest = true;\r\n }\r\n\r\n if (flechaGest == true) {\r\n DirectoriesToReturn.push(\r\n <>\r\n { limpiarArchivos(x); RotarFlecha(e); ShowSubdirectories(x.Directory.replaceAll(' ', '')); }}>\r\n { \r\n {SubDirectoriesToReturn(x.SubDirectories, validador)} \r\n )\r\n } else {\r\n DirectoriesToReturn.push(\r\n <>\r\n { limpiarArchivos(x); SetSelectedLi(e); ShowSubdirectories(x.Directory.replaceAll(' ', '')); RotarFlecha('retornar'); }}>\r\n {x.Directory} {totalSubdirectories} \r\n {SubDirectoriesToReturn(x.SubDirectories, validador)} \r\n )\r\n }\r\n validador = true;\r\n }\r\n })\r\n return DirectoriesToReturn;\r\n }\r\n\r\n const SubDirectoriesToReturn = (iSubdirectories, validador) => {\r\n let DirectoriesToReturn = []\r\n if (iSubdirectories != undefined) {\r\n if (iSubdirectories.length >= 1) {\r\n iSubdirectories.map(x => {\r\n if (validador == false) {\r\n DirectoriesToReturn.push(\r\n <>\r\n { renderizarArchivos(x); SetSelectedLi(e) }} >{renderizarArchivos(x)}{x.Directory}{' (' + x.Files.length + ')'} \r\n )\r\n } else {\r\n DirectoriesToReturn.push(\r\n <>\r\n { renderizarArchivos(x); SetSelectedLi(e) }}>{x.Directory}{' (' + x.Files.length + ')'} \r\n )\r\n }\r\n })\r\n }\r\n }\r\n return DirectoriesToReturn\r\n }\r\n\r\n const PaintHeader = () => {\r\n if (window.innerWidth <= 1050) {\r\n return (\r\n
\r\n {PaintHorizontalMenu()}\r\n
\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default UserManuals;\r\n\r\n\r\n\r\n\r\n","export default __webpack_public_path__ + \"static/media/logo_intranet_login.17695ef8.svg\";","export default __webpack_public_path__ + \"static/media/logo_dfserver_blanco.936d4746.svg\";","import React, { useContext, useEffect, useState } from 'react';\r\nimport logo from './../../assets/logo_intranet_login.svg';\r\nimport logo2 from './../../assets/logo_dfserver_blanco.svg';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport UserContext from '../../components/Context/UserContext';\r\nimport './Login.css';\r\nimport '../Resume/Resume.css';\r\n\r\nconst Login = () => {\r\n //Datos heredados\r\n let history = useHistory();\r\n const {setUserContext} = useContext(UserContext);\r\n const [inputValue, setInputValue] = useState({})\r\n const [Error, setError] = useState({});\r\n\r\n\r\n useEffect(() => {\r\n checkSession();\r\n }, [])\r\n\r\n const checkSession = async () => {\r\n await fetch( 'api/User/SessionState').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n setUserContext(data.Response)\r\n history.push(\"/Resume\")\r\n }\r\n })\r\n }\r\n\r\n const handleChange = async e => {\r\n await setInputValue({\r\n ...inputValue,\r\n [e.target.name]: e.target.value\r\n })\r\n }\r\n\r\n const validateUser = () => {\r\n if (inputValue.userName == null || inputValue.userPassword == null || inputValue.userName == \"\" || inputValue.userPassword == \"\") {\r\n setError({haverError: true,message: \"Todos los campos son obligatorios\"});\r\n }\r\n else {\r\n fetch( 'api/User/Login', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(inputValue)\r\n }).then(\r\n res => res.json()\r\n ).then(data => {\r\n if (data.Response != null) {\r\n setUserContext(data.Response)\r\n sessionStorage.setItem('NombreUser', inputValue.userName);\r\n history.push(\"/Resume\")\r\n } else {\r\n setError({haverError: true,message: data.Message});\r\n };\r\n })\r\n \r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {if(e.keyCode == 13){validateUser()}}}>\r\n
\r\n
\r\n {\r\n window.innerWidth > 500 ? \r\n
\r\n :<>\r\n }\r\n
\r\n {\r\n window.innerWidth <= 500 ?\r\n
\r\n :\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
{iLabelDataTitle} \r\n {iLabelDataValue == null || iLabelDataValue == undefined || iLabelDataValue == '' ? '--' : iLabelDataValue} \r\n \r\n )\r\n}\r\n export default LabelData;","import React, { useEffect } from 'react';\r\nimport './Toast/Toast.css';\r\nimport check from '../assets/check_rounded_big_white.svg';\r\n\r\nconst ToastNoState = (props) => {\r\n\r\n if(props.iStyleParam == \"flex\"){\r\n setTimeout(animate, 500);\r\n }\r\n \r\n \r\n function animate() {\r\n const element = document.querySelectorAll('.toastClass');\r\n element.forEach((e)=>{\r\n e.classList.add('horizTranslate');\r\n })\r\n}\r\n\r\n return (\r\n \r\n
\r\n
{props.iTextValue}
\r\n
\r\n
Cambiar contraseña \r\n
Introduce tu contraseña actual y la nueva contraseña para efectuar el cambio.
\r\n\r\n
Introduce la contraseña actual: * \r\n
\r\n
Introduce la nueva contraseña: * \r\n
\r\n\r\n
Introduce de nuevo la nueva contraseña: * \r\n
\r\n \r\n\r\n\r\n
\r\n { changePassword(true) }}>Guardar contraseña \r\n { setPopUpVisibility(false) }} > Cancelar \r\n
\r\n
\r\n
\r\n
\r\n {ProfileInfo.UserName} \r\n { setPopUpVisibility(true) }}>Cambiar contraseña \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n\r\n\r\n\r\n
Datos de la empresa \r\n\r\n
\r\n
\r\n
\r\n Estos datos solo se presentan en modo lectura, es decir, no puedes realizar cambios directamente sobre los mismos.\r\n info@df-server.com \r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n
¿Estás seguro de que quieres eliminar el usuario “{SelectedUser.UserName}”?
\r\n
Este usuario dejará de tener acceso a la intranet de inmediato.
\r\n\r\n
\r\n { setPopUpVisibility(false) }} > No, cancelar \r\n { DeleteUser(SelectedUser) }}>Sí, eliminar \r\n
\r\n
\r\n \r\n { if(e.row.data.UserName != undefined) return e.row.data.UserName.toString().toLowerCase() != NombreUser.toString().toLowerCase() }} onClick={CreateSelectedUser} />\r\n \r\n \r\n\r\n \r\n );\r\n}\r\n\r\nexport default UserDataGridComponent;\r\n\r\n\r\n","import React, { useEffect, useState } from 'react';\r\nimport HorizontalMenu from './../../components/HorizontalMenu';\r\nimport UserDataGridComponent from './../../components/UserDataGrid';\r\nimport ResponsiveNavbar from '../../components/ResponsiveNavbar';\r\nimport NavBar from './../../components/NavBar'\r\nimport BackLink from '../../components/BackLink'\r\nimport { useHistory } from \"react-router-dom\";\r\nimport './UserMenagment.css';\r\nimport { LoadPanel } from 'devextreme-react/load-panel';\r\nimport ToastNoState from '../../components/ToastNoState';\r\n\r\nconst UserManagement = (props) => {\r\n let history = useHistory();\r\n const [UserList, setUserList] = useState([{}]);\r\n const [Sessioninfo, setSessionInfo] = useState({});\r\n const [loadingVisible, setLoadingVisible] = useState(true);\r\n const [ToastVisibility, setToastVisibility] = useState(false);\r\n\r\n useEffect(() => {\r\n CheckSession();\r\n getPersonalInfo();\r\n setTimeout(() => { setLoadingVisible(false); }, 1000);\r\n sessionStorage.setItem('pageOld', 'UserManagement');\r\n if (props.location.toast) {\r\n if (props.location.toast == 'true') {\r\n setToastVisibility(true);\r\n }\r\n }\r\n }, [])\r\n\r\n const getPersonalInfo = async () => {\r\n await fetch('api/User/GetUsers').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n setUserList(data.Response);\r\n }\r\n })\r\n }\r\n\r\n const PaintHeader = () => {\r\n if (window.innerWidth <= 1050) {\r\n return ( \r\n }\r\n }\r\n\r\n const CheckSession = async () => {\r\n await fetch('api/User/SessionState').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n setSessionInfo(data.Response)\r\n }\r\n })\r\n }\r\n\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n Gestión de usuarios ({UserList.length} usuarios) \r\n { history.push(\"/CreateUser\") }}>Nuevo usuario \r\n \r\n
\r\n
\r\n
\r\n
Correo electrónico enviado.
\r\n En breve, recibirás el correo. Si no es así, revisa el nombre de usuario introducido o revisa la bandeja de SPAM por si hubiese llegado allí.
\r\n \r\n { setPopUpVisibility(false) }}>Cerrar \r\n
\r\n \r\n return content\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n
\r\n
¿Has olvidado la contraseña? \r\n
Introduce tu usuario y te enviaremos un correo para restablecer la contraseña a tu correo asociado.
\r\n
\r\n
Usuario: * \r\n
\r\n
\r\n
Todos los campos son obligatorios
\r\n
\r\n
\r\n { history.push(\"/\") }}> Cancelar \r\n Enviar \r\n
\r\n
En breve, recibirás el correo. Si no es así, revisa el nombre de usuario introducido o revisa la bandeja de SPAM por si hubiese llegado allí.
\r\n
\r\n
\r\n {ilabelText} \r\n
\r\n \r\n )\r\n}\r\n export default CustomCheckbox;","import React, { useState } from 'react';\r\nimport DataGrid, { SearchPanel, Column,Pager,Paging } from 'devextreme-react/data-grid';\r\n\r\n\r\n\r\nconst ProductDataGrid = (props) => {\r\n const [VisibleRow, setVisibilerow] = useState();\r\n const paginador = props.paginador;\r\n let idataSource = props.idataSource;\r\n let length = 0;\r\n if(idataSource != null){\r\n length = idataSource.length\r\n }\r\n\r\n const WidthDataGrid = () => {\r\n const WindowSize = window.innerWidth;\r\n if (WindowSize < 1400) {\r\n return (WindowSize - (WindowSize /4));\r\n }\r\n }\r\n\r\n\r\n const getVisibleRow = (e) =>{\r\n setVisibilerow(e.component.getVisibleRows().length)\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 return filterChecks;\r\n }\r\n\r\n const modClase = () => {\r\n if (referencia.current.className == 'mostrar') {\r\n referencia.current.className = 'ocultar';\r\n } else {\r\n referencia.current.className = 'mostrar';\r\n }\r\n }\r\n\r\n const SelectThisCheck = (e) => {\r\n if (e.target.checked) {\r\n if (SelectedChekcs.length == 0) {\r\n setSelectedChecks([['Name', '=', e.target.name]]);\r\n } else {\r\n setSelectedChecks(SelectedChekcs.concat([\"or\"], [['Name', '=', e.target.name]]));\r\n }\r\n } else {\r\n let fil = [];\r\n for (var x = 0; x < SelectedChekcs.length; x++) {\r\n if (typeof SelectedChekcs[x][2] == 'string') {\r\n if (SelectedChekcs[x][2].toString().trim() != e.target.name.toString().trim() && typeof SelectedChekcs[x] != 'string') {\r\n fil.push(SelectedChekcs[x]);\r\n fil.push(\"or\");\r\n }\r\n }\r\n }\r\n fil.splice(-1, 1);\r\n setSelectedChecks(fil);\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n
Productos
\r\n
{referencia.current.classList.add('mostrarListo')}} onMouseEnter={()=>{referencia.current.classList.remove('mostrarListo')}}>\r\n {RenderChecks()}\r\n
\r\n
\r\n
\r\n )\r\n }\r\n }\r\n })\r\n return CheckElements;\r\n }\r\n\r\n\r\n const RenderUser = (iModules) => {\r\n if (iModules == null) return\r\n let CheckElements = [];\r\n Object.entries(iModules).map(x => {\r\n var nombreModulo = '';\r\n if (x[0] == \"CYS_USER\" && x[1] == -1) {\r\n x[1] = \"Ilimitado\"\r\n }\r\n switch (x[0]) {\r\n case 'NET_USER':\r\n nombreModulo = 'Usuarios NET: ';\r\n break;\r\n case 'WEB_USER':\r\n nombreModulo = 'Usuarios Web: ';\r\n break;\r\n case 'CYS_USER':\r\n nombreModulo = 'Usuarios Click & Search: ';\r\n break;\r\n case 'MOBILE_USER':\r\n nombreModulo = 'Usuarios Mobile: ';\r\n break;\r\n case 'EXPE_USER':\r\n nombreModulo = 'Usuarios Expedientes (escritorio y web): ';\r\n break;\r\n case 'EXPE_MOBILE':\r\n nombreModulo = 'Usuarios Expedientes (mobile): ';\r\n break;\r\n case 'DFSIGNATURE_USER':\r\n nombreModulo = 'Usuarios DFSignature: ';\r\n break;\r\n case 'SEARCH_USER':\r\n nombreModulo = 'Usuarios Módulo Search: ';\r\n break;\r\n case 'IMPORT_USER':\r\n nombreModulo = 'Usuarios de importación: ';\r\n break;\r\n case 'AIR_USER':\r\n nombreModulo = 'Usuarios AIR: ';\r\n break; \r\n case 'PLUGIN_USER':\r\n nombreModulo = 'Usuarios Plugin Office: ';\r\n break;\r\n case 'DFSIGNATURE_DISP':\r\n nombreModulo = 'Activaciones de dispositivos de DF-Signature: ';\r\n break;\r\n case '':\r\n nombreModulo = '';\r\n break;\r\n }\r\n CheckElements.push(\r\n {\r\n if (document.querySelector('.mostrarListo')) {\r\n document.querySelector('.mostrar').className = 'ocultar';\r\n }\r\n }}>\r\n\r\n
\r\n
\r\n
\r\n {ClientInfo.Name} \r\n Ir al portal de consumos \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
Cambiar contraseña \r\n
Introduce la nueva contraseña dos veces para efectuar el cambio.
\r\n
Introduce la nueva contraseña: * \r\n
\r\n
Introduce de nuevo la nueva contraseña: * \r\n
\r\n \r\n\r\n
\r\n Cambiar contraseña \r\n { setPopUpVisibility(false) }} > Cancelar \r\n
\r\n
\r\n }\r\n }\r\n\r\n const CheckSession = async () => {\r\n await fetch( 'api/User/SessionState').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n setSessionInfo(data.Response)\r\n } else {\r\n }\r\n })\r\n }\r\n\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n
\r\n Editar {UserInfo.UserName} \r\n { setPopUpVisibility(true) }}>Cambiar contraseña \r\n \r\n
\r\n\r\n
\r\n
Usuario: * \r\n
\r\n
Este campo es obligatorio
\r\n
\r\n\r\n
\r\n
Nombre: * \r\n
\r\n
Este campo es obligatorio
\r\n
\r\n\r\n
\r\n
Apellidos: * \r\n
\r\n
Este campo es obligatorio
\r\n
\r\n\r\n
\r\n
Teléfono: * \r\n
\r\n
Este campo es obligatorio
\r\n
\r\n\r\n
\r\n
Correo electrónico: * \r\n
\r\n
Este campo es obligatorio
\r\n
\r\n\r\n
\r\n
- \r\n
\r\n
Este campo es obligatorio
\r\n
\r\n\r\n\r\n
\r\n
\r\n
Permisos del usuario
\r\n
\r\n { setUserInfo(...UserInfo, UserInfo.e.target['value']) }} iChecked={UserInfo.IsAdministrator} iClick={() => { setUserInfo({ ...UserInfo, IsAdministrator: !UserInfo.IsAdministrator }) }}\r\n ilabelText=\"Es administrador\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n { setUserInfo(...UserInfo, UserInfo.e.target['value']) }} iChecked={UserInfo.ClientsAccess} iClick={() => { setUserInfo({ ...UserInfo, ClientsAccess: !UserInfo.ClientsAccess }) }}\r\n ilabelText=\"Acceso clientes\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n { setUserInfo(...UserInfo, UserInfo.e.target['value']) }} iChecked={UserInfo.ProductAccess} iClick={() => { setUserInfo({ ...UserInfo, ProductAccess: !UserInfo.ProductAccess }) }}\r\n ilabelText=\"Acceso a productos\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n { setUserInfo(...UserInfo, UserInfo.e.target['value']) }} iChecked={UserInfo.PreRequisitesAccess} iClick={() => { setUserInfo({ ...UserInfo, PreRequisitesAccess: !UserInfo.PreRequisitesAccess }) }}\r\n ilabelText=\"Acceso a prerrequisitos\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n { setUserInfo(...UserInfo, UserInfo.e.target['value']) }} iChecked={UserInfo.UtilitiesAccess} iClick={() => { setUserInfo({ ...UserInfo, UtilitiesAccess: !UserInfo.UtilitiesAccess }) }}\r\n ilabelText=\"Acceso a utilidades\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n { setUserInfo(...UserInfo, UserInfo.e.target['value']) }} iChecked={UserInfo.RequestAccess} iClick={() => { setUserInfo({ ...UserInfo, RequestAccess: !UserInfo.RequestAccess }) }}\r\n ilabelText=\"Acceso a realizar pedidos\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n { setUserInfo(...UserInfo, UserInfo.e.target['value']) }} iChecked={UserInfo.ManualAccess} iClick={() => { setUserInfo({ ...UserInfo, ManualAccess: !UserInfo.ManualAccess }) }}\r\n ilabelText=\"Acceso a manuales\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n { setUserInfo(...UserInfo, UserInfo.e.target['value']) }} iChecked={UserInfo.TecniqueDocumentationAccess} iClick={() => { setUserInfo({ ...UserInfo, TecniqueDocumentationAccess: !UserInfo.TecniqueDocumentationAccess }) }}\r\n ilabelText=\"Acceso a doc. técnica\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n { setUserInfo(...UserInfo, UserInfo.e.target['value']) }} iChecked={UserInfo.ComercialDocumentsAccess} iClick={() => { setUserInfo({ ...UserInfo, ComercialDocumentsAccess: !UserInfo.ComercialDocumentsAccess }) }}\r\n ilabelText=\"Acceso a doc. comercial\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n\r\n { setUserInfo(...UserInfo, UserInfo.e.target['value']) }} iChecked={UserInfo.VideoAccess} iClick={() => { setUserInfo({ ...UserInfo, VideoAccess: !UserInfo.VideoAccess }) }}\r\n ilabelText=\"Acceso a vídeos formativos\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n
\r\n
\r\n\r\n
\r\n { history.push(\"/UserManagement\") }} > Cancelar \r\n Guardar \r\n
\r\n\r\n
El usuario {UserInfo.UserName} se ha creado con éxito.
\r\n Has creado un nuevo usuario y ahora solo falta que le envíes sus credenciales para que pueda acceder a la intranet.
\r\n\r\n\r\n \r\n { setPopUpVisibility(false); history.push(\"/UserManagement\") }}>Cerrar \r\n
\r\n \r\n\r\n return content\r\n }\r\n\r\n const CamposObligatorios = () => {\r\n let comprobador = true;\r\n document.querySelectorAll('.UserInfoContainer').forEach((contenedor) => {\r\n contenedor.querySelector('p').style.visibility = 'hidden';\r\n if (contenedor.querySelector('input').value.trim() == '') {\r\n comprobador = false;\r\n contenedor.querySelector('p').innerText = \"Este campo es obligatorio\";\r\n contenedor.querySelector('p').style.visibility = 'visible';\r\n }\r\n })\r\n return comprobador;\r\n }\r\n\r\n const CreateUser = async () => {\r\n if (CamposObligatorios() == true) {\r\n if (UserInfo.IsAdministrator == undefined) {\r\n UserInfo.IsAdministrator = false;\r\n }\r\n if (UserInfo.ClientsAccess == undefined) {\r\n UserInfo.ClientsAccess = false;\r\n }\r\n if (UserInfo.ProductAccess == undefined) {\r\n UserInfo.ProductAccess = false;\r\n }\r\n if (UserInfo.PreRequisitesAccess == undefined) {\r\n UserInfo.PreRequisitesAccess = false;\r\n }\r\n if (UserInfo.UtilitiesAccess == undefined) {\r\n UserInfo.UtilitiesAccess = false;\r\n }\r\n if (UserInfo.RequestAccess == undefined) {\r\n UserInfo.RequestAccess = false;\r\n }\r\n if (UserInfo.ManualAccess == undefined) {\r\n UserInfo.ManualAccess = false;\r\n }\r\n if (UserInfo.TecniqueDocumentationAccess == undefined) {\r\n UserInfo.TecniqueDocumentationAccess = false;\r\n }\r\n if (UserInfo.ComercialDocumentsAccess == undefined) {\r\n UserInfo.ComercialDocumentsAccess = false;\r\n }\r\n if (UserInfo.VideoAccess == undefined) {\r\n UserInfo.VideoAccess = false;\r\n }\r\n await fetch('api/User/CreateUser', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(UserInfo)\r\n }).then(res => res.json()).then(data => {\r\n if (data.Response != false) {\r\n setPopUpVisibility(true)\r\n } else {\r\n errorUser.current.innerText = \"Este usuario ya existe\";\r\n errorUser.current.style.visibility = 'visible';\r\n }\r\n })\r\n }\r\n }\r\n\r\n const PaintHeader = () => {\r\n if (window.innerWidth <= 1050) {\r\n return ( \r\n }\r\n }\r\n\r\n const CheckSession = async () => {\r\n await fetch('api/User/SessionState').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n setSessionInfo(data.Response)\r\n } else {\r\n }\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
Usuario: * \r\n
\r\n
Este campo es obligatorio
\r\n
\r\n\r\n
\r\n
Contraseña: * \r\n
\r\n
Este campo es obligatorio
\r\n
\r\n\r\n
\r\n
Nombre: * \r\n
\r\n
Este campo es obligatorio
\r\n
\r\n\r\n
\r\n
Apellidos: * \r\n
\r\n
Este campo es obligatorio
\r\n
\r\n\r\n
\r\n
Teléfono: * \r\n
\r\n
Este campo es obligatorio
\r\n
\r\n\r\n
\r\n
Correo electrónico: * \r\n
\r\n
Este campo es obligatorio
\r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n
Permisos del usuario
\r\n
\r\n\r\n { setUserInfo({ ...UserInfo, IsAdministrator: !UserInfo.IsAdministrator }) }}\r\n ilabelText=\"Es administrador\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n { setUserInfo({ ...UserInfo, ClientsAccess: !UserInfo.ClientsAccess }) }}\r\n ilabelText=\"Acceso clientes\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n { setUserInfo({ ...UserInfo, ProductAccess: !UserInfo.ProductAccess }) }}\r\n ilabelText=\"Acceso a productos\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n { setUserInfo({ ...UserInfo, PreRequisitesAccess: !UserInfo.PreRequisitesAccess }) }}\r\n ilabelText=\"Acceso a prerrequisitos\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n { setUserInfo({ ...UserInfo, UtilitiesAccess: !UserInfo.UtilitiesAccess }) }}\r\n ilabelText=\"Acceso a utilidades\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n { setUserInfo({ ...UserInfo, RequestAccess: !UserInfo.RequestAccess }) }}\r\n ilabelText=\"Acceso a realizar pedidos\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n { setUserInfo({ ...UserInfo, ManualAccess: !UserInfo.ManualAccess }) }}\r\n ilabelText=\"Acceso a manuales\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n { setUserInfo({ ...UserInfo, TecniqueDocumentationAccess: !UserInfo.TecniqueDocumentationAccess }) }}\r\n ilabelText=\"Acceso a doc. técnica\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n { setUserInfo({ ...UserInfo, ComercialDocumentsAccess: !UserInfo.ComercialDocumentsAccess }) }}\r\n ilabelText=\"Acceso a doc. comercial\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n\r\n\r\n\r\n { setUserInfo({ ...UserInfo, VideoAccess: !UserInfo.VideoAccess }) }}\r\n ilabelText=\"Acceso a vídeos formativos\" iName=\"lincenceMOBILEUser\" iType=\"checkbox\">\r\n \r\n
\r\n
\r\n\r\n\r\n\r\n
\r\n { history.push(\"/UserManagement\") }} > Cancelar \r\n Guardar \r\n
\r\n
\r\n
\r\n
\r\n
Cambiar contraseña \r\n
Nueva contraseña * \r\n
\r\n
Confirma nueva contraseña * \r\n
\r\n
Todos los campos son obligatorios.
\r\n
\r\n { history.push(\"/\") }}> Cancelar \r\n Cambiar \r\n
\r\n
\r\n
\r\n
\r\n
{ history.push(\"/Resume\") }}>\r\n
{history.push(\"/Cambios\")} } > \r\n
{ createLink(\"https://intranet.df-server.info/\") }} > Ir a la Intranet antigua \r\n
{toggleLateralMenu()}}> \r\n
\r\n {sessionStorage.getItem('NombreUser')} \r\n \r\n
\r\n
\r\n
{ RedirectToVersions(x.short_name, x.folder) }}>\r\n \r\n
{x.short_name} \r\n
Versión Final:
\r\n
\r\n )\r\n panelFalso++;\r\n }\r\n if (x.orden > ordenFalso) {\r\n ordenFalso = x.orden;\r\n }\r\n\r\n });\r\n if (data.length >= 1) {\r\n if (carga == true) {\r\n props.loader(false);\r\n }\r\n }\r\n\r\n return Panels;\r\n }\r\n\r\n const RedirectToVersions = (iRecivedProduct, iRecivedFolderName) => {\r\n if (iRecivedProduct.includes('/')) {\r\n iRecivedProduct = iRecivedProduct.replace('/', '--');\r\n }\r\n history.push({\r\n pathname: `Cambios/${iRecivedProduct}`,\r\n ProductName: iRecivedProduct,\r\n FolderName: iRecivedFolderName\r\n })\r\n }\r\n\r\n return (\r\n <>\r\n 1050 ? 'VersionProductsContainer' : \"ResponsiveVersionProductsContainer\"}>\r\n\r\n
\r\n
\r\n
\r\n
Aplicaciones escritorio \r\n
\r\n
{GetPanels('DesktopApps')} \r\n
\r\n\r\n
\r\n
\r\n
\r\n
Servicios Web \r\n
\r\n\r\n
{GetPanels('WebService')} \r\n
\r\n\r\n
\r\n
\r\n
\r\n
Plugins \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
APIS \r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
Aplicaciones Web \r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
Herramientas Externas \r\n
\r\n
{GetPanels('External', true)} \r\n
\r\n\r\n
\r\n } else {\r\n return <> \r\n }\r\n }\r\n }\r\n\r\n\r\n const GetChanges = async () => {\r\n await fetch(\"api/Changes/GetHeaders\").then(res => res.json())\r\n .then(data => {\r\n setVersionHeaders(data.Response);\r\n })\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n
1050 ? 'sectionContainer' : \"ResponsiveSectionContainer\"}>\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n x['version'][x['version'].length - 1] == '.' ?\r\n window.open(window.location.pathname + '/' + (x['version'].substr(0, x['version'].length - 1).replaceAll('.', '-')), x['version']) :\r\n window.open(window.location.pathname + '/' + (x['version'].replaceAll('.', '-')), x['version'])\r\n }} >\r\n {x['version'][x['version'].length - 1] == '.' ? x['version'].substr(0, x['version'].length - 1) : x['version']} \r\n \r\n )\r\n });\r\n if (Panels.length != 0) {\r\n if (document.querySelector('.sinRegistroCambios')) {\r\n document.querySelector('.sinRegistroCambios').style.display = 'none';\r\n }\r\n }\r\n return Panels;\r\n }\r\n }\r\n\r\n\r\n const PaintHeader = (iLogged) => {\r\n if (window.innerWidth <= 1050) {\r\n return ( \r\n } else {\r\n return <> \r\n }\r\n }\r\n }\r\n\r\n\r\n const GetFinalVersion = async (iProductName) => {\r\n if (iProductName == \"server\") {\r\n iProductName = \"kernel\"\r\n }\r\n let versiontxt = jsonLocalData.VersionFileName;\r\n if (window.location.pathname.split('/')[2].toString().toUpperCase().replace('--', '/').replace('%20', ' ') == 'DFSIGNATURE WS/APP') {\r\n versiontxt = '/versionws.txt';\r\n }\r\n if (FinalVersionValue == null) {\r\n await fetch('api/files/GetVersionFile', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ 'ruta': `${jsonLocalData.UpdateLink}final${jsonLocalData.DonwloadFolder}${iProductName}${versiontxt}` })\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n if (data.Response.length < 60) {\r\n setFinalVersionValue(data.Response);\r\n }\r\n\r\n if(!versionesAccedidas.includes('final'))\r\n setVersionesAccedidas(current => [...current, 'final']);\r\n });\r\n }\r\n }\r\n const GetBetaVersion = async (iProductName) => {\r\n if (iProductName == \"server\") {\r\n iProductName = \"kernel\";\r\n }\r\n let versiontxt = jsonLocalData.VersionFileName;\r\n if (window.location.pathname.split('/')[2].toString().toUpperCase().replace('--', '/').replace('%20', ' ') == 'DFSIGNATURE WS/APP') {\r\n versiontxt = '/versionws.txt';\r\n }\r\n if (BetaVersionValue == null) {\r\n await fetch('api/files/GetVersionFile', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ 'ruta': `${jsonLocalData.UpdateLink}beta${jsonLocalData.DonwloadFolder}${iProductName}${versiontxt}` })\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n if (data.Response.length < 60) {\r\n setBetaVersionValue(data.Response);\r\n }\r\n\r\n if(!versionesAccedidas.includes('beta'))\r\n setVersionesAccedidas(current => [...current, 'beta']);\r\n });\r\n }\r\n }\r\n const GetRCVersion = async (iProductName) => {\r\n if (iProductName == \"server\") {\r\n iProductName = \"kernel\";\r\n }\r\n let versiontxt = jsonLocalData.VersionFileName;\r\n if (window.location.pathname.split('/')[2].toString().toUpperCase().replace('--', '/').replace('%20', ' ') == 'DFSIGNATURE WS/APP') {\r\n versiontxt = '/versionws.txt';\r\n }\r\n if (RCVersionValue == null) {\r\n await fetch('api/files/GetVersionFile', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ 'ruta': `${jsonLocalData.UpdateLink}rc${jsonLocalData.DonwloadFolder}${iProductName}${versiontxt}` })\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n if (data.Response.length < 60) {\r\n setRCVersionValue(data.Response);\r\n }\r\n\r\n if(!versionesAccedidas.includes('rc'))\r\n setVersionesAccedidas(current => [...current, 'rc']);\r\n });\r\n }\r\n }\r\n const GetAlfaVersion = async (iProductName) => {\r\n if (iProductName == \"server\") {\r\n iProductName = \"kernel\";\r\n }\r\n let versiontxt = jsonLocalData.VersionFileName;\r\n if (window.location.pathname.split('/')[2].toString().toUpperCase().replace('--', '/').replace('%20', ' ') == 'DFSIGNATURE WS/APP') {\r\n versiontxt = '/versionws.txt';\r\n }\r\n if (AlfaVersionValue == null) {\r\n await fetch('api/files/GetVersionFile', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ 'ruta': `${jsonLocalData.UpdateLink}alfa${jsonLocalData.DonwloadFolder}${iProductName}${versiontxt}` })\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n if (data.Response.length < 60) {\r\n setAlfaVersionValue(data.Response);\r\n }\r\n\r\n if(!versionesAccedidas.includes('alfa'))\r\n setVersionesAccedidas(current => [...current, 'alfa']);\r\n });\r\n }\r\n }\r\n\r\n const filtroTexto = async () => {\r\n let texto = BuscadorRef.current.value;\r\n setLoadingVisible(true);\r\n setSinRVisible('none');\r\n document.querySelectorAll('.NumberVersionPanel').forEach((x) => {\r\n x.style.display = 'flex';\r\n })\r\n let resultado1 = '';\r\n if (texto.length > 3) {\r\n await fetch('api/Changes/GetContentProduct ', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ indexName: id, textoInput: texto })\r\n }).then(\r\n res => res.json()\r\n ).then(data => {\r\n data.Response.forEach((x) => {\r\n resultado1 = resultado1 + x.Version + ',';\r\n });\r\n resultado1 = resultado1.slice(0, -1);\r\n });\r\n if (resultado1 != '') {\r\n await fetch('api/Changes/GetVersionForId ', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ listaId: resultado1 })\r\n }).then(\r\n res => res.json()\r\n ).then(data => {\r\n if (data.Response.length != 0) {\r\n document.querySelectorAll('.VersionPanelContainer > .NumberVersionPanel , .VersionPanelContainer > .NumberVersionPanelVerison').forEach((contenedor) => {\r\n if (data.Response.find(({ Version }) => Version === contenedor.querySelector('h1').innerText)) {\r\n contenedor.style.display = 'inline-block';\r\n } else {\r\n contenedor.style.display = 'none';\r\n }\r\n })\r\n } else {\r\n document.querySelectorAll('.VersionPanelContainer > .NumberVersionPanel , .VersionPanelContainer > .NumberVersionPanelVerison').forEach((contenedor) => {\r\n contenedor.style.display = 'none';\r\n })\r\n }\r\n });\r\n } else {\r\n document.querySelectorAll('.VersionPanelContainer > .NumberVersionPanel , .VersionPanelContainer > .NumberVersionPanelVerison').forEach((contenedor) => {\r\n contenedor.style.display = 'none';\r\n });\r\n setSinRVisible('block');\r\n }\r\n } else {\r\n document.querySelectorAll('.VersionPanelContainer > .NumberVersionPanel , .VersionPanelContainer > .NumberVersionPanelVerison').forEach((contenedor) => {\r\n contenedor.style.display = 'inline-block';\r\n });\r\n }\r\n setLoadingVisible(false);\r\n }\r\n\r\n return (\r\n <>\r\n { if (e.keyCode == 13) { filtroTexto() } }}>\r\n
\r\n
\r\n
Registro de cambios \r\n {sinVersionesCont == false ?\r\n
\r\n
Escribe el texto que deseas encontrar y tras pulsar el botón \"Buscar\", se mostrarán las versiones en las que se encuentra este texto.
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n :\r\n null\r\n }\r\n
\r\n
1050 ? 'VersionProductsContainer' : \"ResponsiveVersionProductsContainer\"}>\r\n
Sin resultados
\r\n
\r\n {GetPanels(VersionList)}\r\n \r\n
\r\n
\r\n } else {\r\n return <> \r\n }\r\n }\r\n }\r\n const checkSession = async () => {\r\n await fetch('api/User/SessionState').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n setUserinfo(data.Response)\r\n setIsLogged(true)\r\n }\r\n else {\r\n if (sessionStorage.getItem('pagVersion') == null && sessionStorage.getItem('pagVersion') == undefined) {\r\n sessionStorage.setItem('pagVersion', window.location.pathname.split('/')[window.location.pathname.split('/').length - 1]);\r\n } else {\r\n if (window.location.pathname.includes(sessionStorage.getItem('pagVersion'))) {\r\n setSemiIsLogged(true);\r\n }\r\n }\r\n }\r\n })\r\n }\r\n\r\n const getContent = async (iSelectedProduct, iSelectedVersion) => {\r\n iSelectedProduct = iSelectedProduct.replace('--','/');\r\n await fetch('api/Changes/GetVersioContent', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ indexName: iSelectedProduct, Version: iSelectedVersion })\r\n }).then(\r\n res => res.json()\r\n ).then(data => {\r\n let contentDiv = document.getElementsByClassName(\"VersionContentContainer\")[0];\r\n if (contentDiv) {\r\n contentDiv.innerHTML = \"\";\r\n if (data.Response == null) {\r\n contentDiv.style.color = '#002C5D';\r\n contentDiv.insertAdjacentHTML('beforeend', 'No se han encontrado registros.');\r\n } else {\r\n setHtmlInterno(data.Response);\r\n const expresion1 = /(?<=>)\\?/g;\r\n const expresion2 = /(?<=\")\\?/g;\r\n data.Response = data.Response.replace(expresion1, '');\r\n data.Response = data.Response.replace(expresion2, '');\r\n\r\n let resultadoAnterior;\r\n do {\r\n resultadoAnterior = data.Response;\r\n data.Response = data.Response.replace(expresion1, '');\r\n data.Response = data.Response.replace(expresion2, '');\r\n } while (data.Response !== resultadoAnterior);\r\n\r\n contentDiv.insertAdjacentHTML('beforeend', data.Response);\r\n }\r\n }\r\n })\r\n }\r\n\r\n const filtroTexto = (e) => {\r\n const texto = e.target.value;\r\n document.querySelector('.VersionContentContainer').innerHTML = htmlInterno;\r\n if (texto.length > 1 && texto.trim() != '') {\r\n let textoMod = '';\r\n let copiaHtmlInterno = htmlInterno;\r\n\r\n copiaHtmlInterno.split('<').forEach((x => {\r\n if (x.split('>')[0] != '')\r\n textoMod += '<' + x.split('>')[0] + '>';\r\n let textoLinea = x.split('>')[1];\r\n\r\n if (textoLinea != undefined && textoLinea != '') {\r\n\r\n if (textoLinea.match(new RegExp(texto, 'gi')) != null) {\r\n\r\n let contador = 0;\r\n let frase = '';\r\n textoLinea.match(new RegExp(texto, 'gi')).forEach((y) => {\r\n\r\n frase += textoLinea.split(new RegExp(texto, 'gi'))[contador];\r\n frase += '' + y + ' ';\r\n contador++;\r\n });\r\n\r\n frase += textoLinea.split(new RegExp(texto, 'gi'))[contador];\r\n textoMod += frase;\r\n\r\n } else {\r\n\r\n textoMod += textoLinea;\r\n\r\n }\r\n }\r\n }));\r\n document.querySelector('.VersionContentContainer').innerHTML = textoMod;\r\n }\r\n }\r\n\r\n const cambiarVersion = (x) => {\r\n x = x.replaceAll('.', '-');\r\n history.push(x);\r\n window.location.reload();\r\n }\r\n\r\n return (\r\n <>\r\n {PaintHeader(IsLogged)}\r\n \r\n
\r\n
\r\n
Registro de cambios \r\n\r\n
\r\n \r\n {semiIsLogged == true || IsLogged == true ? (sessionStorage.getItem('pagVersion')) != (window.location.pathname.split('/')[3].replaceAll('.', '-')) || /\\d/.test(sessionStorage.getItem('pagVersion').trim()) == false ?\r\n
\r\n {verAnt != null && verAnt.trim() != '' ?\r\n IsLogged == true || /\\d/.test(sessionStorage.getItem('pagVersion').trim()) == false\r\n ?\r\n
\r\n : <>\r\n : <>}\r\n {verSigu != null && verSigu.trim() != '' ?\r\n IsLogged == true || /\\d/.test(sessionStorage.getItem('pagVersion').trim()) == false\r\n ?\r\n
\r\n : <>\r\n : <>}\r\n
\r\n : <> : <>}\r\n\r\n
\r\n\r\n {\r\n UserPermission != null &&\r\n UserPermission.AlfaAccess == 1 ?\r\n <>\r\n
{\r\n if (window.location && window.location.pathname) {\r\n var newPath = window.location.pathname.replace('Cambios', 'HTMLEdit_Product');\r\n window.open(newPath);\r\n }\r\n }}\r\n value={\"Editar versió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
{texto.textos[0]}
\r\n
\r\n
\r\n
{texto.textos[1]}
\r\n
\r\n
\r\n
\r\n
{texto.textos[2]}
\r\n
\r\n
\r\n
\r\n
{texto.textos[3]}
\r\n
\r\n
\r\n
\r\n
{texto.textos[4]}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n inputContenedor.current.value = (element['nombreCliente'] + ' ' + element['NSerie']); divContenedor.current.style.display = 'none';\r\n clienteCargado = true;\r\n }}>\r\n {element['nombreCliente'] + ' ' + element['NSerie']}
);\r\n }\r\n });\r\n return elementos;\r\n }\r\n\r\n const mostrarMenu = () => {\r\n if (divContenedor.current.style.display == 'none' || divContenedor.current.style.display == '') {\r\n divContenedor.current.style.display = 'block'\r\n if (window.innerWidth > 1050) {\r\n divContenedor.current.style.width = inputContenedor.current.clientWidth + 'px';\r\n }\r\n } else {\r\n divContenedor.current.style.display = 'none'\r\n }\r\n }\r\n\r\n const cargarCliente = async () => {\r\n if (limpiarDato != null) {\r\n limipiarBoton(inputContenedor.current.value);\r\n }\r\n const regex = /\\b[A-F0-9]{5}-[A-F0-9]{5}-[A-F0-9]{5}\\b/;\r\n const numeroSerie = inputContenedor.current.value.toString().match(regex);\r\n localStorage.setItem('numeroSerie', numeroSerie[0]);\r\n document.querySelectorAll('.licenciaModulos').forEach((x) => {\r\n x.style.backgroundColor = 'white';\r\n x.classList.remove('licenciaModulos');\r\n x.classList.add('modulos');\r\n x.querySelector('input').checked = false;\r\n x.querySelector('input').disabled = false;\r\n });\r\n document.querySelector('.inputMigrarClass').value = \"\";\r\n document.querySelectorAll('.dataForm .menuExpan ~ .conetenedorImputsCont .imputsCont input').forEach((e) => {\r\n e.disabled = false;\r\n });\r\n texto.modC(true);\r\n setLimpiarDato(inputContenedor.current.value);\r\n var serieN = '';\r\n var datosCliente = '';\r\n if (localStorage.getItem('dataClient') != null) {\r\n datosCliente = localStorage.getItem('dataClient');\r\n } else {\r\n datosCliente = inputContenedor.current.value;\r\n }\r\n texto.clientes.forEach(element => {\r\n if ((element['nombreCliente'] + ' ' + element['NSerie']) == datosCliente) {\r\n serieN = element['NSerie'];\r\n nombre.current.value = element['nombreCliente'];\r\n vat.current.value = element['VATCliente'];\r\n correo.current.value = element['emailCliente'];\r\n telefono.current.value = element['telefonoCliente'];\r\n direccion.current.value = element['direccionCliente'];\r\n localidad.current.value = element['localidadCliente'];\r\n CP.current.value = element['CPCliente'];\r\n provincia.current.value = element['provinciaCliente'];\r\n pais.current.value = element['paisCliente'];\r\n nombreCont.current.value = element['nombreCleinteS'];\r\n correoCont.current.value = element['emailClienteS'];\r\n telefonoCont.current.value = element['telefonoClienteS'];\r\n grupo.current.value = element['Grupo'];\r\n cargo.current.value = '';\r\n }\r\n });\r\n if (serieN != '') {\r\n await fetch('api/User/LicenseInfo', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ selectedSerial: serieN })\r\n }).then(\r\n res => res.json()\r\n ).then(data => {\r\n document.querySelectorAll('.imputsCont').forEach((element) => {\r\n if (element.querySelector('p')) {\r\n if (element.querySelector('p').innerText.split(':')[0].trim() == 'Usuarios adicionales') {\r\n if (data.Response['_USUARIOS']['NET_USER'] != undefined) {\r\n if (data.Response['_USUARIOS']['NET_USER'] == -1) {\r\n element.querySelector('p').innerText = element.querySelector('p').innerText.split(':')[0] + ': (Ilimitado)';\r\n evitarDatosEnDisable(element, \"Ilimitado\");\r\n } else {\r\n element.querySelector('p').innerText = element.querySelector('p').innerText.split(':')[0] + ': (' + data.Response['_USUARIOS']['NET_USER'] + ')';\r\n evitarDatosEnDisable(element, data.Response['_USUARIOS']['NET_USER']);\r\n }\r\n\r\n operacionSelectores('MenuUserADD', data.Response['_USUARIOS']['NET_USER']);\r\n }\r\n }\r\n if (element.querySelector('p').innerText.split(':')[0].trim() == 'Motores OCR') {\r\n if (data.Response['_MOTORES'] != undefined) {\r\n if (data.Response['_MOTORES'] == -1) {\r\n element.querySelector('p').innerText = element.querySelector('p').innerText.split(':')[0] + ': (Ilimitado)';\r\n evitarDatosEnDisable(element, \"Ilimitado\");\r\n } else {\r\n element.querySelector('p').innerText = element.querySelector('p').innerText.split(':')[0] + ': (' + data.Response['_MOTORES'] + ')';\r\n evitarDatosEnDisable(element, data.Response['_MOTORES']);\r\n }\r\n operacionSelectores('MenuOCR', data.Response['_MOTORES']);\r\n }\r\n }\r\n if (element.querySelector('p').innerText.split(':')[0].trim() == 'Usuarios SEARCH') {\r\n if (data.Response['_USUARIOS']['SEARCH_USER'] != undefined) {\r\n if (data.Response['_USUARIOS']['SEARCH_USER'] == -1) {\r\n element.querySelector('p').innerText = element.querySelector('p').innerText.split(':')[0] + ': (Ilimitado)';\r\n evitarDatosEnDisable(element, \"Ilimitado\");\r\n } else {\r\n element.querySelector('p').innerText = element.querySelector('p').innerText.split(':')[0] + ': (' + data.Response['_USUARIOS']['SEARCH_USER'] + ')';\r\n evitarDatosEnDisable(element, data.Response['_USUARIOS']['SEARCH_USER']);\r\n }\r\n operacionSelectores('MenuSearch', data.Response['_USUARIOS']['SEARCH_USER']);\r\n }\r\n }\r\n if (element.querySelector('p').innerText.split(':')[0].trim() == 'Servidores') {\r\n if (data.Response['_KERNELS'] != undefined) {\r\n if (data.Response['_KERNELS'] == -1) {\r\n element.querySelector('p').innerText = element.querySelector('p').innerText.split(':')[0] + ': (Ilimitado)';\r\n evitarDatosEnDisable(element, \"Ilimitado\");\r\n } else {\r\n element.querySelector('p').innerText = element.querySelector('p').innerText.split(':')[0] + ': (' + data.Response['_KERNELS'] + ')';\r\n evitarDatosEnDisable(element, data.Response['_KERNELS']);\r\n }\r\n operacionSelectores('MenuServ', data.Response['_KERNELS']);\r\n }\r\n }\r\n }\r\n })\r\n\r\n if (data.Response['_VERSION_PRODUCTO'] == 100) {\r\n document.querySelectorAll('.MenuEdicion p').forEach((ele) => {\r\n if (ele.innerText == 'DF-SERVER BASIC EDITION') {\r\n ele.click();\r\n }\r\n })\r\n } else if (data.Response['_VERSION_PRODUCTO'] == 200) {\r\n document.querySelectorAll('.MenuEdicion p').forEach((ele) => {\r\n if (ele.innerText == 'DF-SERVER SOFT EDITION') {\r\n ele.click();\r\n }\r\n })\r\n } else if (data.Response['_VERSION_PRODUCTO'] == 300) {\r\n document.querySelectorAll('.MenuEdicion p').forEach((ele) => {\r\n if (ele.innerText == 'DF-SERVER PROFESIONAL EDITION') {\r\n ele.click();\r\n }\r\n })\r\n } else if (data.Response['_VERSION_PRODUCTO'] == 400) {\r\n document.querySelectorAll('.MenuEdicion p').forEach((ele) => {\r\n if (ele.innerText == 'DF-SERVER PREMIUM EDITION') {\r\n ele.click();\r\n }\r\n })\r\n }\r\n\r\n document.querySelectorAll('.MenuModalidad p').forEach((ele) => {\r\n if (ele.innerText == 'Compra') {\r\n ele.parentNode.parentNode.querySelector('input').disabled = false;\r\n ele.parentNode.parentNode.querySelector('img').style.cursor = 'pointer';\r\n ele.click();\r\n }\r\n });\r\n\r\n document.querySelector('.inputMigrarClass').disabled = false;\r\n document.querySelector('.inputMigrarClass').style.color = '#002c5d';\r\n document.querySelector('.inputMigrarClass').parentNode.querySelector('img').style.cursor = 'pointer';\r\n\r\n const mostrarOcultar = (element) => {\r\n if (!element.parentNode.querySelector('div').classList.contains('noTocar')) {\r\n if (element.parentNode.querySelector('div').style.display == 'none') {\r\n element.parentNode.querySelector('div').classList.add('noTocar')\r\n element.parentNode.querySelector('div').style.display = 'block';\r\n } else {\r\n element.parentNode.querySelector('div').classList.add('noTocar')\r\n element.parentNode.querySelector('div').style.display = 'none';\r\n }\r\n setTimeout(eliminarNoTocar, 100);\r\n }\r\n }\r\n\r\n const mostrarOcultarMod = (element) => {\r\n if (!element.classList.contains('noTocar')) {\r\n if (element.style.display == 'none') {\r\n element.classList.add('noTocar')\r\n element.style.display = 'block';\r\n } else {\r\n element.classList.add('noTocar')\r\n element.style.display = 'none';\r\n }\r\n setTimeout(eliminarNoTocar, 100);\r\n }\r\n }\r\n\r\n const eliminarNoTocar = () => {\r\n document.querySelector('.noTocar').classList.remove('noTocar');\r\n }\r\n\r\n document.querySelectorAll('.BetterCheckBig > div > label:first-child').forEach((element) => {\r\n var elementoTexto = element.parentNode.querySelector('label:last-child > p');\r\n elementoTexto.innerText = elementoTexto.innerText.split('(')[0];\r\n var elementoTexto2 = element.parentNode.querySelector('label:nth-child(2) > p');\r\n elementoTexto2.innerText = elementoTexto2.innerText.split('(')[0];\r\n if (data.Response['_USUARIOS']['CYS_USER'] != undefined && element.innerText == 'Click and Search') {\r\n if (data.Response['_USUARIOS']['CYS_USER'] == -1) {\r\n elementoTexto.innerText = 'Usuarios:' + ' (Ilimitado)';\r\n } else {\r\n elementoTexto.innerText = 'Usuarios:' + ' (' + data.Response['_USUARIOS']['CYS_USER'] + ')';\r\n }\r\n element.parentNode.querySelector('label:nth-child(2) input').disabled = false;\r\n element.parentNode.querySelector('label:nth-child(2) input').readOnly = true;\r\n element.parentNode.querySelector('label:nth-child(2) p').style.color = \"#002c5d\";\r\n element.parentNode.querySelector('label:nth-child(2) img').style.cursor = \"pointer\";\r\n element.parentNode.style.backgroundColor = '#FDEED8';\r\n element.parentNode.style.cursor = 'default';\r\n element.parentNode.classList = 'licenciaModulos';\r\n element.querySelector('input').checked = true;\r\n element.querySelector('input').disabled = true;\r\n\r\n if (data.Response['_USUARIOS']['CYS_USER'] == '5') {\r\n document.querySelectorAll('.divSignature p').forEach((parrafoTexto) => {\r\n if (parrafoTexto.innerText == '10') {\r\n parrafoTexto.style.display = 'none';\r\n }\r\n });\r\n }\r\n if (data.Response['_USUARIOS']['CYS_USER'] == '10') {\r\n document.querySelectorAll('.divSignature p').forEach((parrafoTexto) => {\r\n if (parrafoTexto.innerText != '>10') {\r\n parrafoTexto.style.display = 'none';\r\n }\r\n });\r\n }\r\n if (data.Response['_USUARIOS']['CYS_USER'] == '>10') {\r\n document.querySelectorAll('.divSignature p').forEach((parrafoTexto) => {\r\n parrafoTexto.style.display = 'none';\r\n });\r\n document.querySelector('.divSignature').disabled = true;\r\n }\r\n\r\n if (data.Response['_USUARIOS']['CYS_USER'] == '-1') {\r\n document.querySelectorAll('.divSignature p').forEach((parrafoTexto) => {\r\n parrafoTexto.style.display = 'none';\r\n });\r\n document.querySelector('.divSignature').disabled = true;\r\n }\r\n\r\n if (CaSEvent == false) {\r\n element.parentNode.querySelector('label:nth-child(2) input').addEventListener('click', () => {\r\n mostrarOcultar(element.parentNode.querySelector('label:nth-child(2) input'));\r\n })\r\n setCaSEvent(true);\r\n }\r\n\r\n } else if (data.Response['_USUARIOS']['MOBILE_USER'] != undefined && element.innerText == 'Módulo DF-Mobile') {\r\n if (data.Response['_USUARIOS']['MOBILE_USER'] == -1) {\r\n elementoTexto.innerText = 'Usuarios:' + '(Ilimitado)';\r\n } else {\r\n elementoTexto.innerText = 'Usuarios:' + ' (' + data.Response['_USUARIOS']['MOBILE_USER'] + ')';\r\n }\r\n element.parentNode.querySelector('label:nth-child(2) input').disabled = false;\r\n element.parentNode.querySelector('label:nth-child(2) input').readOnly = true;\r\n element.parentNode.querySelector('label:nth-child(2) p').style.color = \"#002c5d\";\r\n element.parentNode.querySelector('label:nth-child(2) img').style.cursor = \"pointer\";\r\n element.parentNode.style.backgroundColor = '#FDEED8';\r\n element.parentNode.style.cursor = 'default';\r\n element.parentNode.classList = 'licenciaModulos';\r\n element.querySelector('input').checked = true;\r\n element.querySelector('input').disabled = true;\r\n\r\n operacionSelectores('divUsuariosMob', data.Response['_USUARIOS']['MOBILE_USER']);\r\n\r\n if (MEvent == false) {\r\n element.parentNode.querySelector('label:nth-child(2) input').addEventListener('click', () => {\r\n mostrarOcultar(element.parentNode.querySelector('label:nth-child(2) input'));\r\n })\r\n setMEvent(true);\r\n }\r\n\r\n } else if (data.Response['_USUARIOS']['EXPE_USER'] != undefined && element.innerText == 'Módulo Expedientes') {\r\n if (data.Response['_USUARIOS']['EXPE_USER'] == -1) {\r\n elementoTexto.innerText = 'Usuarios:' + ' (Ilimitado)';\r\n } else {\r\n elementoTexto.innerText = 'Usuarios:' + ' (' + data.Response['_USUARIOS']['EXPE_USER'] + ')';\r\n }\r\n element.parentNode.querySelector('label:nth-child(2) input').disabled = false;\r\n element.parentNode.querySelector('label:nth-child(2) input').readOnly = true;\r\n element.parentNode.querySelector('label:nth-child(2) p').style.color = \"#002c5d\";\r\n element.parentNode.querySelector('label:nth-child(2) img').style.cursor = \"pointer\";\r\n element.parentNode.style.backgroundColor = '#FDEED8';\r\n element.parentNode.style.cursor = 'default';\r\n element.parentNode.classList = 'licenciaModulos';\r\n element.querySelector('input').checked = true;\r\n element.querySelector('input').disabled = true;\r\n\r\n document.querySelectorAll('.modulos').forEach((x) => {\r\n if (x.innerText == texto.modulos[63][1] || x.innerText == texto.modulos[65][1]) {\r\n x.querySelector('input').disabled = false;\r\n x.querySelector('input').checked = false;\r\n x.style.borderColor = '#002c5d';\r\n x.style.color = '#002c5d';\r\n }\r\n })\r\n operacionSelectores('divUsuariosExp', data.Response['_USUARIOS']['EXPE_USER']);\r\n\r\n if (EEvent == false) {\r\n element.parentNode.querySelector('label:nth-child(2) input').addEventListener('click', () => {\r\n mostrarOcultar(element.parentNode.querySelector('label:nth-child(2) input'));\r\n })\r\n setEEvent(true);\r\n }\r\n\r\n } else if ((data.Response['_USUARIOS']['DFSIGNATURE_USER'] != undefined ? true : data.Response['_USUARIOS']['DFSIGNATURE_DISP'] != undefined ? true : false) && element.innerText == 'DF-Signature') {\r\n if (data.Response['_USUARIOS']['DFSIGNATURE_USER'] != undefined) {\r\n if (data.Response['_USUARIOS']['DFSIGNATURE_USER'] == -1 && data.Response['_USUARIOS']['DFSIGNATURE_USER'] != undefined) {\r\n elementoTexto.innerText = 'Usuarios:' + ' (Ilimitado)';\r\n } else {\r\n elementoTexto.innerText = 'Usuarios:' + ' (' + data.Response['_USUARIOS']['DFSIGNATURE_USER'] + ')';\r\n }\r\n }\r\n if (data.Response['_USUARIOS']['DFSIGNATURE_DISP'] != undefined) {\r\n if (data.Response['_USUARIOS']['DFSIGNATURE_DISP'] == -1) {\r\n elementoTexto2.innerText = 'Activaciones de dispositivos:' + ' (Ilimitado)';\r\n } else {\r\n elementoTexto2.innerText = 'Activaciones de dispositivos:' + ' (' + data.Response['_USUARIOS']['DFSIGNATURE_DISP'] + ')';\r\n }\r\n }\r\n if (data.Response['_USUARIOS']['DFSIGNATURE_DISP'] != undefined) {\r\n operacionSelectores('divSDispositivosSig', data.Response['_USUARIOS']['DFSIGNATURE_DISP']);\r\n }\r\n if (data.Response['_USUARIOS']['DFSIGNATURE_USER'] != undefined) {\r\n operacionSelectores('divUsuariosDig', data.Response['_USUARIOS']['DFSIGNATURE_USER']);\r\n }\r\n element.parentNode.querySelector('label:nth-child(2) input').disabled = false;\r\n element.parentNode.querySelector('label:nth-child(2) input').readOnly = true;\r\n element.parentNode.querySelector('label:last-child input').disabled = false;\r\n element.parentNode.querySelector('label:last-child input').readOnly = true;\r\n element.parentNode.querySelector('label:nth-child(2) p').style.color = \"#002c5d\";\r\n element.parentNode.querySelector('label:last-child p').style.color = \"#002c5d\";\r\n element.parentNode.querySelector('label:nth-child(2) img').style.cursor = \"pointer\";\r\n element.parentNode.querySelector('label:last-child img').style.cursor = \"pointer\";\r\n element.parentNode.style.backgroundColor = '#FDEED8';\r\n element.parentNode.style.cursor = 'default';\r\n element.parentNode.classList = 'licenciaModulos';\r\n element.querySelector('input').checked = true;\r\n element.querySelector('input').disabled = true;\r\n\r\n if (SDEvent == false) {\r\n element.parentNode.querySelector('label:nth-child(2) input').addEventListener('click', () => {\r\n mostrarOcultar(element.parentNode.querySelector('label:nth-child(2) input'));\r\n })\r\n setSDEvent(true);\r\n }\r\n if (SUSEvent == false) {\r\n element.parentNode.querySelector('label:last-child input').addEventListener('click', () => {\r\n mostrarOcultar(element.parentNode.querySelector('label:last-child input'));\r\n })\r\n setSUSEvent(true);\r\n }\r\n }\r\n })\r\n\r\n //Aquí se controlan los eventos de los modulos con usuarios y/o dispositivos, los que usan nth-child(2) es porque tienen dos elementos\r\n document.querySelectorAll('.BetterCheckBig div label:first-child').forEach((e) => {\r\n if (e.querySelector('input').disabled == false) {\r\n e.querySelector('input').addEventListener('click', () => {\r\n if (e.querySelector('input').checked == true) {\r\n e.parentNode.style.backgroundColor = '#E1EEF5';\r\n e.parentNode.querySelector('label:last-child input').disabled = false;\r\n e.parentNode.querySelector('label:last-child input').readOnly = true;\r\n if (e.parentNode.querySelectorAll('label').length == 3) {\r\n e.parentNode.querySelector('label:nth-child(2) input').disabled = false;\r\n e.parentNode.querySelector('label:nth-child(2) input').readOnly = true;\r\n e.parentNode.querySelector('label:last-child input').value = '0';\r\n e.parentNode.querySelector('label:nth-child(2) input').value = '0';\r\n }\r\n } else {\r\n e.parentNode.style.backgroundColor = 'white';\r\n e.parentNode.querySelector('label:last-child input').disabled = true;\r\n e.parentNode.querySelector('label:last-child input').readOnly = false;\r\n e.parentNode.querySelector('label:last-child div').style.display = 'none';\r\n if (e.parentNode.querySelectorAll('label').length == 3) {\r\n e.parentNode.querySelector('label:nth-child(2) input').disabled = true;\r\n e.parentNode.querySelector('label:nth-child(2) input').readOnly = false;\r\n e.parentNode.querySelector('label:nth-child(2) div').style.display = 'none';\r\n }\r\n }\r\n })\r\n\r\n e.parentNode.querySelector('label:last-child input').addEventListener('click', () => { mostrarOcultarMod(e.parentNode.querySelector('label:last-child div')) });\r\n if (e.parentNode.querySelectorAll('label').length == 3) {\r\n e.parentNode.querySelector('label:nth-child(2) input').addEventListener('click', () => { mostrarOcultarMod(e.parentNode.querySelector('label:nth-child(2) div')) });\r\n }\r\n }\r\n })\r\n\r\n document.querySelectorAll('.modulos').forEach((element) => {\r\n data.Response['_MODULOS'].forEach((elemento) => {\r\n if (texto.modulosEspeciales[elemento['TipoModulo']] == undefined) {\r\n if (elemento['TipoModulo'] != 40)\r\n if (texto.modulos[elemento['TipoModulo']][1] == element.innerText) {\r\n element.style.backgroundColor = '#FDEED8';\r\n element.style.cursor = 'default';\r\n element.classList = 'licenciaModulos';\r\n element.querySelector('input').checked = true;\r\n element.querySelector('input').disabled = true;\r\n }\r\n }\r\n });\r\n });\r\n\r\n })\r\n }\r\n }\r\n\r\n const evitarDatosEnDisable = (input, valorLicencia) => {\r\n let elemento = input.querySelector('.contenedorFlecha > input');\r\n if (elemento.disabled == true) {\r\n if (valorLicencia.toString() == \"Ilimitado\" || elemento.value < valorLicencia) {\r\n elemento.value = \"--\";\r\n }\r\n }\r\n }\r\n\r\n const operacionSelectores = (clase, tipo) => {\r\n // Seleccionar el primer párrafo dentro de los elementos con la clase especificada\r\n const primerParrafo = document.querySelector('.' + clase + ' p:first-child');\r\n\r\n // Seleccionar todos los párrafos dentro de los elementos con la clase especificada\r\n const parrafos = document.querySelectorAll('.' + clase + ' p');\r\n\r\n // Verificar si hay más de un párrafo\r\n if (parrafos.length > 0) {\r\n // Verificar si el tipo no es divisible de manera exacta por el valor del primer párrafo\r\n if (parseInt(tipo) % parseInt(primerParrafo.innerText) !== 0) {\r\n // Verificar si el primer párrafo es mayor que el tipo\r\n if (Math.sign(parseInt(primerParrafo.innerText) - parseInt(tipo)) === 1) {\r\n // Restar el tipo a cada párrafo\r\n parrafos.forEach((parrafoTexto) => {\r\n parrafoTexto.innerText = parseInt(parrafoTexto.innerText) - parseInt(tipo);\r\n });\r\n } else {\r\n\r\n // Realizar una operación de cociente y resto\r\n const cociente = (parseInt(tipo) / parseInt(primerParrafo.innerText)).toString();\r\n const entero = cociente.split('.')[0];\r\n const nuevoValor = parseInt(('0.' + cociente.split('.')[1]) * parseInt(primerParrafo.innerText));\r\n let contador = 0;\r\n let maximo = parrafos.length - entero;\r\n parrafos.forEach((parrafoTexto) => {\r\n // Verificar si el contador no excede el máximo y si el valor restado es mayor que 0\r\n if (contador < maximo && (parseInt(parrafoTexto.innerText) - nuevoValor) > 0) {\r\n parrafoTexto.innerText = parseInt(parrafoTexto.innerText) - nuevoValor;\r\n contador++;\r\n } else {\r\n parrafoTexto.style.display = 'none';\r\n }\r\n });\r\n }\r\n } else {\r\n // Realizar una operación de cociente\r\n let contador = 1;\r\n let maximo = parseInt(document.querySelector('.' + clase + ' p:last-child').innerText) - parseInt(tipo);\r\n let maxCont = maximo / (parseInt(document.querySelector('.' + clase + ' p:nth-child(3)').innerText) - parseInt(document.querySelector('.' + clase + ' p:nth-child(2)').innerText))\r\n let intervalo = (parseInt(document.querySelector('.' + clase + ' p:nth-child(3)').innerText) - parseInt(document.querySelector('.' + clase + ' p:nth-child(2)').innerText))\r\n parrafos.forEach((parrafoTexto) => {\r\n // Verificar si el contador no excede el máximo y si el valor del párrafo es mayor que 0\r\n if (contador <= (maxCont + 1) && (intervalo * contador) > 0 && (intervalo * contador) <= maximo) {\r\n parrafoTexto.innerText = (intervalo * contador);\r\n } else {\r\n parrafoTexto.style.display = 'none';\r\n }\r\n contador++;\r\n });\r\n }\r\n }\r\n }\r\n\r\n\r\n\r\n const blanqueador = () => {\r\n const par = document.querySelectorAll('.dataMedium');\r\n par.forEach((element) => {\r\n element.style.display = 'flex';\r\n });\r\n }\r\n\r\n const remarcarParrafo = () => {\r\n const par = document.querySelectorAll('.dataMedium');\r\n if (inputContenedor.current.value == '') {\r\n blanqueador();\r\n } else {\r\n blanqueador();\r\n par.forEach((element) => {\r\n if (!element.innerHTML.toUpperCase().includes(inputContenedor.current.value.toUpperCase())) {\r\n element.style.display = 'none';\r\n }\r\n });\r\n }\r\n }\r\n\r\n const SelectorClientes = () => {\r\n if (texto.newR == true) {\r\n return \r\n
\r\n
Selecciona el nombre del cliente y se cargarán los datos que se encuentran en su licencia actualmente.
\r\n
Nombre del cliente:
\r\n
\r\n
\r\n
\r\n
Datos del cliente
\r\n
\r\n
\r\n
\r\n
Nombre / Razón social: *
\r\n
\r\n
\r\n
\r\n
\r\n
Grupo al que pertenece:
\r\n
\r\n
\r\n
\r\n
Correo electrónico de la empresa:
\r\n
\r\n
\r\n
\r\n
Teléfono de la empresa:
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Dirección: *
\r\n
\r\n
\r\n
\r\n
Localidad: *
\r\n
\r\n
\r\n
\r\n
Código postal: *
\r\n
\r\n
\r\n
\r\n
Provincia: *
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Nombre del contacto: *
\r\n
\r\n
\r\n
\r\n
Cargo del contacto: *
\r\n
\r\n
\r\n
\r\n
Correo electrónico del contacto: *
\r\n
\r\n
\r\n
\r\n
Teléfono del contacto: *
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{props.titulo} \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n { RotarFlecha(e); ShowSubdirectories(e, x.Directory) }}>\r\n \r\n {SubDirectoriesToReturn(x.SubDirectories)} \r\n )\r\n\r\n })\r\n\r\n\r\n return DirectoriesToReturn;\r\n }\r\n\r\n const RotarFlecha = (e) => {\r\n if (window.innerWidth <= 900) {\r\n if (document.querySelector('img.imgRotate') && !e.target.querySelector('img.imgRotate')) {\r\n document.querySelector('img.imgRotate').classList.remove('imgRotate');\r\n }\r\n if (e.target.querySelector('img') != null) {\r\n if (e.target.querySelector('img.imgRotate') != null) {\r\n e.target.querySelector('img.imgRotate').classList.remove(\"imgRotate\");\r\n } else {\r\n e.target.querySelector('img').classList.add(\"imgRotate\");\r\n }\r\n }\r\n } else {\r\n let lastSelectedFile = document.getElementsByClassName(\"imgRotate\");\r\n if (e.target.querySelector('img') != null) {\r\n if (lastSelectedFile.length == 1) {\r\n lastSelectedFile[0].classList.remove(\"imgRotate\")\r\n }\r\n let SelectedMenu = e.target;\r\n SelectedMenu.querySelector('img').classList.add(\"imgRotate\");\r\n }\r\n }\r\n }\r\n\r\n const RenderSinPermiso = () => {\r\n var selecionManual = Modulo == undefined ? 'BarCode' : Modulo;\r\n if (AllDIrectories.length > 1) {\r\n RenderFiles(AllDIrectories[0]['definicion'], true, AllDIrectories[0]['nombre'])\r\n }\r\n\r\n let DirectoriesToReturn = [];\r\n\r\n let ModulosConectores = [];\r\n\r\n let SubDirectories = [];\r\n\r\n let autoOpen = true;\r\n\r\n Object.entries(AllDIrectories).forEach((x) => {\r\n if (x[1]['tipo'] == 0) {\r\n SubDirectories.push({ Directory: x[1]['nombre'], Value: x[1]['definicion'] });\r\n }\r\n })\r\n ModulosConectores.push({ Directory: 'Modulos', SubDirectories });\r\n\r\n SubDirectories = [];\r\n Object.entries(AllDIrectories).forEach((x) => {\r\n if (x[1]['tipo'] == 1) {\r\n SubDirectories.push({ Directory: x[1]['nombre'], Value: x[1]['definicion'] });\r\n }\r\n })\r\n\r\n ModulosConectores.push({ Directory: 'Conectores', SubDirectories })\r\n ModulosConectores.map(x => {\r\n let totalSubdirectories = \"\";\r\n if (x.SubDirectories != null && x.SubDirectories.length > 0) {\r\n totalSubdirectories = `(${x.SubDirectories.length})`\r\n }\r\n if (props != true) {\r\n if (x.SubDirectories.find((x) => { return x.Directory == selecionManual })) {\r\n DirectoriesToReturn.push(\r\n <>\r\n { RotarFlecha(e); ShowSubdirectories(e, x.Directory) }}>\r\n \r\n {SubdirectorisSinLogin(x.SubDirectories)} \r\n )\r\n } else {\r\n DirectoriesToReturn.push(\r\n <>\r\n { RotarFlecha(e); ShowSubdirectories(e, x.Directory) }}>\r\n \r\n {SubdirectorisSinLogin(x.SubDirectories)} \r\n )\r\n }\r\n } else {\r\n if (autoOpen == true) {\r\n DirectoriesToReturn.push(\r\n <>\r\n { RotarFlecha(e); ShowSubdirectories(e, x.Directory) }}>\r\n \r\n {SubDirectoriesToReturn(x.SubDirectories)} \r\n )\r\n } else {\r\n DirectoriesToReturn.push(\r\n <>\r\n { RotarFlecha(e); ShowSubdirectories(e, x.Directory) }}>\r\n \r\n {SubDirectoriesToReturn(x.SubDirectories)} \r\n )\r\n }\r\n autoOpen = false;\r\n }\r\n })\r\n\r\n return DirectoriesToReturn;\r\n }\r\n\r\n const SubDirectoriesToReturn = (iSubdirectories,) => {\r\n let DirectoriesToReturn = []\r\n if (iSubdirectories != undefined) {\r\n if (iSubdirectories.length >= 1) {\r\n iSubdirectories.map(x => {\r\n if (autoOpenSub == true) {\r\n if (props != true) {\r\n RenderFiles(x.Value, true, x.Directory);\r\n }\r\n DirectoriesToReturn.push(\r\n <>\r\n { RenderFiles(x.Value, true, x.Directory); SetSelectedLi(e) }}>{x.Directory} \r\n )\r\n } else {\r\n DirectoriesToReturn.push(\r\n <>\r\n { RenderFiles(x.Value, true, x.Directory); SetSelectedLi(e) }}>{x.Directory} \r\n )\r\n }\r\n autoOpenSub = false;\r\n })\r\n }\r\n }\r\n return DirectoriesToReturn\r\n }\r\n\r\n const SubdirectorisSinLogin = (iSubdirectories,) => {\r\n var selecionManual = Modulo == undefined ? 'BarCode' : Modulo;\r\n let DirectoriesToReturn = []\r\n if (iSubdirectories != undefined) {\r\n if (iSubdirectories.length >= 1) {\r\n iSubdirectories.map(x => {\r\n if (x.Directory == selecionManual) {\r\n DirectoriesToReturn.push(\r\n <>\r\n { RenderFiles(x.Value, true, x.Directory); SetSelectedLi(e) }}>{x.Directory} \r\n )\r\n const fileList = document.querySelector('.FilesList');\r\n ReactDOM.render( { RenderFiles(x.Value, true, x.Directory); SetSelectedLi(e) }}>{x.Directory} \r\n )\r\n }\r\n })\r\n }\r\n }\r\n return DirectoriesToReturn\r\n }\r\n\r\n const PaintHeader = () => {\r\n if (window.innerWidth <= 1050) {\r\n return ( { edicion.current.value = element; divEdicion.current.style.display = 'none'; CargarModulos(element) }}>\r\n {element}
);\r\n }\r\n });\r\n return elementos;\r\n }\r\n\r\n const MenuModalidad = () => {\r\n const elementos = [];\r\n datosModalidad.forEach(element => {\r\n if (element.trim() != '') {\r\n elementos.push( { modalidad.current.value = element; divModalidad.current.style.display = 'none'; }}>\r\n {element}
);\r\n }\r\n });\r\n return elementos;\r\n }\r\n\r\n const MenuMigrar = () => {\r\n const elementos = [];\r\n datosMigrar.forEach(element => {\r\n if (element.trim() != '') {\r\n elementos.push( { props.setMigrar(element); divMigrar.current.style.display = 'none'; CargarModulos(element) }}>\r\n {element}
);\r\n }\r\n });\r\n return elementos;\r\n }\r\n\r\n const optimizacionMostrar = (refDiv, ref) => {\r\n if (refDiv.current.style.display == 'none' || refDiv.current.style.display == '') {\r\n refDiv.current.style.top = (ref.current.offsetTop + 35) + 'px';\r\n refDiv.current.style.display = 'block'\r\n refDiv.current.style.width = ref.current.clientWidth + 'px';\r\n } else {\r\n refDiv.current.style.display = 'none';\r\n }\r\n }\r\n\r\n const mostrarMenuEdicion = () => {\r\n if (props.newR == false) {\r\n optimizacionMostrar(divEdicion, edicion);\r\n }\r\n }\r\n\r\n const mostrarMenuModalidad = () => {\r\n if (props.modC == true || props.newR == false) {\r\n optimizacionMostrar(divModalidad, modalidad);\r\n }\r\n }\r\n\r\n const mostrarMenuMigrar = () => {\r\n if (props.modC == true) {\r\n optimizacionMostrar(divMigrar, migrar);\r\n }\r\n }\r\n\r\n const optimizarBlanqueador = (refe) => {\r\n refe.forEach((element) => {\r\n element.style.background = 'white';\r\n });\r\n }\r\n\r\n const blanqueadorEdicion = () => {\r\n optimizarBlanqueador(document.querySelectorAll('.menuEdicion'));\r\n }\r\n const blanqueadorModalidad = () => {\r\n optimizarBlanqueador(document.querySelectorAll('.menuModalidad'));\r\n }\r\n const blanqueadorMigrar = () => {\r\n optimizarBlanqueador(document.querySelectorAll('.menuMigrar'));\r\n }\r\n\r\n const remarcarParrafoEdicion = () => {\r\n const parE = document.querySelectorAll('.menuEdicion');\r\n if (edicion.current.value == '') {\r\n blanqueadorEdicion();\r\n } else {\r\n blanqueadorEdicion();\r\n parE.forEach((element) => {\r\n if (element.innerHTML.toUpperCase().includes(edicion.current.value.toUpperCase())) {\r\n element.style.background = '#E1EEF5';\r\n }\r\n });\r\n }\r\n }\r\n\r\n const remarcarParrafoModalidad = () => {\r\n const parMo = document.querySelectorAll('.menuModalidad');\r\n if (modalidad.current.value == '') {\r\n blanqueadorModalidad();\r\n } else {\r\n blanqueadorModalidad();\r\n parMo.forEach((element) => {\r\n if (element.innerHTML.toUpperCase().includes(modalidad.current.value.toUpperCase())) {\r\n element.style.background = '#E1EEF5';\r\n }\r\n });\r\n }\r\n }\r\n\r\n const remarcarParrafoMigrar = () => {\r\n const parMi = document.querySelectorAll('.menuMigrar');\r\n if (migrar.current.value == '') {\r\n blanqueadorMigrar();\r\n } else {\r\n blanqueadorMigrar();\r\n parMi.forEach((element) => {\r\n if (element.innerHTML.toUpperCase().includes(migrar.current.value.toUpperCase())) {\r\n element.style.background = '#E1EEF5';\r\n }\r\n });\r\n }\r\n }\r\n\r\n const ocultarMenu = (referencia, referencia2) => {\r\n if (referencia2.current.disabled == false) {\r\n if (referencia.current.style.display == 'none') {\r\n referencia.current.style.display = 'block';\r\n } else {\r\n referencia.current.style.display = 'none';\r\n }\r\n }\r\n }\r\n\r\n\r\n var textoModulos = [];\r\n Object.keys(props.datosModulos).forEach((element) => {\r\n textoModulos.push(props.datosModulos[element][1]);\r\n });\r\n var textoConectores = [];\r\n Object.keys(props.datosConectores).forEach((element) => {\r\n textoConectores.push(props.datosConectores[element][1]);\r\n });\r\n\r\n const InputMigrar = () => {\r\n if (props.newR == true) {\r\n return \r\n
¿Quieres migrar a otra edición DF-SERVER?
\r\n
\r\n
{ divMigrar.current.classList.add('mostrarListo') }} onMouseEnter={() => { divMigrar.current.classList.remove('mostrarListo') }}>\r\n
\r\n
\r\n
¿Quieres migrar a otra edición DF-SERVER?
\r\n
{ divMigrar.current.classList.add('mostrarListo') }} onMouseEnter={() => { divMigrar.current.classList.remove('mostrarListo') }}>\r\n
\r\n
\r\n
\r\n
{ divMigrar.current.classList.add('mostrarListo') }} onMouseEnter={() => { divMigrar.current.classList.remove('mostrarListo') }}>\r\n
\r\n
);\r\n } else {\r\n return
;\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n )\r\n}\r\n\r\nexport default DataFormBig","import React from 'react';\r\nimport PopUp from './PopUp';\r\nimport CruzRoja from '../assets/ko_rounded_big.svg';\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nconst PopUp_Error_Generico = (props) => {\r\n let history = useHistory();\r\n const Login = () => {\r\n history.push({\r\n pathname: '/Resume',\r\n })\r\n }\r\n return (\r\n \r\n ¡Vaya! Algo ha salido mal… \r\n Vuelve a intentarlo de nuevo y si el error persiste, revisa la conexión a internet.
\r\n \r\n { Login(); }}>Cerrar \r\n
\r\n \r\n } iTitle=\"\" anchura='500'> \r\n \r\n )\r\n}\r\n\r\nexport default PopUp_Error_Generico","import React, { useEffect, useState, useRef } from 'react';\r\nimport { LoadPanel } from 'devextreme-react/load-panel';\r\nimport { useLocation } from 'react-router-dom';\r\nimport DataForm from '../../components/DataForm';\r\nimport DataFormMediun from '../../components/DataFormMediun';\r\nimport DataFormBig from '../../components/DataFormBig';\r\nimport NavBar from '../../components/NavBar';\r\nimport ResponsiveNavbar from '../../components/ResponsiveNavbar';\r\nimport './NewRequest.css';\r\nimport flecha from '../../assets/go_dark.svg';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport PopUp from './../../../src/components/PopUp';\r\nimport PopUpError from '../../components/PopUp_Error_Generico';\r\nimport CheckVerde from './../../../src/assets/check_rounded_big.svg';\r\nimport CruzRoja from '../../assets/ko_rounded_big.svg';\r\n\r\nconst NewRequest = () => {\r\n const [loadingVisible, setLoadingVisible] = useState(false);\r\n const databig = useRef(null);\r\n\r\n\r\n\r\n const matrizModulosExtendida = {\r\n 1: ['_M_DICE', 'Digitalización certificada'],\r\n 2: ['_M_ODBC', 'Conector ODBC'],\r\n 3: ['_M_INDE', 'Vinculación y multiformato'],\r\n 4: ['_M_ZADI', 'Módulo ADI'],\r\n 5: ['_M_WOFL', 'WorkFlow'],\r\n 6: ['_M_MAIL', 'Módulo Correo electrónico'],\r\n 7: ['_M_CODE', 'BarCode '],\r\n 9: ['_M_TBOX', 'ToolBox'],\r\n 10: ['_M_AWEB', 'Módulo Web'],\r\n 20: ['_M_CONC', 'Usuarios concurrentes'],\r\n 31: ['_M_DLNK', 'Módulo Direct Link'],\r\n 41: ['_M_SIGN', 'Integración con EviCertia'],\r\n 50: ['_M_WWWF', 'Plugin WorkFlow Web'],\r\n 51: ['_M_FORM', 'Módulo DF-Forms'],\r\n 52: ['_M_WSDL', 'Módulo Web Service'],\r\n 54: ['_M_MOMR', 'Módulo OMR'],\r\n 55: ['_M_MAIR', 'Módulo A.I.R.'],\r\n 56: ['_M_SHEL', 'Módulo Shell'],\r\n 58: ['_M_PDFA', 'Conversión a PDF/A'],\r\n 59: ['_M_POLL', 'Encuestas y capturas de datos '],\r\n 60: ['_M_REMO', 'Plugin Remote Signature'],\r\n 62: ['_M_EXPW', 'Módulo Expedientes Web'],\r\n 63: ['_M_FGES', 'Módulo auditorias Fiscalges'],\r\n 64: ['_M_LAUN', 'DF-Launcher'],\r\n 65: ['_M_DGES', 'DF-Gest (Gestoría Online)']\r\n }\r\n \r\n const matrizModulosUsuarios = {\r\n 11: ['_M_CLSE', 'Click and Search'],\r\n 30: ['_M_MOBI', 'Módulo DF-Mobile'],\r\n 53: ['_M_BIOM', 'DF-Signature'],\r\n 57: ['_M_EXPE', 'Módulo Expedientes'],\r\n 61: ['_M_TPV0', 'TPV Virtual']\r\n }\r\n\r\n\r\n const matrizConectoresExtendida = {\r\n 2001: ['_C_B001', 'KEYLOOP facturas ASWIN '],\r\n 2002: ['_C_B002', 'KEYLOOP facturas AUTOLINE'],\r\n 2003: ['_C_B003', 'KEYLOOP RGPD - Vehículos'],\r\n 2004: ['_C_B004', 'QUITER facturas'],\r\n 2005: ['_C_B005', 'QUITER customers'],\r\n 2006: ['_C_B006', 'QUITER vehículos'],\r\n 2007: ['_C_B007', 'KEYLOOP postventa'],\r\n 2008: ['_C_B008', 'SERAUTO facturas'],\r\n 2009: ['_C_B009', 'SERAUTO WS expedientes']\r\n }\r\n\r\n\r\n\r\n const [textosList, setTextosList] = useState([]);\r\n const [textosCliente, setTextosCliente] = useState([]);\r\n const [idPedido, setIdPedido] = useState([]);\r\n const [ModBorrador, setModBorrador] = useState(false);\r\n const [estado, setEstado] = useState(null);\r\n const [emailCorreo, setEmailCorreo] = useState();\r\n\r\n useEffect(() => {\r\n GetPedidoInfo();\r\n getEnterpriseInfo();\r\n if (idBorrador() != false) {\r\n GetDatosBorrador(idBorrador());\r\n }\r\n }, []);\r\n\r\n\r\n const params = useLocation();\r\n const idBorrador = () => {\r\n if (typeof params.borradorId != 'undefined') {\r\n setModBorrador(true);\r\n return params.borradorId;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n const GetDatosBorrador = async (id) => {\r\n await fetch('api/User/FullPedidoForId', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(id)\r\n })\r\n .then(res => res.json())\r\n .then(data => {\r\n const datos = data.Response[0];\r\n Object.keys(datos).forEach((x) => {\r\n if (datos[x] == '0') {\r\n datos[x] = '--';\r\n }\r\n });\r\n const inputs = document.querySelectorAll('.imputsCont input');\r\n const pClicks = inputs[22].parentNode.parentNode.querySelectorAll('div.MenuEdicion p');\r\n if (pClicks[0] != undefined) {\r\n if (datos['licEdicion'] == '100') {\r\n inputs[22].value = 'DF-SERVER BASIC EDITION';\r\n pClicks[0].click();\r\n } else if (datos['licEdicion'] == '200') {\r\n inputs[22].value = 'DF-SERVER SOFT EDITION';\r\n pClicks[1].click();\r\n } else if (datos['licEdicion'] == '300') {\r\n inputs[22].value = 'DF-SERVER PROFESIONAL EDITION';\r\n pClicks[2].click();\r\n } else if (datos['licEdicion'] == '400') {\r\n inputs[22].value = 'DF-SERVER PREMIUM EDITION';\r\n pClicks[3].click();\r\n }\r\n }\r\n inputs[0].value = datos['emp_Nombre'];\r\n inputs[1].value = datos['emp_VAT'];\r\n inputs[2].value = datos['emp_Email'];\r\n inputs[3].value = datos['emp_Telefono'];\r\n\r\n inputs[4].value = datos['proSolicitante'];\r\n inputs[5].value = datos['proSolicitanteCargo'];\r\n inputs[6].value = datos['proSolicitanteEmail'];\r\n inputs[7].value = datos['proSolicitanteTelefono'];\r\n\r\n inputs[8].value = datos['cliNombre'];\r\n inputs[9].value = datos['cli_VAT'];\r\n inputs[10].value = datos['cliGrupo'];\r\n inputs[11].value = datos['cliEmail'];\r\n inputs[12].value = datos['cliTelefono'];\r\n inputs[13].value = datos['cliDireccion'];\r\n inputs[14].value = datos['cliLocalidad'];\r\n inputs[15].value = datos['cliCodigoPostal'];\r\n inputs[16].value = datos['cliProvincia'];\r\n inputs[17].value = datos['cliPais'];\r\n inputs[18].value = datos['cliContacto'];\r\n inputs[19].value = datos['cliContactoCargo'];\r\n inputs[20].value = datos['cliContactoEmail'];\r\n inputs[21].value = datos['cliContactoTelefono'];\r\n\r\n if (datos['licModalidad'] == 0 || datos['licModalidad'] == '--') {\r\n inputs[23].value = 'Compra';\r\n } else if (datos['licModalidad'] == 1) {\r\n inputs[23].value = 'Pago por uso';\r\n }\r\n inputs[25].value = datos['licUsuariosNET'];\r\n inputs[26].value = datos['licMotoresOCR'];\r\n inputs[27].value = datos['licServidores'];\r\n inputs[28].value = datos['licUsuariosSearch'];\r\n\r\n document.querySelector('.observaciones > textarea').value = datos['observaciones'];\r\n\r\n Object.keys(matrizModulosUsuarios).forEach((key) => {\r\n if (datos['licModulos'].includes(matrizModulosUsuarios[key][0])) {\r\n document.querySelectorAll('.BetterCheckBig > div').forEach((element) => {\r\n if (element.querySelector('label:first-child').innerText.trim() == matrizModulosUsuarios[key][1].trim()) {\r\n element.querySelector('label:first-child input').click();\r\n\r\n if (datos['licUsuariosCYS'] != null && datos['licUsuariosCYS'] != '' && datos['licUsuariosCYS'] != '0' && datos['licUsuariosCYS'] != '--' && element.querySelector('label:first-child').innerText.trim() == \"Click and Search\") {\r\n let valorCYS = datos['licUsuariosCYS'];\r\n if (datos['licUsuariosCYS'] == '-1') {\r\n valorCYS = '>10';\r\n }\r\n element.querySelector('label:last-child > input').value = valorCYS;\r\n } else\r\n if (datos['licSignatureDispositivos'] != null && datos['licSignatureDispositivos'] != '' && datos['licSignatureDispositivos'] != '--' && element.querySelector('label:first-child').innerText.trim() == \"DF-Signature\") {\r\n element.querySelector('label:nth-child(2) > input').value = datos['licSignatureDispositivos'];\r\n }\r\n if (datos['licSignatureUsuarios'] != null && datos['licSignatureUsuarios'] != '' && datos['licSignatureUsuarios'] != '--' && element.querySelector('label:first-child').innerText.trim() == \"DF-Signature\") {\r\n element.querySelector('label:last-child > input').value = datos['licSignatureUsuarios'];\r\n } else\r\n if (datos['licUsuariosMobile'] != null && datos['licUsuariosMobile'] != '' && datos['licUsuariosMobile'] != '0' && datos['licUsuariosMobile'] != '--' && element.querySelector('label:first-child').innerText.trim() == \"Módulo DF-Mobile\") {\r\n element.querySelector('label:last-child > input').value = datos['licUsuariosMobile'];\r\n } else\r\n if (datos['licExpedientes'] != null && datos['licExpedientes'] != '' && datos['licExpedientes'] != '0' && datos['licExpedientes'] != '--' && element.querySelector('label:first-child').innerText.trim() == \"Módulo Expedientes\") {\r\n element.querySelector('label:last-child > input').value = datos['licExpedientes'];\r\n } else\r\n if (datos['licTPV'] != null && datos['licTPV'] != '' && datos['licTPV'] != '0' && datos['licTPV'] != '--' && element.querySelector('label:first-child').innerText.trim() == \"TPV Virtual\") {\r\n element.querySelector('label:last-child > input').value = datos['licTPV'];\r\n }\r\n }\r\n })\r\n }\r\n });\r\n\r\n Object.keys(matrizConectoresExtendida).forEach((key) => {\r\n if (datos['licModulos'].includes(matrizConectoresExtendida[key][0])) {\r\n document.querySelectorAll('.modulos').forEach((element) => {\r\n if (element.innerText.trim() == matrizConectoresExtendida[key][1].trim()) {\r\n element.querySelector('input').click();\r\n }\r\n })\r\n }\r\n });\r\n\r\n Object.keys(matrizModulosExtendida).forEach((key) => {\r\n if (datos['licModulos'].includes(matrizModulosExtendida[key][0])) {\r\n document.querySelectorAll('.modulos').forEach((element) => {\r\n let textoElemento = element.innerText.trim();\r\n if (textoElemento == \"Módulo Web (20 usuarios WEB_USER)\") {\r\n textoElemento = \"Módulo Web\";\r\n }\r\n if (textoElemento == matrizModulosExtendida[key][1].trim()) {\r\n element.querySelector('input').click();\r\n }\r\n })\r\n }\r\n });\r\n });\r\n }\r\n\r\n\r\n const GetPedidoInfo = async () => {\r\n await fetch('api/User/NewRequestData').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n setTextosCliente(data.Response);\r\n if (typeof params.borradorId == 'undefined') {\r\n setTextosList(data.Response[0]);\r\n }\r\n setLoadingVisible(false);\r\n }\r\n });\r\n }\r\n\r\n let history = useHistory();\r\n const Pedidos = () => {\r\n history.push({\r\n pathname: '/Request',\r\n });\r\n }\r\n\r\n let textos1 = [\r\n 'Datos de la empresa',\r\n 'Nombre / Razón social: *',\r\n 'VAT: *',\r\n 'Correo electrónico: *',\r\n 'Teléfono: *',\r\n textosList['NombreEmpresa'],\r\n textosList['VATEmpresa'],\r\n textosList['CorreoEmpresa'],\r\n textosList['TelefonoEmpresa'],\r\n 'Introduce el nombre',\r\n 'Introduce el VAT',\r\n 'Introduce el correo de la empresa',\r\n 'Introduce el teléfono'\r\n ]\r\n let textos2 = [\r\n 'Datos del solicitante',\r\n 'Nombre del solicitante: *',\r\n 'Cargo del solicitante: *',\r\n 'Correo electrónico del solicitante: *',\r\n 'Teléfono del solicitante: *',\r\n textosList['NombreSolicitante'],\r\n textosList['NombreSolicitante'],\r\n textosList['CorreoSolicitante'],\r\n textosList['TelefonoSolicitante'],\r\n 'Introduce el nombre del solicitante',\r\n 'Introduce el cargo del solicitante',\r\n 'Introduce el correo del solicitante',\r\n 'Introduce el teléfono del solicitante'\r\n ]\r\n\r\n const [EnterpriseInfo, setEnterpriseInfo] = useState({});\r\n\r\n\r\n const getEnterpriseInfo = async () => {\r\n await fetch('api/Partner/Info').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n setEnterpriseInfo(data.Response)\r\n }\r\n })\r\n }\r\n\r\n const asegurarValor = (valor) => {\r\n if (valor == '' || valor == null) {\r\n return '0';\r\n } else {\r\n return valor;\r\n }\r\n }\r\n\r\n const comprobadorErrores = () => {\r\n let comprobador = true;\r\n document.querySelectorAll('.imputsCont').forEach((element) => {\r\n if (element.childNodes.length != 0) {\r\n\r\n if (element.querySelector('.errorParrafoFormulario')) {\r\n element.removeChild(element.querySelector('.errorParrafoFormulario'));\r\n }\r\n\r\n\r\n if (element.querySelector('p').innerText.includes('*') == true) {\r\n if (element.querySelector('input').value == '') {\r\n comprobador = false;\r\n element.querySelector('input').classList.add('inputError');\r\n\r\n const pError = document.createElement(\"p\");\r\n const textoError = document.createTextNode(\"El campo es obligatorio\");\r\n pError.appendChild(textoError);\r\n pError.classList += 'errorParrafoFormulario';\r\n pError.style.top = (element.querySelector('input').offsetTop + 33) + 'px';\r\n element.appendChild(pError);\r\n } else {\r\n element.querySelector('input').classList.remove('inputError');\r\n }\r\n }\r\n }\r\n });\r\n\r\n return comprobador;\r\n }\r\n\r\n function getBase64(file) {\r\n if (file != null) {\r\n return new Promise((resolve, reject) => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = error => reject(error);\r\n });\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n\r\n const guardarPedido = async (estadop) => {\r\n\r\n estadop = estado == null || estado == undefined ? estadop : estado\r\n setEstado(estadop);\r\n var file = null;\r\n if (document.querySelector('#inputFile').files[0]) {\r\n file = document.querySelector('#inputFile').files[0];\r\n }\r\n if (comprobadorErrores() == true) {\r\n setLoadingVisible(true);\r\n var status = 0;\r\n var megaResultado = {};\r\n var contador = 0;\r\n const nombres = document.querySelectorAll('.imputsCont > p');\r\n document.querySelectorAll('.imputsCont > input, .imputsCont > div.contenedorFlecha > input').forEach((element) => {\r\n if (contador == 23) {\r\n if (element.value == '' || element.value == 'Compra') {\r\n megaResultado['Modalidad'] = 0;\r\n } else {\r\n megaResultado['Modalidad'] = 1;\r\n }\r\n } else {\r\n if (contador == 24) {\r\n if (element.value == 'DF-SERVER BASIC EDITION') {\r\n megaResultado['edicionMigrar'] = 100;\r\n }\r\n else if (element.value == 'DF-SERVER SOFT EDITION') {\r\n megaResultado['edicionMigrar'] = 200;\r\n }\r\n else if (element.value == 'DF-SERVER PROFESIONAL EDITION') {\r\n megaResultado['edicionMigrar'] = 300;\r\n }\r\n else if (element.value == 'DF-SERVER PREMIUM EDITION') {\r\n megaResultado['edicionMigrar'] = 400;\r\n }\r\n } else\r\n if (contador == 22) {\r\n if (element.value == 'DF-SERVER BASIC EDITION') {\r\n megaResultado['edicion'] = 100;\r\n }\r\n else if (element.value == 'DF-SERVER SOFT EDITION') {\r\n megaResultado['edicion'] = 200;\r\n }\r\n else if (element.value == 'DF-SERVER PROFESIONAL EDITION') {\r\n megaResultado['edicion'] = 300;\r\n }\r\n else if (element.value == 'DF-SERVER PREMIUM EDITION') {\r\n megaResultado['edicion'] = 400;\r\n }\r\n } else {\r\n switch (contador) {\r\n case 0:\r\n megaResultado['emp' + nombres[contador].innerText.split('(')[0].split(':')[0]] = element.value;\r\n break;\r\n case 1:\r\n megaResultado['emp' + nombres[contador].innerText.split('(')[0].split(':')[0]] = element.value;\r\n break;\r\n case 2:\r\n megaResultado['emp' + nombres[contador].innerText.split('(')[0].split(':')[0]] = element.value;\r\n break;\r\n case 3:\r\n megaResultado['emp' + nombres[contador].innerText.split('(')[0].split(':')[0]] = element.value;\r\n break;\r\n default:\r\n megaResultado[nombres[contador].innerText.split('(')[0].split(':')[0].trim()] = element.value;\r\n }\r\n }\r\n }\r\n contador++;\r\n });\r\n const labelsNombres = document.querySelectorAll('.BetterCheckBig div label:nth-child(1)');\r\n let contador2 = 0;\r\n let contador3 = 0;\r\n document.querySelectorAll('.BetterCheckBig div label:nth-child(2) input,.BetterCheckBig div label:nth-child(3) input').forEach((element) => {\r\n if (contador2 == 1 && contador3 != 2) {\r\n if (element.value == '' || element.value == null) {\r\n megaResultado[labelsNombres[contador2].innerText.split('(')[0].split(':')[0] + '/' + contador3] = 0;\r\n } else {\r\n megaResultado[labelsNombres[contador2].innerText.split('(')[0].split(':')[0] + '/' + contador3] = element.value;\r\n }\r\n if (contador3 == 1) {\r\n contador2++;\r\n }\r\n contador3++;\r\n } else {\r\n if (element.value == '' || element.value == null) {\r\n megaResultado[labelsNombres[contador2].innerText.split('(')[0].split(':')[0]] = 0;\r\n } else {\r\n megaResultado[labelsNombres[contador2].innerText.split('(')[0].split(':')[0]] = element.value;\r\n }\r\n contador2++;\r\n }\r\n });\r\n megaResultado['estado'] = estado == null || estado == undefined ? estadop : estado;\r\n megaResultado['observaciones'] = document.querySelector('.observaciones > textarea').value;\r\n megaResultado['Usuarios adicionales'] = asegurarValor(megaResultado['Usuarios adicionales']);\r\n megaResultado['Motores OCR'] = asegurarValor(megaResultado['Motores OCR']);\r\n megaResultado['Servidores'] = asegurarValor(megaResultado['Servidores']);\r\n megaResultado['Usuarios SEARCH'] = asegurarValor(megaResultado['Usuarios SEARCH']);\r\n document.querySelectorAll('.modulos,.BetterCheckBig div label:first-child').forEach((element) => {\r\n if (element.querySelector('input').checked == true) {\r\n if (element.innerText == 'Módulo Web (20 usuarios WEB_USER)') {\r\n element.innerText = 'Módulo Web'\r\n }\r\n Object.keys(matrizModulosExtendida).forEach((key) => {\r\n if (element.innerText.trim() == 'Módulo Web (20 usuarios WEB_USER)') {\r\n if (megaResultado['Modulos'] != '' && megaResultado['Modulos'] != null) {\r\n megaResultado['Modulos'] = megaResultado['Modulos'] + '_M_AWEB|';\r\n } else {\r\n megaResultado['Modulos'] = matrizModulosExtendida[key][0] + '|';\r\n }\r\n } else {\r\n if (matrizModulosExtendida[key][1].trim() == element.innerText.trim()) {\r\n if (megaResultado['Modulos'] != '' && megaResultado['Modulos'] != null) {\r\n megaResultado['Modulos'] = megaResultado['Modulos'] + matrizModulosExtendida[key][0] + '|';\r\n } else {\r\n megaResultado['Modulos'] = matrizModulosExtendida[key][0] + '|';\r\n }\r\n }\r\n }\r\n });\r\n Object.keys(matrizModulosUsuarios).forEach((key) => {\r\n if (matrizModulosUsuarios[key][1].trim() == element.innerText.trim()) {\r\n if (megaResultado['Modulos'] != '' && megaResultado['Modulos'] != null) {\r\n megaResultado['Modulos'] = megaResultado['Modulos'] + matrizModulosUsuarios[key][0] + '|';\r\n } else {\r\n megaResultado['Modulos'] = matrizModulosUsuarios[key][0] + '|';\r\n }\r\n }\r\n });\r\n Object.keys(matrizConectoresExtendida).forEach((key) => {\r\n if (matrizConectoresExtendida[key][1].trim() == element.innerText.trim()) {\r\n if (megaResultado['Modulos'] != '' && megaResultado['Modulos'] != null) {\r\n megaResultado['Modulos'] = megaResultado['Modulos'] + matrizConectoresExtendida[key][0] + '|';\r\n } else {\r\n megaResultado['Modulos'] = matrizConectoresExtendida[key][0] + '|';\r\n }\r\n }\r\n });\r\n }\r\n });\r\n if (idBorrador() != false) {\r\n megaResultado['Id'] = idBorrador();\r\n if (estadop == '0') {\r\n await fetch('api/User/DeletePedido', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ Id: megaResultado['Id'] })\r\n })\r\n .then(data => {\r\n status = (data.status == 200) ? 'good' : 'bad';\r\n });\r\n await fetch('api/User/NuevoPedido', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(megaResultado)\r\n })\r\n .then(res => res.json())\r\n .then(data => {\r\n status = data.Response;\r\n });\r\n\r\n } else if (estadop == '2') {\r\n await fetch('api/User/UpdatePedido', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(megaResultado)\r\n })\r\n .then(res => res.json())\r\n .then(data => {\r\n status = data.Response;\r\n });\r\n }\r\n } else {\r\n await fetch('api/User/NuevoPedido', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(megaResultado)\r\n })\r\n .then(res => res.json())\r\n .then(data => {\r\n status = data.Response;\r\n });\r\n }\r\n var idPedidoEmail = '';\r\n if (estadop == '0') {\r\n if (status == 'good') {\r\n await fetch('api/User/IdPedido').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n setIdPedido(data.Response);\r\n idPedidoEmail = data.Response;\r\n }\r\n });\r\n\r\n var info = [];\r\n var enterpriseInfo = {};\r\n var blob;\r\n await fetch('api/User/FullPedidoForId', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(idPedidoEmail)\r\n })\r\n .then(res => res.json())\r\n .then(data => {\r\n info = data.Response;\r\n })\r\n\r\n await fetch('api/Partner/Info').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n enterpriseInfo = data.Response;\r\n }\r\n })\r\n await fetch('api/Pdf/SavePDF', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ info, empresa: enterpriseInfo })\r\n })\r\n .then(res => res.json())\r\n .then(data => {\r\n blob = data;\r\n })\r\n\r\n var emailNombre = '';\r\n var emailEmpresa = '';\r\n var correoSolicitante = '';\r\n await fetch('api/User/MyInfo').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n emailNombre = data.Response.FirstName;\r\n }\r\n })\r\n\r\n await fetch('api/Partner/Info').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n emailEmpresa = data.Response.Name;\r\n }\r\n })\r\n\r\n await fetch('api/User/GetEmail').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n correoSolicitante = data.Response;\r\n }\r\n })\r\n\r\n //Enviar email, duplicar para enviarselo a mas personas y forzar el email que es la cuarta opcion\r\n if (document.querySelector('#inputFile').files[0]) {\r\n await fetch('api/User/SendGenericMail', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ \"Nombre\": emailNombre, \"Empresa\": emailEmpresa, \"NumeroPedido\": idPedidoEmail, \"Correo\": correoSolicitante, \"Modelo\": 'emailJustificante.html', \"nombreArchivo\": file.name, \"Motivo\": '', \"File\": await getBase64(file), \"asunto\": 'Justificante del pedido de la Intranet', \"FilePdf\": blob })\r\n });\r\n } else {\r\n await fetch('api/User/SendGenericMail', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ \"Nombre\": emailNombre, \"Empresa\": emailEmpresa, \"NumeroPedido\": idPedidoEmail, \"Correo\": correoSolicitante, \"Modelo\": 'emailJustificante.html', \"Motivo\": '', \"asunto\": 'Justificante del pedido de la Intranet', \"FilePdf\": blob })\r\n });\r\n }\r\n\r\n //Email administracion\r\n if (document.querySelector('#inputFile').files[0]) {\r\n await fetch('api/User/SendGenericMail', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ \"Nombre\": emailNombre, \"Empresa\": emailEmpresa, \"NumeroPedido\": idPedidoEmail, \"Correo\": 'administracion@sotronic.com', \"Modelo\": 'emailJustificante.html', \"nombreArchivo\": file.name, \"Motivo\": '', \"File\": await getBase64(file), \"asunto\": 'Justificante del pedido de la Intranet', \"FilePdf\": blob })\r\n });\r\n } else {\r\n await fetch('api/User/SendGenericMail', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ \"Nombre\": emailNombre, \"Empresa\": emailEmpresa, \"NumeroPedido\": idPedidoEmail, \"Correo\": 'administracion@sotronic.com', \"Modelo\": 'emailJustificante.html', \"Motivo\": '', \"asunto\": 'Justificante del pedido de la Intranet', \"FilePdf\": blob })\r\n });\r\n }\r\n\r\n setLoadingVisible(false);\r\n setPopUpVisibilitySolicitar(true);\r\n } else {\r\n setLoadingVisible(false);\r\n setPopUpVisibilitySolicitarError(true);\r\n }\r\n } else if (estadop == '2') {\r\n if (status == 'good') {\r\n history.push({\r\n pathname: '/Request',\r\n state: { toast: true },\r\n });\r\n } else {\r\n setLoadingVisible(false);\r\n setPopUpVisibilityError(true);\r\n }\r\n }\r\n } else {\r\n window.scroll({\r\n top: 0,\r\n left: 0,\r\n behavior: 'smooth'\r\n });\r\n }\r\n }\r\n\r\n\r\n const [PopUpVisibilitySalir, setPopUpVisibilitySalir] = useState(false);\r\n const [PopUpVisibilitySolicitar, setPopUpVisibilitySolicitar] = useState(false);\r\n const [PopUpVisibilitySolicitarError, setPopUpVisibilitySolicitarError] = useState(false);\r\n const [PopUpVisibilityError, setPopUpVisibilityError] = useState(false);\r\n\r\n const salirPedidoPopUpContent = () => {\r\n let content = \r\n
\r\n
¿Estás seguro de que quieres salir del pedido que estás realizando?
\r\n
Los datos que has introducido no se guardarán.
\r\n
\r\n
\r\n { setPopUpVisibilitySalir(false); }} > No, cancelar \r\n { Pedidos(); }}>Sí, salir del pedido \r\n
\r\n
\r\n
\r\n
Se ha enviado el pedido {idPedido} a fecha {(\"0\" + date.getDate()).slice(-2)}/{(\"0\" + (date.getMonth() + 1)).slice(-2)}/{date.getFullYear()} \r\n
En breve recibirás un correo con el justificante del pedido,\r\n aunque lo tendrás disponible siempre en el listado de “Mis pedidos”.
\r\n
\r\n { setPopUpVisibilitySolicitar(false); Pedidos(); }}>Cerrar \r\n
\r\n
\r\n
\r\n
No ha sido posible solicitar el pedido debido a un error \r\n
Vuelve a intentarlo de nuevo y si el error persiste revisa la conexión a internet.
\r\n
\r\n { setPopUpVisibilitySolicitarError(false); guardarPedido(); }}>Reintentar \r\n { setPopUpVisibilitySolicitarError(false); Pedidos(); }}>Cerrar \r\n
\r\n
{\r\n if (document.querySelectorAll('.mostrarListo')[0]) {\r\n document.querySelectorAll('.mostrarListo').forEach((e) => {\r\n e.classList.remove('mostrarListo');\r\n e.style.display = 'none';\r\n })\r\n }\r\n }}>\r\n
\r\n
{ history.push('/Request'); }} iVisibility={PopUpVisibilitySolicitar} iVisibilitySetter={setPopUpVisibilitySolicitar} iHtml={solicitarPedidoPopUpContent()} iTitle=\"Pedido solicitado\"> \r\n
\r\n
\r\n
\r\n
\r\n {window.innerWidth < 500 ?\r\n <>\r\n
\r\n
\r\n
\r\n
Nuevo Pedido \r\n \r\n
\r\n \r\n :\r\n <>\r\n
\r\n
\r\n
\r\n {EnterpriseInfo.Name}\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
¿Estás seguro de que quieres salir del pedido que estás realizando?
\r\n
Los datos que has introducido no se guardarán.
\r\n\r\n
\r\n { setPopUpVisibilitySalir(false); }} > No, cancelar \r\n { Pedidos(); }}>Sí, salir del pedido \r\n
\r\n
\r\n
\r\n
Se ha enviado el pedido {idPedido} a fecha {(\"0\" + date.getDate()).slice(-2)}/{(\"0\" + (date.getMonth() + 1)).slice(-2)}/{date.getFullYear()} \r\n
En breve recibirás un correo con el justificante del pedido,\r\n aunque lo tendrás disponible siempre en el listado de “Mis pedidos”.
\r\n
\r\n { setPopUpVisibilitySolicitar(false); Pedidos(); }}>Cerrar \r\n
\r\n
\r\n
\r\n
No ha sido posible solicitar el pedido debido a un error \r\n
Vuelve a intentarlo de nuevo y si el error persiste revisa la conexión a internet.
\r\n
\r\n { setPopUpVisibilitySolicitarError(false); guardarPedido(); }}>Reintentar \r\n { setPopUpVisibilitySolicitarError(false); }}>Cerrar \r\n
\r\n
{\r\n if (document.querySelectorAll('.mostrarListo')[0]) {\r\n document.querySelectorAll('.mostrarListo').forEach((e) => {\r\n e.classList.remove('mostrarListo');\r\n e.style.display = 'none';\r\n })\r\n }\r\n }}>\r\n
\r\n
{ history.push('/Request'); }} iVisibility={PopUpVisibilitySolicitar} iVisibilitySetter={setPopUpVisibilitySolicitar} iHtml={solicitarPedidoPopUpContent()} iTitle=\"Pedido solicitado\"> \r\n
\r\n
\r\n
\r\n
\r\n\r\n {window.innerWidth < 500 ?\r\n <>\r\n
\r\n
\r\n
\r\n
Nuevo Pedido \r\n \r\n
\r\n \r\n :\r\n <>\r\n
\r\n
\r\n
\r\n {EnterpriseInfo.Name}\r\n
\r\n
\r\n \r\n }\r\n
\r\n
\r\n
\r\n
\r\n
{ setMigrarValor(x); }}\r\n loader={setLoadingVisible}\r\n />\r\n\r\n { setMigrarValor(x); }}\r\n />\r\n\r\n \r\n
El presente pedido compromete al solicitante al cumplimiento de los procesos de adquisición establecidos e indicados.
\r\n
El objetivo de dicho documento es manifestar la prueba fehaciente de lo solicitado.
\r\n
\r\n
\r\n
\r\n
\r\n
1050 ? 'DownlaoderPanel' : 'ResponsiveDownlaoderPanel'} key={x.name}>\r\n
\r\n
{ createLink(enlace1) }}>{texto} \r\n }\r\n\r\n const createLink = (url) => {\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('target', '_blank');\r\n link.click();\r\n }\r\n\r\n const GetUserPermision = async () => {\r\n await fetch(\"api/User/GetAlfa\").then(res => res.json())\r\n .then(data => {\r\n let resultado = JSON.parse(data.Response);\r\n if (resultado.AlfaAccess == 0 && resultado.id == 4) {\r\n resultado.AlfaAccess = 1;\r\n } else if (resultado.AlfaAccess == 0 && resultado.id == 27) {\r\n resultado.AlfaAccess = 1;\r\n }\r\n\r\n setUserPermission(resultado)\r\n })\r\n }\r\n\r\n\r\n const GetHeaders = async () => {\r\n await fetch(\"api/Changes/GetDonwloadHeaders\").then(res => res.json())\r\n .then(data => {\r\n setRecivedHeaders(data.Response);\r\n })\r\n }\r\n\r\n const PaintHeader = () => {\r\n if (window.innerWidth <= 1050) {\r\n return (\r\n {PaintHorizontalMenu()}\r\n {window.innerWidth > 500 ?\r\n <>\r\n
1050 ? 'sectionContainer' : \"ResponsiveSectionContainer\"}>\r\n
\r\n
\r\n {getDonwloaderPanels()}\r\n
\r\n \r\n :\r\n
}\r\n
\r\n
\r\n {window.innerWidth > 500 ?\r\n <>\r\n
1050 ? 'sectionContainer':\"ResponsiveSectionContainer\"}>\r\n
\r\n \r\n
\r\n {getDonwloaderPanels()} \r\n
\r\n \r\n :\r\n
}\r\n
\r\n } else {\r\n return \r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {Header()}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default Pagina404;","export default __webpack_public_path__ + \"static/media/warning_big.25fe45b8.svg\";","import { useParams } from \"react-router-dom\";\r\nimport React, { useEffect, useRef, useState } from 'react';\r\nimport HtmlEditor, { Toolbar, MediaResizing, Item } from 'devextreme-react/html-editor';\r\nimport \"./HTMLEdit_Product.css\";\r\n\r\nimport OfflineNavBar from '../../components/OfflineNavBar';\r\nimport OnlineNavbar from '../../components/OnlineNavbar';\r\nimport BackLink from '../../components/BackLink';\r\nimport ResponsiveNavbar from '../../components/ResponsiveNavbar';\r\nimport PopUp from './../../components/PopUp';\r\nimport imgP from './../../assets/warning_big.svg';\r\nimport SinResponsiv from '../../components/SinAccesoResponsiv.js';\r\n\r\nconst HTMLEdit_Product = () => {\r\n const { version, product } = useParams();\r\n const [IsLogged, setIsLogged] = useState(false);\r\n const [semiIsLogged, setSemiIsLogged] = useState(false);\r\n const [UserInfo, setUserinfo] = useState({});\r\n const [htmlInterno, setHtmlInterno] = useState();\r\n const [contentDiv, setContentDiv] = useState('');\r\n const [mostrarTool, setMostrarTool] = useState(false);\r\n const [popupV, setPopupV] = useState(false);\r\n\r\n useEffect(() => {\r\n const funcionesAsincronas = async () => {\r\n await getContent(product, version.replaceAll('-', '.'));\r\n checkSession();\r\n }\r\n\r\n funcionesAsincronas();\r\n }, []);\r\n\r\n const checkSession = async () => {\r\n await fetch('api/User/SessionState').then(res => res.json()).then(data => {\r\n if (data.Response != null) {\r\n setUserinfo(data.Response)\r\n setIsLogged(true)\r\n }\r\n else {\r\n if (sessionStorage.getItem('pagVersion') == null && sessionStorage.getItem('pagVersion') == undefined) {\r\n sessionStorage.setItem('pagVersion', window.location.pathname.split('/')[window.location.pathname.split('/').length - 1]);\r\n } else {\r\n if (window.location.pathname.includes(sessionStorage.getItem('pagVersion'))) {\r\n setSemiIsLogged(true);\r\n }\r\n }\r\n }\r\n })\r\n }\r\n\r\n const getContent = async (iSelectedProduct, iSelectedVersion) => {\r\n if (iSelectedProduct == \"KPIZARRA\") {\r\n iSelectedProduct = \"PIZARRA KANBAN\";\r\n }\r\n if (iSelectedProduct == \"KTABLETA\") {\r\n iSelectedProduct = \"TABLETA KANBAN\";\r\n }\r\n if (iSelectedProduct == \"DFENCUESTAS\") {\r\n iSelectedProduct = \"ENCUESTAS\";\r\n }\r\n iSelectedProduct = iSelectedProduct.replace('--', '/');\r\n await fetch('api/Changes/GetVersioContent', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({ indexName: iSelectedProduct, Version: iSelectedVersion })\r\n })\r\n .then(res => res.json())\r\n .then(data => {\r\n console.log(data.Response)\r\n if (data.Response != null) {\r\n setContentDiv(data.Response);\r\n }\r\n });\r\n };\r\n\r\n const autoResize = () => {\r\n const tabla = document.querySelector('div.ql-editor.dx-htmleditor-content');\r\n if (tabla.offsetHeight < 400) {\r\n tabla.style.height = '400px';\r\n }\r\n }\r\n\r\n const PaintHeader = (iLogged) => {\r\n if (window.innerWidth <= 1050) {\r\n return ( \r\n } else {\r\n return <> \r\n }\r\n }\r\n }\r\n\r\n const guardarDatos = () => {\r\n if (contentDiv.length > 50 || contentDiv.replaceAll(' ', '') > 50) {\r\n enviarDatos();\r\n } else {\r\n setPopupV(true);\r\n }\r\n }\r\n\r\n const enviarDatos = async () => {\r\n await fetch('api/User/SetProductos', {\r\n method: 'POST',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({\r\n \"nombre\": window.location.pathname.split('/')[2].toString().toUpperCase().replace('--', '/').replace('%20', ' '),\r\n \"version\": window.location.pathname.split('/')[3].replaceAll('-', '.'),\r\n \"definicion\": contentDiv\r\n })\r\n });\r\n\r\n setPopupV(false);\r\n setMostrarTool(false);\r\n }\r\n\r\n const handleChange = (event) => {\r\n setContentDiv(event);\r\n };\r\n\r\n const PupUpContent = () => {\r\n return (\r\n \r\n
\r\n
¿Estas seguro de que deseas guardar los cambios? \r\n
Hemos detectado que las novedades de la versión que acabas de editar está vacía o tiene muy poco texto.
\r\n
\r\n
\r\n
\r\n {PaintHeader(IsLogged)}\r\n
\r\n {window.innerWidth > 500 ? (\r\n <>\r\n
\r\n
\r\n
Editando la versión {\" \"}\r\n {window.location.pathname.split('/')[2].toString().toUpperCase().replace('--', '/').replace('%20', ' ')} /\r\n {window.location.pathname.split('/')[3].replaceAll('-', '.')} \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\nexport default Pages;","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport Pages from './Router';\r\n\r\nconst divRoot = document.querySelector(\"#app\");\r\nReactDOM.render(