\r\n )\r\n }\r\n}\r\n\r\nexport default ComponenteContrasenia\r\n","export default __webpack_public_path__ + \"static/media/ESPOL-GTSI-MR.935c1f53.svg\";","import React from 'react'\r\nimport logo from \"../../assets/ESPOL-GTSI-MR.svg\";\r\nimport \"../../css/Header.css\"\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst Header = () => {\r\n return (\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n )\r\n}\r\n\r\nexport default Header;","import React from 'react'\r\nimport \"../../css/Footer.css\"\r\n\r\nconst Footer = () => {\r\n const fecha = new Date();\r\n return (\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n {/*
\r\n {/*
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto.*/}\r\n {/* Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500,*/}\r\n {/* cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y*/}\r\n {/* los mezcló de tal manera que logró hacer un libro de textos especimen.
\r\n \r\n {pdfFile && (\r\n \r\n \r\n \r\n )}\r\n\r\n {!pdfFile && <>No se ha seleccionado ningún archivo}\r\n\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 \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 Visualizarpdf;\r\n","export default __webpack_public_path__ + \"static/media/Alerta.1bbdfde3.svg\";","export default __webpack_public_path__ + \"static/media/descarga_acuerdo_copia.1bd49d20.svg\";","export default __webpack_public_path__ + \"static/media/logoPDF.6c09f088.png\";","export default __webpack_public_path__ + \"static/media/Subirgrismin.8a420917.svg\";","\r\n\r\n\r\nimport React, {\r\n Pure\r\n , Component\r\n} from \"react\"\r\nimport \"../../css/renderpdf.css\"\r\nimport upload from \"../../assets/SuBIR.svg\"\r\n\r\nimport logopdf from \"../../assets/logoPDF.png\"\r\nimport { jsPDF } from \"jspdf\";\r\nimport cedimg from \"../../assets/FotoCEDULA.svg\"\r\nimport descargardocs from \"../../assets/Subirgrismin.svg\"\r\n\r\nclass renderpdf extends Component {\r\n\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n\r\n this.state = {\r\n showPassword: false,\r\n nombre: this.props.nombre,\r\n apellido: this.props.apellido,\r\n username: this.props.username,\r\n identificacion: this.props.identificacion,\r\n arcb64 :\"\",\r\n firmadoGeneral: this.props.firmadoGeneral,\r\n };\r\n\r\n this.generateSimplePDF = this.generateSimplePDF.bind(this);\r\n this.generateSimplePDF = this.generateSimplePDF.bind(this);\r\n\r\n }\r\n\r\n componentDidMount() {\r\n\r\n //this.props.disabledbuttonpdf();\r\n var optjustify = {\r\n align: 'justify', lineHeightFactor: 1.5, maxWidth: 18\r\n }\r\n var optcenter = {\r\n align: 'center', lineHeightFactor: 1.5, maxWidth: 18\r\n }\r\n //console.log(this.state.arcb64);\r\n\r\n var nombrecompleto = this.state.nombre.toUpperCase() + \" \" + this.state.apellido.toUpperCase();\r\n var fecha = new Date();\r\n\r\n\r\n const parr1 = \"La Escuela Superior Politécnica del Litoral – (en adelante ESPOL) es una institución de educación superior, persona jurídica de derecho público, sin fines de lucro, autónoma en lo académico, administrativo, financiero y orgánico, pone en su conocimiento las condiciones de uso, fines y almacenamiento de los datos personales proporcionados por usted; así como, las condiciones de uso del usuario y contraseña de los medios y servicios electrónicos que la ESPOL provee a través del internet.\";\r\n\r\n const parr2 = `Con estos antecedentes. Usted, ${nombrecompleto}, en adelante el Usuario, con número de identificación ${this.state.identificacion} y usuario ${this.state.username} en Guayaquil, Ecuador; el día ${fecha.toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })}, declara que: `;\r\n\r\n\r\n const parr3 = \"1) Se compromete a registrar la información requerida por la institución de manera fidedigna y coherente en los sistemas informáticos de la ESPOL.\";\r\n const parr4 = \"2) Acepta y autoriza que la ESPOL almacene sus datos personales por tiempo indefinido, y serán protegidos de acuerdo a la Ley Orgánica de Protección de Datos Personales.Estos datos podrán ser compartidos con las empresas públicas, fundaciones y empresas con las que la ESPOL esté relacionada, enmarcado en los fines del tratamiento de datos personales dispuesto en las políticas de privacidad de la institución.\";\r\n const parr5 = `3) Acepta y autoriza que la ESPOL haga uso de los datos personales proporcionados, en concordancia con la `;\r\n \r\n const parr5_1 = \"4) Conoce que su calidad de usuario de los sistemas informáticos de la ESPOL, permite a la institución el uso de sus datos personales sensibles de acuerdo a la Ley Orgánica de Protección de Datos Personales y que los mismos serán utilizados como parte de su registro académico.\";\r\n\r\n const parr6 = \"5) Conoce que el portal institucional www.espol.edu.ec es de propiedad de la Escuela Superior Politécnica del Litoral.\";\r\n const parr7 = \"6) Conoce el presente acuerdo y se compromete, a respetar las normas y procedimientos que garanticen la privacidad de la información proporcionada o de la que pudiera tener acceso.\";\r\n const parr8 = \"7) Asume la responsabilidad de la información proporcionada; así como también de la vigencia, veracidad, actualización y coherencia de la misma, en cumplimiento de sus obligaciones.\";\r\n const parr9 = \"8) Conoce que, de incurrir en uso no adecuado de los sistemas informáticos de la institución, la ESPOL tendrá derecho a negar, restringir o condicionar el acceso al usuario de sus sistemas informáticos, sometiéndose al régimen disciplinario de la institución, en caso de falsedad de la información ingresada, mal uso, vulneración de sistemas, entre otras actividades que pudieran poner en riesgos la confidencialidad de datos de la cual es responsable la ESPOL, sin perjuicio de las acciones civiles o penales que pudiera iniciar la institución.\";\r\n const parr10 = \"9) Conoce que la marca ´´ESPOL + logotipo´´ y sus marcas derivadas se encuentran registradas y gozan de protección de los Derechos de Propiedad Intelectual. En caso de requerir su uso, deberá ser autorizado por la institución.\";\r\n const parr11 = \"10) Conoce que las imágenes, portales, archivos, documentos o cualquier otro material en el que conste la ESPOL + logotipo o sus marcas registradas, es propiedad de la institución, su uso o reproducción deberá ser autorizada, o mencionada dentro del medio para el que se utilice.\";\r\n const parr12_1 = \"11) Conoce que el usuario y clave que la institución le asigne es personal e intransferible, su so en las plataformas web de la ESPOL, tendrá validez jurídica de una firma electrónica, de conformidad a lo indicado en la Ley de Comercio Electrónico, Mensaje de Datos y Firma Electrónica y su Reglamento.\";\r\n\r\n const parr45 = `Para constancia de lo expresado, suscribo el presente documento, en la ciudad de GUAYAQUIL Provincia de GUAYAS el ${fecha.toLocaleDateString()}.`\r\n\r\n\r\n var espacioIzquierdo = 2;\r\n var espacioIzquierdoTab = 2.3;\r\n\r\n var espacioCentrado = 11;\r\n\r\n\r\n const doc = new jsPDF('p', 'cm', 'letter');\r\n\r\n var espacioSuperior = 1;\r\n\r\n\r\n var imgDataESPOLOLD = \"data:image/png;base64,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\";\r\n var imgDataESPOL = \"data:image/png;base64,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\";\r\n\r\n var imgDataVector = \"data:image/png;base64,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\";\r\n doc.addImage(imgDataESPOL, espacioIzquierdo, 1);\r\n doc.addImage(imgDataVector, 16, 0);\r\n\r\n\r\n\r\n //doc.addImage(imgData, 12, espacioSuperior, 6, 1.2);\r\n doc.setFontSize(10)\r\n doc.setFont(\"Times-Roman\");\r\n\r\n\r\n espacioSuperior = espacioSuperior + 2.2;\r\n\r\n doc.setFont(undefined, \"bold\");\r\n doc.text(\"ACUERDO DE USO DE DATOS PERSONALES Y MEDIOS ELECTRÓNICOS PARA EL ALMACENAMIENTO Y USO DE INFORMACIÓN REGISTRADA EN LOS SISTEMAS INFORMÁTICOS DE LA ESPOL.\", espacioCentrado, espacioSuperior, optcenter);\r\n\r\n doc.setFont(undefined, \"normal\");\r\n doc.setFontSize(8.5);\r\n espacioSuperior = espacioSuperior + 1.6;\r\n doc.text(parr1, espacioIzquierdo, espacioSuperior, optjustify);\r\n\r\n doc.setFontSize(10)\r\n doc.setFont(\"Times-Roman\");\r\n espacioSuperior = espacioSuperior + 2.2;\r\n doc.text(\"Declaración de responsabilidad y aceptación de usuario:\", espacioIzquierdo, espacioSuperior, optjustify);\r\n\r\n doc.setFont(undefined, \"normal\");\r\n doc.setFontSize(8.5);\r\n espacioSuperior = espacioSuperior + 0.7;\r\n doc.text(parr2, espacioIzquierdo, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.2;\r\n doc.text(parr3, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 0.7\r\n doc.text(parr4, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.6\r\n doc.text(parr5, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n doc.textWithLink(\"Política de privacidad\", 15.5, espacioSuperior, { url: 'https://www.dspace.espol.edu.ec/bitstream/123456789/57243/3/POLITICA%20DE%20PRIVACIDAD%20ESPOL%20GTSI.pdf' });\r\n doc.text(\"y en sus\", 18.2, espacioSuperior, optjustify);\r\n espacioSuperior = espacioSuperior + 0.7\r\n doc.textWithLink(\"términos y condiciones\", espacioIzquierdoTab, espacioSuperior, { url: 'https://www.dspace.espol.edu.ec/bitstream/123456789/57244/3/TERMINOS%20Y%20CONDICIONES%20POLITICAS%20DE%20PRIVACIDAD%20GTSI.pdf' });\r\n doc.text(\"vigentes de la institución.\", 5.3, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 0.7\r\n doc.text(parr5_1, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.2\r\n doc.text(parr6, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 0.7\r\n doc.text(parr7, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.2\r\n doc.text(parr8, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.2\r\n doc.text(parr9, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 2.0\r\n doc.text(parr10, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.2\r\n doc.text(parr11, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.2\r\n doc.text(parr12_1, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.6\r\n doc.text(parr45, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n if (this.state.firmadoGeneral) {\r\n espacioSuperior = espacioSuperior + 1.8\r\n doc.setFontSize(10);\r\n doc.text(this.state.username, espacioCentrado, espacioSuperior, optcenter);\r\n espacioSuperior = espacioSuperior + 0.7\r\n } else {\r\n espacioSuperior = espacioSuperior + 3\r\n }\r\n\r\n doc.setFontSize(8.5);\r\n doc.setFont(undefined, \"bold\");\r\n doc.text(\"Firma\", espacioCentrado, espacioSuperior, optcenter);\r\n\r\n\r\n doc.setFont(undefined, \"normal\");\r\n\r\n\r\n espacioSuperior = espacioSuperior + 0.7\r\n doc.text(nombrecompleto, espacioCentrado, espacioSuperior, optcenter);\r\n\r\n espacioSuperior = espacioSuperior + 0.7\r\n doc.text(this.state.identificacion, espacioCentrado, espacioSuperior, optcenter);\r\n\r\n\r\n/*\r\n doc.setFont(undefined, \"bold\");\r\n doc.text(\"Impreso el \" + fecha.toLocaleString(), 18, 27, optcenter);\r\n doc.setFont(undefined, \"normal\");\r\n*/\r\n\r\n this.props.arcb64(doc.output('dataurlstring'));\r\n }\r\n\r\n generateSimplePDF() {\r\n\r\n var optjustify = {\r\n align: 'justify', lineHeightFactor: 1.5, maxWidth: 18\r\n }\r\n var optcenter = {\r\n align: 'center', lineHeightFactor: 1.5, maxWidth: 18\r\n }\r\n\r\n \r\n var nombrecompleto = this.state.nombre.toUpperCase() + \" \" + this.state.apellido.toUpperCase();\r\n var fecha = new Date();\r\n \r\n //AQUI\r\n const parr1 = \"La Escuela Superior Politécnica del Litoral – (en adelante ESPOL) es una institución de educación superior, persona jurídica de derecho público, sin fines de lucro, autónoma en lo académico, administrativo, financiero y orgánico, pone en su conocimiento las condiciones de uso, fines y almacenamiento de los datos personales proporcionados por usted; así como, las condiciones de uso del usuario y contraseña de los medios y servicios electrónicos que la ESPOL provee a través del internet.\";\r\n\r\n const parr2 = `Con estos antecedentes. Usted, ${nombrecompleto}, en adelante el Usuario, con número de identificación ${this.state.identificacion} y usuario ${this.state.username} en Guayaquil, Ecuador; el día ${fecha.toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })}, declara que: `;\r\n\r\n\r\n const parr3 = \"1) Se compromete a registrar la información requerida por la institución de manera fidedigna y coherente en los sistemas informáticos de la ESPOL.\";\r\n const parr4 = \"2) Acepta y autoriza que la ESPOL almacene sus datos personales por tiempo indefinido, y serán protegidos de acuerdo a la Ley Orgánica de Protección de Datos Personales.Estos datos podrán ser compartidos con las empresas públicas, fundaciones y empresas con las que la ESPOL esté relacionada, enmarcado en los fines del tratamiento de datos personales dispuesto en las políticas de privacidad de la institución.\";\r\n const parr5 = `3) Acepta y autoriza que la ESPOL haga uso de los datos personales proporcionados, en concordancia con la `;\r\n\r\n const parr5_1 = \"4) Conoce que su calidad de usuario de los sistemas informáticos de la ESPOL, permite a la institución el uso de sus datos personales sensibles de acuerdo a la Ley Orgánica de Protección de Datos Personales y que los mismos serán utilizados como parte de su registro académico.\";\r\n\r\n const parr6 = \"5) Conoce que el portal institucional www.espol.edu.ec es de propiedad de la Escuela Superior Politécnica del Litoral.\";\r\n const parr7 = \"6) Conoce el presente acuerdo y se compromete, a respetar las normas y procedimientos que garanticen la privacidad de la información proporcionada o de la que pudiera tener acceso.\";\r\n const parr8 = \"7) Asume la responsabilidad de la información proporcionada; así como también de la vigencia, veracidad, actualización y coherencia de la misma, en cumplimiento de sus obligaciones.\";\r\n const parr9 = \"8) Conoce que, de incurrir en uso no adecuado de los sistemas informáticos de la institución, la ESPOL tendrá derecho a negar, restringir o condicionar el acceso al usuario de sus sistemas informáticos, sometiéndose al régimen disciplinario de la institución, en caso de falsedad de la información ingresada, mal uso, vulneración de sistemas, entre otras actividades que pudieran poner en riesgos la confidencialidad de datos de la cual es responsable la ESPOL, sin perjuicio de las acciones civiles o penales que pudiera iniciar la institución.\";\r\n const parr10 = \"9) Conoce que la marca ´´ESPOL + logotipo´´ y sus marcas derivadas se encuentran registradas y gozan de protección de los Derechos de Propiedad Intelectual. En caso de requerir su uso, deberá ser autorizado por la institución.\";\r\n const parr11 = \"10) Conoce que las imágenes, portales, archivos, documentos o cualquier otro material en el que conste la ESPOL + logotipo o sus marcas registradas, es propiedad de la institución, su uso o reproducción deberá ser autorizada, o mencionada dentro del medio para el que se utilice.\";\r\n const parr12_1 = \"11) Conoce que el usuario y clave que la institución le asigne es personal e intransferible, su so en las plataformas web de la ESPOL, tendrá validez jurídica de una firma electrónica, de conformidad a lo indicado en la Ley de Comercio Electrónico, Mensaje de Datos y Firma Electrónica y su Reglamento.\";\r\n\r\n const parr45 = `Para constancia de lo expresado, suscribo el presente documento, en la ciudad de GUAYAQUIL Provincia de GUAYAS el ${fecha.toLocaleDateString()}.`\r\n\r\n\r\n var espacioIzquierdo = 2;\r\n var espacioIzquierdoTab = 2.3;\r\n\r\n var espacioCentrado = 11;\r\n\r\n\r\n const doc = new jsPDF('p', 'cm', 'letter');\r\n\r\n var espacioSuperior = 1;\r\n\r\n\r\n var imgDataESPOLOLD = \"data:image/png;base64,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\";\r\n var imgDataESPOL = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXMAAABGCAYAAAA+enQ4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAEtpJREFUeNrsXc1x47gShl2+P04ES0ew8vGdhorAUgSW7ltlKwJZEUiu2rvoCCRHIM5pj+ZEYG4EwxfBPLbcGLVg/JEE9ePpr4qlGZkige7Gh0YDaFwIBqNDxP/9a1R93On+Vvzzd7/Fc+PqY1BdkXxcda2rZ5YsdcbviCsWAaNrPq+upIMOYo7/zfDzHr6r/jauCH3NYmf8brhkETDOzNMHb3wJXnh1javrCa8b9M6X6LUzGEzmDMYJAzzyovK+gchX+H/4fK2uId4zZTExmMwZjNP1yiE+HqMnLjHB/0d4gcc+YGkxmMwZjNNFDz8L8t0GPfG08tbz6vNfsZsUZTCYzBmMU0NF1hn+8yv5GlbEpNU1wv//qZA9g8FkzmCcICCMMlImObdhl+o7iJ9DiOWZxcRgMmcwThsT/ITwyhC9dfDEx+idQ6hlwWJiMJkzGCeMiryBuPtI4KvKG/9Zff4Qu+WKfd44xPgdwZuGGOdI6OB99zHUEsuvkegZDCZzBuMMvXQmcAZDcJiFwWAwmMwZDAaDwWTOYDAYDCZzBoPBYDCZMxgMBpM5g8FgME4JvDSRwWCcNeL//gUJ2CCVA2wWm/yu+w2uagoNstEl4j173VflzyDA79WV4aaOQysTygVJlmLypxLLlGO5ygOXK8FyfdX8uSTyyo4grwEpV4KfOZYrx7Kd/TFsmK+lZ7llcmh7bUFWWx1V5Z0EfDbYwT3KSOr+6dA22RJTYsNgt49M5naF3wnPPNHV/WAUKRpF0ZGBQ8fygOWKLbcOyG/WXRsq7kqExjES7lSsULZp9RuQESSHWnRFnp7y6inkDqf2gB6fz6xxq3VKLH8/h3S5kQh89B7axKPYP8hD5osfVH9bhOw0OsZ30s5/S68ccOnyLKsLTnBZiXoJ/yVxvIHBIJEEIyU0wjc0xLjGz6EOm+r3G/R2umgcr1j3OnWOsS5v+IzQ5XpoKC+BnRLIaxlSj4yje/uRQuRrvM6pk3tn73/+hjYDidYg8Vr6u+r0qkav3WYIdFc9b9h2OIsEvGpASCrAy3mtnjdDQwjhja8cw3nfThA89a9omGWABrsUYU7eGaHHNjxjL71vKzsJ10kiW+tsloTPZNhjrchc2kEpf4/PjshvSsV+Bvj3Et9b1NDziLSJNT5D/t+Us4baKoT6hqRut9Irr1Mf+h3IWZHT2tT+lfsKoYT31Bw8YndIuIwARNIjh3tpfZXQsKxrpmm/8vk5Gc1tn38uocYrg3CXYpfsP4gjgN5dvymhkxPZQ3oMQJx/4HmSbTqYTeByyc5m2EJeEZYr5AgkQj2OP5sHZLD5bQisquu1zZnAMJnUlbSHLXGI9wyPAm1XElYf/yZj+g/Ke+c+YQ5DeaaE8AAzoY8hU4JK0HlLkegyhfR96/PrOwxpDhRZZtRJsThBUP8JsbERcSxz5f4c3zlV60sO/46UcsBvxqRt0ednSkhrrcjqfMIsHRC5SgS9Bg1tpFFKKIywzqdC5GoHGDUoVxdETrHEhnJumGOITV4joscR8fwWSBKAZ0WmcShdaYickuiDR8htaSmPKzSRkzrKTuANw2lxAFkPDE4KbWuUyEtSnghtLHGMKArTSIt0dJHhGSZ9JcqIpTgX477UhFZ8iLzEHmuG10IxDBuhr+oYPSFyX+TYKFQPw0XojzUbYlSjg8lxOCjllQq/iZqIeEW1yNaTyCVxzcjlK7NQjf6QkMNnecVEzlQmMOF7U33ekDDclIYVwMPEK3cQmC0090DaE7wLPNwbctu9o11QIgRP80K8x459Pcm+Rt8jJPW2Dl2J8vmCdvVLRlB3pfxQhmuU+cSj/imW3TaiVucDbhR9RRaum+G9s3My7islbjX1IKUZjRFqDHSESogsHudUUVpbIi8lSarxLSTdgXBP/m2HgTXiwVMPwkxRXoXFe7h3dKA96Gh8Y/soMxeprLFcuaWjenDoUXZm/U8QZSk0Ia6tw4LzKoWi66HUKYYORtL2DN6kcHiAEb7zg4wtI1lqy6kMScAntkPnfBe2lT5ZnpgonXXWQqZjwhOPOA+UkLrfKrL4oam/ru6ZZ1h0oHR0W88f9SodpFvx8VSqNMQ82rE987njXohh3ZiIHI2jQEHcODz1B5fRY+jDh8hT7NW1y/rgOzBwjHu6jhObexJmT3yMc6qdC8wPjG3DNCBTNMy+w5ua+njBSMJzl7cEk122WDzKzEePSQAP7pAAnVyQ61HaLXpihUKwIyTZSLVzRVZNlpT6jmp8Rn7fNU6X9wgT2jQZFRSGDqeJZ07xTal71FBG3+p21FQ3Hs7ay7l6JJeaIZupl/U+V5E0DhvuHETuQxJjJMzSs1wTx9Cs5xkLnjq8vOs6Kz7wXiehezzKtiRSdjDrmnrsO8hhKj4HMuzw5VC/JGTaU+zzgY5oq2sblnCEDyML4Wa0k8G2c43/97EjtS3dexI5tLNfsWPs4NeeHY6LjBPFyaBlzJT6z5T6Qxv9gv9uO9rq0dEN1Z2hvZ3tJrkrF7GioNNaLse78laOcM0kAJGntTX8Pgz90+JZ3ykGrQsl2Qi/0ZJCaEiwekWYY+QDnOEvm3SQouFORwwdAKG/Gho3xD8HdTqJI+JOMyJMsQG/4QqMF7TPXPFMn8n/5xg2KImtLjUkneAkZ0w7BFy2J5chRngftJcnQVZmwIYtS0ghJR2p3A8CZf/q41FjuWTZZd2F0vbWmpHYh/oYOvvtSrHq81+xv1GNTnQ+kHvlc+TmxGXLVVPPRD4brF+ktN0n8YlwieSUWIYoteJH2Au+Wjx97aG7uBlo0yWRKx56YSHNyCMWZ+r48hblyrCRmjyhgUPuscXrbCOvUtjnOG7PxN5H2MDpFYvd5OYInZANaRPbFRMov1SxA2qrKYbz5AQ8HS1RvS2ITMfK8zbKSOfFMWqio+We2N/W7kN2pRJSUuuT+9TH4mCMxMe5qgmGpjKl/FOxvzmxFP6T8TrQRRmyfgOlfpn4RLh0KL/WbC5ZqmcilRTjtbpJyo2HIcpQQRqg7rOGhP3VUrZFx+X62rSTaVso9LwL15D6TCFX8hQax2NIZDDW3FdgJ06JeYi2UCr2MaNrx1GmfY0HnPuExPBZqmOSCY/FBUjS1yHroyFT9bl7OzRJ2DPXjDpu2iwLlJO7hvqN2+wtOVVcGDYtdAHtkLHGmmhJ5EGSIuF7f1g87EfD794MnVUaykBwhJIYPOy+4TemlAu/Nr0EKBfYydzQeC4Mv3kUhrh6y5go48Sg2G3/s3m+5+CZ9w7wHhOR945B5KTnzhp4wKZRx/eA8vrWwAM2hYZCNqjc0pATbk4MxnHJvGuMWxJ5HprIfcjpEz3r3xMtF4PBOCMy105U1tgG3yWRA/53ono5yeVR557bnMFgMg9L5ElNIu+SQP4M+KyQ+VlChr7+E+pBoUMpnFLXKJf4TIsOK2RMk8mMjnHl8AKzhs990s3E19ieD+8dHsATjAN6xhBnD7XW2tTJNGkgyQHkJTvfurJMAsrsFEhYpkEo62yy07SReZsMozXeNUDHYR3iXZ8pkyZJTdJYl8cgc3pKh867LgIJx5fI00MsG0JlmTzgJpOZIMNQJ7MMahIm4JuBuHtqjucWMK0nLy0db+543rpjPZuOjZPH9qVNZIMrNySJyRVGv3LHwyYYSQJqvmyTrJQ2cic6nKMgWQUBsGP0ywkRKdVZ7c1uPr836I9iTnRZyo7Klpf+SLIaoa1swyw273v0GYmcGHDIEUkcIgyBsooshF3XMw6iR8fO18zirWUW73x0gJCCmilRXjL52mvDdL70WS6A/DfCMuGvtJH0jI5s61pnUUe/d+nP9Lu5S5eH5nNZj0tHY7tv29iwlzwpIlfSj+q8zKzho1sdraY5ykuFLcmZLYn+NMAxeTYdupITrRs+9xCIApZhhnVNhXknrwsH2dCC3qpMefzpNtAEwETssoueRfjoijS2kcHQVxi/8x5OYCa2sus8Ky0Ic9WQeHx6yXmLxmE6bGDr/XqEA9YWeS/r6pHI7NHiwZQeMnu2lAvyfSwP1JH/2siCoyh5eAGkkkhoJ05CI3mNRG4yz3kTSFLNPPSRkFGPj+MS6+51perwlQEZkeYN7Uu+p/QNqdSRQYvObtiQY2rZjklHJKRT+IQCL8jD3hxD+LqEfqpE7hoeXdsEVz3jZ+hRBklda5PX0LW921OPw5rnSz46Rgte56hadrV2OjKz7UpUds32MQHWAHURK0Q7U377kzT8C42sZBx2YyAL+Rvd+0A/E83ZoqqNyDMwZ+Qotp9KuRNyLz2Kjd67t7PYIoO9+LPhKEd6XJxxx7LiWCWKjUbk3bQD9pWBcyeqTn82uxH7R9PV0aVOblRHCxIlAPK/MRwHuHcMn87mLvEPhbDnFdkmz/KJCUNBMIPbqRE5lP3VQeSLQBOFEAv2lVeCDd4mr8wnK2ENPY489bhxEHmdfDQTD5m9dbyTFLImPuI1F/tzACXKRXdg+FZHHSzNNL0vxhHxQHFCRpqR84MwZ9pM1HCSxzkCLhn0yH26k7YGnnU35WPSJozD+18tMlgdM8SBqS5McrNxAQ33vljyWznleqXE+waWYX6Mysxx2JyRk7pjVMKdpzLlIQlZQGF+GHahYGS5XA2xEGGPiZLnDEJ5XrDXzchp57JcPqkM6nisLj3KRj3F3v5FU+5b4TexVyeXPKT4nTk6B2ljBZbtm1CSO7VcQjeyhDhKsR87h/d/R1n0SBisTp6bHL26O/Ju6NRyzUEiE7E7rFh+P8dyPIj9I+JSUp+tPQG5ahyjDGVIU9DemUI52I6Xlt/LsOuNUnbJCX8I/zxPI8X2UyJvne1Rj1em0I7I90nHqZhTsTu0uqfoMlbkUdd2UqxLqox0pK5hF/e9cBxockUaW4n5tF89SEr2zk2EEjzPCukBpw3LJMMYXSwzSsTuxPImv5/UGS0QPbo2ZsXY8JomWVvUbTgQjsFc8q4O31S2TIQ/pi7FRkmJHtZdy3jpI0muFquxdZcuoMyKVyY79ZHSaG/Fx6WfMTokt4qdyrDDCzbyF8MId4j2kBPP1UYIA4sMVkhQKbb/iDhBfRLi+C78JpRvDaG6hSGZnWozOqcg5F4P3ai3wGPnVF0+6ORWfb8Qu3MATLYzoevYlZVVVNdrRwh1fwcoEmyXE1FdEXlbjE+wTI3DUFgX18lFrQiwxdI5XcrTQ2GCcumL3RFycnRBOz710ILnLkbmymgpEfqlcvSko72VVphnfWiyEeKc+NqBUQb4nkeNY5Epx7KlDWSRecg7UhxKKatY+f4Y0MoN5fLsaKsLy98ypTPJvMmcKGPYARF0nWelaecyPNGlR20P4OiK0BdtJipJnuljyDxHAnQd3J1oPL4ubE8dceiuXOx2/kZ0qTCecv/QUVqERAnBmM7tVY/USxq8K64p76FBVqewNj+Y7Si6jlyd1ZWhwa0xbrkM1NstBJltPhHkgT3ytTBM3hyrXBinvhYfVww0JZ9xiJikPGUHh+RTETavTRv9yaH7FIfTudiP4ZYBRxXwvjkhgBkO2WMSEnnC7zISBlrh3IMMNWxj7BBaC6AbVQayo7mVIS8sC12y1yNH3tVZs0+P5ZvjuwphjpnT1Ry3hLjlRPa6KZmrHVCDuTwqt/uWtpMTzpW6Ln3ayaWNCGCZDA6Li4bGkaE3PjkhIi+QlG4CjxKAmEBes4becCflwiO6pOeSNXhEiXW6Dj25hEPMa7E7h/N4RvEuczpakDv9aDz0KZQda1YebXDJ2pvYzUvJHD3UpuSytZXYnxTNOpDBVCODZ5QBLbs88m5Vo2N+EvvH1i0176KgixOgY/uB10jsjlRs6hRslKuJ3NakLjrb8XVmZ8qoRz3GsD6Z07ALnlQzxgK7CpSjoqHxn8ppI3JjC5DldVdhFSROiCt+QXm5SKrAe4Zdlkt6G0jqN2L/fERbuUBeX7BOZYcyGyOp+9pYV5gI81LLWd3zcD3qbnvfWjZsJP6+wakKml0UdbGwjMxSUvbU4MD5dma6MKDWgyVhw8Jgr/1QeaQaYuywnYWnXNZCP29ZuJzqqxpKTqXylMRBbYYnIbEwGFJxDCUTeY0N8a6jJOnBRpErcbn42DpEWVAb08msibwmxGPLPcowqd79JHaTa2A7a42udKtqUmKDucf3W1JU3lfi+wqN3q4xJCC9NF3sv28ifI0Mdd/pyqSVARA/3jcgNr0mYYvSMww4oHWXpqnKC+vqIwMfnfcb2o32e8V25Cihju3scQeGs/aeI3bLQ7U2x2cw1o+v/TyU58ZgMBi+uGQRMBgMBpM5g8FgMJjMGQwGg8FkzmAwGAwmcwaDwWAyZzAYDAaTOYPBYDCYzBkMBoPBZM5gMBhM5gwGg8FgMmcwGAwGkzmDwWAwmMwZDAaDyZzBYDAYTOYMBoPBYDJnMBgMBpM5g8FgfF78X4ABAHrqG/UucBVuAAAAAElFTkSuQmCC\";\r\n var imgDataVector = \"data:image/png;base64,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\";\r\n doc.addImage(imgDataESPOL, espacioIzquierdo, 1);\r\n doc.addImage(imgDataVector, 16, 0);\r\n\r\n\r\n\r\n //doc.addImage(imgData, 12, espacioSuperior, 6, 1.2);\r\n doc.setFontSize(10)\r\n doc.setFont(\"Times-Roman\");\r\n\r\n\r\n espacioSuperior = espacioSuperior + 2.2;\r\n\r\n doc.setFont(undefined, \"bold\");\r\n doc.text(\"ACUERDO DE USO DE DATOS PERSONALES Y MEDIOS ELECTRÓNICOS PARA EL ALMACENAMIENTO Y USO DE INFORMACIÓN REGISTRADA EN LOS SISTEMAS INFORMÁTICOS DE LA ESPOL.\", espacioCentrado, espacioSuperior, optcenter);\r\n\r\n doc.setFont(undefined, \"normal\");\r\n doc.setFontSize(8.5);\r\n espacioSuperior = espacioSuperior + 1.6;\r\n doc.text(parr1, espacioIzquierdo, espacioSuperior, optjustify);\r\n\r\n doc.setFontSize(10)\r\n doc.setFont(\"Times-Roman\");\r\n espacioSuperior = espacioSuperior + 2.2;\r\n doc.text(\"Declaración de responsabilidad y aceptación de usuario:\", espacioIzquierdo, espacioSuperior, optjustify);\r\n\r\n doc.setFont(undefined, \"normal\");\r\n doc.setFontSize(8.5);\r\n espacioSuperior = espacioSuperior + 0.7;\r\n doc.text(parr2, espacioIzquierdo, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.2;\r\n doc.text(parr3, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 0.7\r\n doc.text(parr4, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.6\r\n doc.text(parr5, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n doc.textWithLink(\"Política de privacidad\", 15.5, espacioSuperior, { url: 'https://www.dspace.espol.edu.ec/bitstream/123456789/57243/3/POLITICA%20DE%20PRIVACIDAD%20ESPOL%20GTSI.pdf' });\r\n doc.text(\"y en sus\", 18.2, espacioSuperior, optjustify);\r\n espacioSuperior = espacioSuperior +0.7\r\n doc.textWithLink(\"términos y condiciones\", espacioIzquierdoTab, espacioSuperior, { url: 'https://www.dspace.espol.edu.ec/bitstream/123456789/57244/3/TERMINOS%20Y%20CONDICIONES%20POLITICAS%20DE%20PRIVACIDAD%20GTSI.pdf' });\r\n doc.text(\"vigentes de la institución.\", 5.3, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 0.7\r\n doc.text(parr5_1, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.2\r\n doc.text(parr6, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 0.7\r\n doc.text(parr7, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.2\r\n doc.text(parr8, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.2\r\n doc.text(parr9, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 2.0\r\n doc.text(parr10, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.2\r\n doc.text(parr11, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.2\r\n doc.text(parr12_1, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n\r\n espacioSuperior = espacioSuperior + 1.6\r\n doc.text(parr45, espacioIzquierdoTab, espacioSuperior, optjustify);\r\n if (this.state.firmadoGeneral) {\r\n espacioSuperior = espacioSuperior + 1.8\r\n doc.setFontSize(10);\r\n // doc.text(this.state.username, espacioCentrado, espacioSuperior, optcenter);\r\n espacioSuperior = espacioSuperior + 0.7\r\n } else {\r\n espacioSuperior = espacioSuperior + 3\r\n }\r\n\r\n doc.setFontSize(8.5);\r\n doc.setFont(undefined, \"bold\");\r\n doc.text(\"Firma\", espacioCentrado, espacioSuperior, optcenter);\r\n\r\n\r\n doc.setFont(undefined, \"normal\");\r\n\r\n\r\n espacioSuperior = espacioSuperior + 0.7\r\n doc.text(nombrecompleto, espacioCentrado, espacioSuperior, optcenter);\r\n\r\n espacioSuperior = espacioSuperior + 0.7\r\n doc.text(this.state.identificacion, espacioCentrado, espacioSuperior, optcenter); \r\n \r\n\r\n/*\r\n doc.setFont(undefined, \"bold\");\r\n doc.text(\"Impreso el \" + fecha.toLocaleString(), 18, 27, optcenter);\r\n doc.setFont(undefined, \"normal\");\r\n*/\r\n doc.save(\"Acuerdo.pdf\");\r\n\r\n }\r\n\r\n\r\n\r\n render() {\r\n return (\r\n this.props.posicion!=\"modal\" ?\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 renderpdf;\r\n","import React, { Component } from 'react'\r\nimport check from \"../../assets/check.png\";\r\nimport Cookies from 'js-cookie';\r\nimport upload from \"../../assets/SuBIR.svg\"\r\n\r\nimport eliminar from \"../../assets/eliminar.png\";\r\nimport subaacfe from \"../../assets/subiracuerdoFE.svg\";\r\nimport subaacfm from \"../../assets/subiracuerdoFM.svg\";\r\nimport rostoimg from \"../../assets/FotoPERSONAL.svg\"\r\nimport camaraNecesaria from \"../../assets/CAMARAnecesariaSilver.svg\"\r\nimport subir from \"../../assets/subircedula.svg\"\r\n\r\n\r\nimport cedimg from \"../../assets/FotoCEDULA.svg\"\r\nimport Modal from './Modal';\r\nimport ModalXL from './ModalXL';\r\nimport axios from \"axios\";\r\nimport \"../../css/Acuerdo.css\"\r\nimport Header from './Header.js'\r\nimport Footer from './Footer.js'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faEye, faEyeSlash, faCheckCircle, faTimesCircle, faCheck } from \"@fortawesome/free-solid-svg-icons\";\r\nimport Camara from \"./Camara.js\"\r\nimport pdf from \"../../../src/ruc.pdf\"\r\nimport Visualizarpdf from \"../components/Visualizarpdf\";\r\nimport FormRegistroContrasenia from './FormRegistroContrasenia';\r\nimport { Navigate } from 'react-router-dom';\r\nimport equis from \"../../assets/eliminar.png\";\r\nimport alerta from \"../../assets/Alerta.svg\";\r\nimport anuncioico from \"../../assets/AnuncioICO.svg\";\r\nimport descargarAcuerdo from \"../../assets/descarga_acuerdo_copia.svg\"\r\n\r\nimport Renderpdf from \"../components/renderPDF\"\r\n\r\n\r\nexport class Acuerdo extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n showEnvAcdRect:false,\r\n aceptoAcuerdo: false,\r\n modalPrevAcuerdoGen: this.props.modalPrevAcuerdoGen,\r\n mostrarNombre:false,\r\n IsFirmadoElect:false,\r\n modalFirmaGeneralExitosa: false,\r\n firmadoGeneral: this.props.firmadoGeneral,\r\n modalFirmaManual: false,\r\n modalFirmaManualActualizararch:false,\r\n verbtngeneral: this.props.verbtngeneral,\r\n modalFirmaElectronica: false,\r\n modalFManualExitosa: false,\r\n modalFManualExitosaTipoA: false,\r\n modalActualizaciónDocsExitosa: false,\r\n\r\n modalFElectricaExitosa: false,\r\n modalCamararostro: false,\r\n modalCamaracedula: false,\r\n modalModocedula: false,\r\n modalfotocedula: false,\r\n modalarchivocedula: false,\r\n modalSubirPdf: false,\r\n modalNoAcepACGeneral: false,\r\n modalNoAcepACGeneralprev: false,\r\n iconGuardRostroExito: false,\r\n iconGuardCedulaExito: false,\r\n isvalidimgpersonasub: false,\r\n isvalidimgtarjetasub:false,\r\n isvalidcontratosub: false,\r\n iconGuardPdfExito: false,\r\n showiconGuardPdfExitoCedula: false,\r\n iconChooseFirma: false,\r\n actFirmaElec: false,\r\n actFirmaElecInter: false,\r\n verRegistroContrasena: false,\r\n showPassword: false,\r\n activebutton: true,\r\n activebuttonpdf: true,\r\n activebutton1: true,\r\n IsAcuerdoDescargado: false,\r\n modalMensaje: \"\",\r\n idAcFirmaElec: \"\",\r\n acuerdob64: \"\",\r\n mensaje_titulo: this.props.mensaje_titulo,\r\n datosUsuario: {\r\n //SECCIÓN DE LA CUENTA ELECTRÓNICA\r\n id: this.props.id,\r\n nombres: this.props.nombres,\r\n apellidos: this.props.apellidos,\r\n identificacion: this.props.identificacion,\r\n usuario_sugerido: this.props.usuario_sugerido,\r\n //nombres: \"pepito pivuawe\",\r\n //apellidos: \"gomez rendom\",\r\n //identificacion: \"0931087209\",\r\n //usuario_sugerido: \"aiarias\",\r\n alias_sugerido: this.props.alias_sugerido,\r\n correoAlterno: this.props.correoAlterno,\r\n rol: this.props.rol,\r\n telefono: this.props.telefono,\r\n unidad: this.props.unidad,\r\n password: this.props.password,\r\n //SECCIÓN DE SOLICITUD MANUAL\r\n estado: this.props.estado,\r\n Motivo: this.props.Motivo,\r\n tipoForm: this.props.tipoForm,\r\n infoSolicitud: this.props.infoSolicitud,\r\n },\r\n isvalidbtnAceptar:false,\r\n contra: {\r\n contrasena: \"\",\r\n contrasenaCumple: false,\r\n repetirContraCumple: false,\r\n terminos: \"\",\r\n },\r\n fotoRostro: '',\r\n fotoCedula: '',\r\n pdfData: null,\r\n pdfCedulaData: null,\r\n // modalSugerencia: {\r\n modalError: {\r\n show: false,\r\n titulo: \"\",\r\n mensaje: \"\",\r\n imagen: equis,\r\n },\r\n modalErrorAcuerdoGen:{\r\n show: false,\r\n titulo: \"\",\r\n mensaje: \"\",\r\n imagen: equis,\r\n },\r\n renderNavigateLogin: false,\r\n base64FE: \"\",\r\n pwdFirmaElectronica: \"\",\r\n fecha: new Date(),\r\n verbtngeneralElectronica: this.props.verbtngeneralElectronica,\r\n };\r\n\r\n this.cambiarEstado = this.cambiarEstado.bind(this);\r\n\r\n this.renderRegistro = this.renderRegistro.bind(this);\r\n\r\n this.abrirModalFirmaM = this.abrirModalFirmaM.bind(this);\r\n this.cerrarModalFirmaM = this.cerrarModalFirmaM.bind(this);\r\n\r\n this.abrirmodalFirmaManualActualizararch = this.abrirmodalFirmaManualActualizararch.bind(this);\r\n this.cerrarmodalFirmaManualActualizararch = this.cerrarmodalFirmaManualActualizararch.bind(this);\r\n \r\n\r\n\r\n this.abrirModalFirmaE = this.abrirModalFirmaE.bind(this);\r\n this.cerrarModalFirmaE = this.cerrarModalFirmaE.bind(this);\r\n\r\n this.abrirModalFManualExitosa = this.abrirModalFManualExitosa.bind(this);\r\n this.cerrarModalFManualExitosa = this.cerrarModalFManualExitosa.bind(this); \r\n\r\n this.abrirModalActualizaciónDocsExitosa = this.abrirModalActualizaciónDocsExitosa.bind(this);\r\n this.cerrarModalActualizaciónDocsExitosa = this.cerrarModalActualizaciónDocsExitosa.bind(this);\r\n\r\n this.abrirModalNoAcepACGeneral = this.abrirModalNoAcepACGeneral.bind(this);\r\n this.cerrarModalNoAcepACGeneral = this.cerrarModalNoAcepACGeneral.bind(this);\r\n\r\n this.abrirModalNoAcepACGeneralPrev = this.abrirModalNoAcepACGeneralPrev.bind(this);\r\n this.cerrarModalNoAcepACGeneralPrev = this.cerrarModalNoAcepACGeneralPrev.bind(this);\r\n\r\n this.abrirModalFElectronicaExitosa = this.abrirModalFElectronicaExitosa.bind(this);\r\n this.cerrarModalFElectronicaExitosa = this.cerrarModalFElectronicaExitosa.bind(this);\r\n\r\n this.abrirModalCamararostro = this.abrirModalCamararostro.bind(this);\r\n this.cerrarModalCamararostro = this.cerrarModalCamararostro.bind(this);\r\n\r\n this.abrirModalCamaracedula = this.abrirModalCamaracedula.bind(this);\r\n this.cerrarModalCamaracedula = this.cerrarModalCamaracedula.bind(this);\r\n\r\n this.abrirModalModoacedula = this.abrirModalModoacedula.bind(this);\r\n this.cerrarModalModocedula = this.cerrarModalModocedula.bind(this);\r\n\r\n this.abrirmodalarchivocedula = this.abrirmodalarchivocedula.bind(this);\r\n this.cerrarmodalarchivocedula = this.cerrarmodalarchivocedula.bind(this);\r\n\r\n\r\n this.abrirmodalfotocedula = this.abrirmodalfotocedula.bind(this);\r\n this.cerrarmodalfotocedula = this.cerrarmodalfotocedula.bind(this);\r\n\r\n this.abrirModalSubirPdf = this.abrirModalSubirPdf.bind(this);\r\n this.cerrarModalSubirPdf = this.cerrarModalSubirPdf.bind(this);\r\n\r\n this.showiconGuardRostroExito = this.showiconGuardRostroExito.bind(this);\r\n this.showiconGuardCedulaExito = this.showiconGuardCedulaExito.bind(this);\r\n this.showiconGuardPdfExito = this.showiconGuardPdfExito.bind(this);\r\n this.showiconGuardPdfExitoCedula = this.showiconGuardPdfExitoCedula.bind(this);\r\n\r\n\r\n this.verFormRegistroContrasenia = this.verFormRegistroContrasenia.bind(this);\r\n\r\n this.mostrarContrasena = this.mostrarContrasena.bind(this);\r\n\r\n this.abrirModalError = this.abrirModalError.bind(this);\r\n this.cerrarModalError = this.cerrarModalError.bind(this);\r\n\r\n this.abrirModalErrorGen = this.abrirModalErrorGen.bind(this);\r\n this.cerrarModalErrorGen = this.cerrarModalErrorGen.bind(this);\r\n\r\n this.activebuttonf = this.activebuttonf.bind(this);\r\n this.disabledbuttonf = this.disabledbuttonf.bind(this);\r\n\r\n\r\n this.activebuttonpdf = this.activebuttonpdf.bind(this);\r\n this.disabledbuttonpdf = this.disabledbuttonpdf.bind(this);\r\n\r\n this.abrirModalFirmaGeneralExitosa = this.abrirModalFirmaGeneralExitosa.bind(this);\r\n this.cerrarModalFirmaGeneralExitosa = this.cerrarModalFirmaGeneralExitosa.bind(this);\r\n\r\n this.cerrarModalPrevGen = this.cerrarModalPrevGen.bind(this);\r\n this.abrirModalPrevGen = this.abrirModalPrevGen.bind(this);\r\n\r\n var servicio = localStorage.getItem('servicio'); \r\n //console.log(servicio);\r\n }\r\n\r\n componentWillMount() {\r\n this.props.useEffect();\r\n }\r\n\r\n cerrarModalPrevGen() {\r\n this.setState({\r\n modalPrevAcuerdoGen: false,\r\n });\r\n }\r\n\r\n abrirModalPrevGen() {\r\n this.setState({\r\n modalPrevAcuerdoGen: true,\r\n });\r\n }\r\n\r\n activebuttonf() {\r\n this.setState({ activebutton: true });\r\n }\r\n\r\n disabledbuttonf() {\r\n this.setState({ activebutton: false });\r\n }\r\n\r\n\r\n activebuttonpdf() {\r\n this.setState({ activebuttonpdf: true });\r\n }\r\n\r\n disabledbuttonpdf() {\r\n this.setState({ activebuttonpdf: false });\r\n }\r\n\r\n\r\n activebuttonf1() {\r\n this.setState({ activebutton1: true });\r\n }\r\n\r\n disabledbuttonf1() {\r\n this.setState({ activebutton1: false });\r\n }\r\n mostrarContrasena(e) {\r\n e.preventDefault();\r\n this.setState({ showPassword: !this.state.showPassword });\r\n }\r\n\r\n verFormRegistroContrasenia() {\r\n this.setState({ verRegistroContrasena: true });\r\n }\r\n\r\n showiconGuardRostroExito() {\r\n this.setState({\r\n iconGuardRostroExito: true,\r\n actFirmaElec: true,\r\n isvalidimgpersonasub: true\r\n });\r\n ///this.setState({ })\r\n }\r\n\r\n showiconGuardCedulaExito() {\r\n this.setState({\r\n iconGuardCedulaExito: true,\r\n actFirmaElec: true,\r\n isvalidimgtarjetasub: true\r\n });\r\n //this.setState({ actFirmaElec: true })\r\n console.log(\"asdasdasdas\");\r\n\r\n }\r\n showiconGuardPdfExito() {\r\n this.setState({\r\n iconGuardPdfExito: true,\r\n actFirmaElec: true,\r\n isvalidcontratosub:true,\r\n })\r\n //this.setState({ actFirmaElec: true })\r\n }\r\n\r\n showiconGuardPdfExitoCedula() {\r\n this.setState({\r\n iconGuardCedulaExito: true,\r\n isvalidimgtarjetasub: true,\r\n })\r\n }\r\n\r\n abrirModalCamararostro() {\r\n this.setState({ modalCamararostro: true })\r\n \r\n }\r\n\r\n cerrarModalCamararostro() {\r\n this.setState({ modalCamararostro: false })\r\n }\r\n\r\n abrirModalCamaracedula() {\r\n this.setState({ modalCamaracedula: true });\r\n this.cerrarModalModocedula();\r\n }\r\n\r\n cerrarModalCamaracedula() {\r\n this.setState({ modalCamaracedula: false })\r\n }\r\n\r\n abrirModalModoacedula() {\r\n this.setState({ modalModocedula: true })\r\n }\r\n\r\n cerrarModalModocedula() {\r\n this.setState({ modalModocedula: false })\r\n }\r\n\r\n abrirmodalfotocedula() {\r\n this.setState({ modalfotocedula: true })\r\n }\r\n\r\n cerrarmodalfotocedula() {\r\n this.setState({ modalfotocedula: false })\r\n }\r\n\r\n\r\n abrirmodalarchivocedula() {\r\n this.setState({ modalarchivocedula: true });\r\n this.cerrarModalModocedula();\r\n }\r\n\r\n cerrarmodalarchivocedula() {\r\n this.setState({ modalarchivocedula: false })\r\n }\r\n\r\n\r\n abrirModalSubirPdf() {\r\n this.setState({ modalSubirPdf: true })\r\n }\r\n\r\n cerrarModalSubirPdf() {\r\n this.setState({\r\n modalSubirPdf: false,\r\n modalarchivocedula: false\r\n })\r\n }\r\n\r\n\r\n abrirModalFManualExitosa() {\r\n this.setState({ modalFManualExitosa: true })\r\n }\r\n\r\n\r\n cerrarModalActualizaciónDocsExitosa() {\r\n this.setState({ modalActualizaciónDocsExitosa: false });\r\n window.location.href = \"/Inicio\";\r\n }\r\n\r\n abrirModalActualizaciónDocsExitosa() {\r\n this.setState({\r\n modalActualizaciónDocsExitosa: true,\r\n modalFirmaManualActualizararch: false\r\n })\r\n }\r\n\r\n\r\n cerrarModalFManualExitosa() {\r\n this.setState({ modalFManualExitosa: false })\r\n this.setState({ renderNavigateLogin: true })\r\n }\r\n\r\n\r\n abrirModalFManualExitosaTipoA() {\r\n this.setState({ modalFManualExitosaTipoA: true })\r\n }\r\n\r\n\r\n cerrarModalFManualExitosaTipoA() {\r\n this.setState({ cerrarModalFManualExitosaTipoA: false })\r\n //this.setState({ renderNavigateLogin: true })\r\n }\r\n\r\n abrirModalNoAcepACGeneral() {\r\n this.cerrarSesion();\r\n this.setState({\r\n modalNoAcepACGeneralprev: false,\r\n modalNoAcepACGeneral: true,\r\n })\r\n }\r\n\r\n cerrarModalNoAcepACGeneral() {\r\n this.setState({ modalNoAcepACGeneral: false });\r\n this.redireccion(2);\r\n }\r\n\r\n\r\n abrirModalNoAcepACGeneralPrev() {\r\n this.setState({ modalNoAcepACGeneralprev: true })\r\n }\r\n\r\n cerrarModalNoAcepACGeneralPrev() {\r\n this.setState({ modalNoAcepACGeneralprev: false });\r\n //window.location.href = \"/Inicio\";\r\n }\r\n\r\n\r\n abrirModalFirmaGeneralExitosa() {\r\n this.setState({ modalFirmaGeneralExitosa: true });\r\n }\r\n\r\n descargarAcuerdoFirmaManual = () => {\r\n console.log(\"acuerdo descargado\");\r\n this.setState({\r\n IsAcuerdoDescargado: true\r\n });\r\n\r\n }\r\n\r\n redireccion(op){\r\n var servicio = localStorage.getItem('servicio');\r\n //var servicio= 'http://192.168.253.7:8087/signin-cas?state=CfDJ8ENUpIgaTURAmA9EfHzh5f_Lch0GfZ_iDfGlUeZCSyG4EJelJbNceGLijKHOhz7kjdastRgI99re7jIlfh5-9AyqwBDse8zIk0HzNcMqxo0XPJthDUMtgb4Oauq4dxlyM52VGZ2ZIHVbQw9n3ZFnusnv4ollNHpTE1pTZzMJhZoS8mUeC9VcUCPqCeV7HE6pig6AoufL7tGLWeD5QFqihyk';\r\n //console.log(servicio);\r\n if (servicio == null || servicio == undefined) {\r\n window.location.href = \"/Inicio\";\r\n //}else if(servicio==\"https://www.academico.espol.edu.ec/\"){\r\n } else if (servicio.includes(\"?service=https://www.academico.espol.edu.ec/\")) {\r\n var ruta = 'https://www.academico.espol.edu.ec/login.aspx';\r\n window.location.href = ruta;\r\n } else if (servicio.includes(\"?service=https://www.profesor.espol.edu.ec/\")) {\r\n var ruta = 'https://www.profesor.espol.edu.ec/Account/AuthLogin';\r\n window.location.href = ruta;\r\n }else if (op == 1) {\r\n if (this.props.tipoAcuerdo == \"ALUMNI\") {\r\n //window.location.href = 'https://alumni.espol.edu.ec/';\r\n ruta = servicio;\r\n } else {\r\n var ruta = 'https://auth.espol.edu.ec/login' + servicio;\r\n }\r\n window.location.href = ruta;\r\n } else {\r\n if (this.props.tipoAcuerdo == \"ALUMNI\") {\r\n //window.location.href = 'https://alumni.espol.edu.ec/';\r\n window.location.href = servicio;\r\n } else {\r\n window.location.href = 'https://auth.espol.edu.ec/logout';\r\n }\r\n }\r\n localStorage.removeItem('servicio'); //cerrar\r\n }\r\n\r\n cerrarModalFirmaGeneralExitosa() {\r\n this.setState({ modalFirmaGeneralExitosa: false });\r\n this.cerrarSesion();\r\n this.redireccion(1);\r\n\r\n }\r\n\r\n\r\n abrirModalFElectronicaExitosa() {\r\n this.setState({ modalFElectricaExitosa: true })\r\n }\r\n\r\n cerrarModalFElectronicaExitosa() {\r\n this.setState({ modalFElectricaExitosa: false })\r\n this.setState({ renderNavigateLogin: true })\r\n\r\n }\r\n\r\n abrirModalFirmaM() {\r\n this.props.callTagManager(\"click-btn-fir-man-creacion\")\r\n // console.log(this.state.verbtngeneralElectronica);\r\n if (this.state.verbtngeneralElectronica) {\r\n this.setState({\r\n modalFirmaManual: true,\r\n modalFirmaManualActualizararch: false\r\n });\r\n } else {\r\n this.setState({\r\n modalFirmaManualActualizararch: true,\r\n modalFirmaManual: false,\r\n });\r\n }\r\n \r\n //console.log(this.state.datosUsuario);\r\n }\r\n\r\n cerrarModalFirmaM() {\r\n this.setState({ modalFirmaManual: false });\r\n }\r\n\r\n abrirmodalFirmaManualActualizararch() {\r\n this.setState({ modalFirmaManualActualizararch: true });\r\n //console.log(this.state.datosUsuario);\r\n }\r\n\r\n cerrarmodalFirmaManualActualizararch() {\r\n this.setState({ modalFirmaManualActualizararch: false });\r\n }\r\n\r\n\r\n abrirModalFirmaE() {\r\n this.props.callTagManager(\"click-btn-fir-elec-creacion\");\r\n this.setState({ modalFirmaElectronica: true })\r\n }\r\n\r\n cerrarModalFirmaE() {\r\n this.setState({ modalFirmaElectronica: false })\r\n }\r\n\r\n abrirModalError() {\r\n this.setState({\r\n modalError: {\r\n ...this.state.modalSugerencia,\r\n show: true\r\n }\r\n });\r\n }\r\n\r\n cerrarModalError() {\r\n this.setState({\r\n modalError: {\r\n titulo: \"\",\r\n mensaje: \"\",\r\n imagen: \"\",\r\n show: false\r\n }\r\n });\r\n }\r\n\r\n abrirModalErrorGen() {\r\n this.setState({\r\n modalErrorAcuerdoGen: {\r\n ...this.state.modalSugerencia,\r\n show: true\r\n }\r\n });\r\n }\r\n\r\n cerrarModalErrorGen() {\r\n this.setState({\r\n modalErrorAcuerdoGen: {\r\n titulo: \"\",\r\n mensaje: \"\",\r\n imagen: \"\",\r\n show: false\r\n }\r\n },()=>{\r\n this.redireccion(2);\r\n });\r\n }\r\n\r\n handlerDatosFormRegistro = async (e) => {\r\n await this.setState({\r\n contra: {\r\n ...this.state.contra,\r\n [e.target.name]: e.target.value,\r\n terminos: e.target.checked\r\n }\r\n })\r\n //console.log(this.state.contra);\r\n\r\n }\r\n\r\n\r\n handlerCheckPrev = async (e) => {\r\n if (this.state.aceptoAcuerdo) {\r\n await this.setState({\r\n aceptoAcuerdo: e.target.checked,\r\n isvalidbtnAceptar: false\r\n }, () => {\r\n console.log(this.state.aceptoAcuerdo);\r\n console.log(this.state.isvalidbtnAceptar);\r\n })\r\n } else {\r\n await this.setState({\r\n aceptoAcuerdo: e.target.checked,\r\n isvalidbtnAceptar: true\r\n }, () => {\r\n console.log(this.state.aceptoAcuerdo);\r\n console.log(this.state.isvalidbtnAceptar);\r\n })\r\n }\r\n \r\n }\r\n\r\n cambiarEstado(valor, contraCumple, repetirContraCumple) {\r\n this.setState({\r\n contra: {\r\n ...this.state.contra,\r\n contrasena: valor,\r\n contrasenaCumple: contraCumple,\r\n repetirContraCumple: repetirContraCumple\r\n }\r\n })\r\n //console.log(\"CAMBIAR ESTADO\");\r\n //console.log(this.state.contra);\r\n }\r\n\r\n renderRegistro(e) {\r\n e.preventDefault();\r\n\r\n this.props.renderFormRegistro(false);\r\n //console.log(\"cambio form registro contraseña\");\r\n }\r\n\r\n /* acuerdo firmado de forma electronica*/\r\n postFirmarAcuerdoElectronicamente = async (e) => {\r\n this.props.callTagManager(\"click-btn-subir-acuerdo-elec-creacion\");\r\n e.preventDefault();\r\n this.disabledbuttonf();\r\n\r\n //console.log(\"Crear cuenta solicitud en firma electronica\");\r\n\r\n var signDoc = {\r\n nombre: this.state.datosUsuario.nombres,\r\n apellido: this.state.datosUsuario.apellidos,\r\n identificacion: this.state.datosUsuario.identificacion,\r\n firmaBase64: this.state.base64FE,\r\n password: this.state.pwdFirmaElectronica,\r\n acuerdoBase64: this.state.acuerdob64,\r\n }\r\n this.setState({\r\n IsFirmadoElect: true,\r\n })\r\n console.log(signDoc);\r\n axios.post(`${process.env.REACT_APP_API}api/CuentaUsuario/signDoc`, signDoc)\r\n .then(resp => {\r\n //console.log(resp);\r\n this.state.idAcFirmaElec = resp.data;\r\n if (this.state.datosUsuario.tipoForm == \"A\") {\r\n //console.log(\"FIRMA ELECTRONICO - AUTOMÁTICO\");\r\n this.verFormRegistroContrasenia();\r\n } else {\r\n window.grecaptcha.ready(() => {\r\n window.grecaptcha.execute(process.env.REACT_APP_CAPTCHAKEY, { action: 'submit' }).then(token => {\r\n //console.log(\"FIRMA ELECTRONICO - SOLICITUD\");\r\n var solicitud = {\r\n estado: this.state.datosUsuario.estado,\r\n identificacion: this.state.datosUsuario.identificacion,\r\n infoSolicitud: this.state.datosUsuario.infoSolicitud,\r\n Motivo: this.state.datosUsuario.Motivo,\r\n idAcuerdoFirmadoElec: this.state.idAcFirmaElec,\r\n tipoAcuerdo: \"D\",\r\n tokencapt: token,\r\n }\r\n //console.log(solicitud);\r\n axios.post(`${process.env.REACT_APP_API}api/Solicitud`, solicitud)\r\n .then(resp => {\r\n this.abrirModalFElectronicaExitosa();\r\n this.activebuttonf();\r\n }).catch(error => {\r\n //console.log(error.message);\r\n this.setState({\r\n modalError: {\r\n show: true,\r\n titulo: \"Error al guardar la solicitud\",\r\n mensaje: \"Existe un problema al guardara la solicitud. Por favor, intentarlo mas tarde.\",\r\n imagen: equis,\r\n }\r\n });\r\n this.activebuttonf();\r\n });\r\n });\r\n });\r\n }\r\n }).catch(error => {\r\n this.activebuttonf();\r\n\r\n if (error.request.response == \"Contraseña o documento no valido\") {\r\n this.setState({\r\n modalError: {\r\n show: true,\r\n titulo: \"Error en la firma electronica\",\r\n mensaje: \"Contraseña o documento no valido\",\r\n imagen: equis,\r\n }\r\n });\r\n } else if (error.request.response == \"El documento no se firmo correctamente o no se pudo subir al repositorio\") {\r\n //console.log(error.request.response);\r\n this.setState({\r\n modalError: {\r\n show: true,\r\n titulo: \"Error en la firma electronica\",\r\n mensaje: \"Existio un problema al firma el documento\",\r\n imagen: equis,\r\n }\r\n });\r\n } else {\r\n this.setState({\r\n modalError: {\r\n show: true,\r\n titulo: \"Error en la firma electronica\",\r\n mensaje: \"Existió un problema con el servidor\",\r\n imagen: equis,\r\n }\r\n });\r\n }\r\n })\r\n\r\n //console.log(this.state.activebutton);\r\n\r\n\r\n }\r\n\r\n FirmarAcuerdoAlumni = async (e) => {\r\n e.preventDefault();\r\n // console.log(this.state.aceptoAcuerdo)\r\n if (this.state.aceptoAcuerdo) {\r\n this.PostFirmarAcuerdoGen(e);\r\n } else {\r\n //this.redireccion(1);\r\n window.location.href = 'https://alumni.espol.edu.ec/'\r\n }\r\n }\r\n\r\n PostFirmarAcuerdoGen = async (e) => {\r\n e.preventDefault();\r\n this.disabledbuttonf();\r\n this.setState({\r\n mostrarNombre:true,\r\n })\r\n //console.log(\"firmar acuerdo general\");\r\n\r\n var signDoc = {\r\n nombre: this.state.datosUsuario.nombres,\r\n apellido: this.state.datosUsuario.apellidos,\r\n identificacion: this.state.datosUsuario.identificacion,\r\n acuerdoBase64: this.state.acuerdob64,\r\n usuario: this.state.datosUsuario.usuario_sugerido,\r\n firmaBase64: this.state.base64FE,\r\n password: this.state.pwdFirmaElectronica,\r\n }\r\n //console.log(signDoc);\r\n //console.log(`${process.env.REACT_APP_API}api/persona/firmaracuerdo`);\r\n\r\n axios.post(`${process.env.REACT_APP_API}api/CuentaUsuario/notsignDoc`, signDoc)\r\n .then(resp => {\r\n let enlace = resp.data;\r\n //console.log(\"El enlace es: \", enlace);\r\n if (resp.status == 200 && resp.data != \" \") {\r\n // guardar el resgistro en la tabla.\r\n\r\n window.grecaptcha.ready(() => {\r\n window.grecaptcha.execute(process.env.REACT_APP_CAPTCHAKEY, { action: 'submit' }).then(token => {\r\n let datos = {\r\n estado: 1,\r\n aceptodatospers: 1,\r\n aceptomedelect: 1,\r\n rutaacuerdodatospersfirmado: enlace,\r\n rutaacuerdomedelectfirmado: enlace,\r\n identificacion: this.state.datosUsuario.identificacion,\r\n tokencapt: token\r\n }\r\n //console.log(datos);\r\n axios.post(`${process.env.REACT_APP_API}api/persona/firmaracuerdo`, datos)\r\n .then(resp => {\r\n // console.log(resp);\r\n this.abrirModalFirmaGeneralExitosa();\r\n this.activebuttonf();\r\n }).catch(error => {\r\n // console.log(error.response.data);\r\n this.setState({\r\n modalErrorAcuerdoGen: {\r\n show: true,\r\n titulo: \"Error al guardar el registro de la firma\",\r\n mensaje: error.response.data,\r\n imagen: equis,\r\n }\r\n });\r\n this.activebuttonf();\r\n })\r\n });\r\n }); \r\n }\r\n }).catch(error => {\r\n //console.log(error.message);\r\n this.setState({\r\n modalErrorAcuerdoGen: {\r\n show: true,\r\n titulo: \"Error al guardar el documento firmado\",\r\n mensaje: \"Existe un problema al guardara el acuerdo. Por favor, intentarlo mas tarde.\",\r\n imagen: equis,\r\n }\r\n \r\n });\r\n this.activebuttonf();\r\n })\r\n\r\n }\r\n\r\n PostNoFirmarAcuerdoGen = async (e) => {\r\n e.preventDefault();\r\n this.disabledbuttonf1();\r\n //console.log(\"guardar registro de no firma acuerdo general\");\r\n\r\n window.grecaptcha.ready(() => {\r\n window.grecaptcha.execute(process.env.REACT_APP_CAPTCHAKEY, { action: 'submit' }).then(token => {\r\n let datos = {\r\n estado: 1,\r\n aceptodatospers: 0,\r\n aceptomedelect: 0,\r\n rutaacuerdodatospersfirmado: \"\",\r\n rutaacuerdomedelectfirmado: \"\",\r\n identificacion: this.state.datosUsuario.identificacion,\r\n tokencapt: token\r\n }\r\n axios.post(`${process.env.REACT_APP_API}api/persona/firmaracuerdo`, datos)\r\n .then(resp => {\r\n //console.log(resp);\r\n this.activebuttonf1();\r\n this.abrirModalNoAcepACGeneralPrev();\r\n }).catch(error => {\r\n this.setState({\r\n modalErrorAcuerdoGen: {\r\n show: true,\r\n titulo: \"Error al guardar el registro de la firma\",\r\n mensaje: error.response.data,\r\n imagen: equis,\r\n }\r\n });\r\n this.activebuttonf1();\r\n });\r\n });\r\n });\r\n }\r\n\r\n\r\n /*Acuerdo firmado de forma manual*/\r\n postCrearCuenta = async (e) => {\r\n this.props.callTagManager(\"click-btn-subir-acuerdo-man-creacion\");\r\n e.preventDefault();\r\n\r\n this.disabledbuttonf();\r\n\r\n if (this.state.datosUsuario.tipoForm == \"A\") {\r\n //console.log(\"FORMULARIO AUTOMATICO\");\r\n //Para crear una cuenta con firma manual y sube foto de rostro,cedula y pdf firmado manualmente que viene del registro automatico\r\n //PRIMERO SUBO EL ACUERDO PARA OBTENER EL ENLACE Y PASARSELO A verFormRegistroContrasenia(); -> CREO LA CUENTA Y LUEGO CREO LA SOLICITUD.\r\n\r\n window.grecaptcha.ready(() => {\r\n window.grecaptcha.execute(process.env.REACT_APP_CAPTCHAKEY, { action: 'submit' }).then(token => {\r\n\r\n var datadoc = {\r\n nombres: this.state.datosUsuario.nombres,\r\n apellidos: this.state.datosUsuario.apellidos,\r\n Identificacion: this.state.datosUsuario.identificacion,\r\n filePdf: this.state.pdfData,\r\n tokencapt: token,\r\n //filePdfCedula: this.state.pdfCedulaData,\r\n }\r\n axios.post(`${process.env.REACT_APP_API}api/Solicitud/uploadfile`, datadoc) //guarda el acuerdo pdf firmado\r\n .then(resp => {\r\n //console.log(resp);\r\n this.setState({\r\n idAcFirmaElec: resp.data,\r\n }, () => {\r\n /*REDIRECCIÓN A REGISTRO CONSTRASEÑA PARQ QUE SE CREE DIRECTAMENTE LA CUENTA CON EL ACTIVE DIRECTORY */\r\n this.verFormRegistroContrasenia();\r\n })\r\n this.activebuttonf();\r\n }).catch(error => {\r\n //console.log(error.message);\r\n this.setState({\r\n modalError: {\r\n show: true,\r\n titulo: \"Error en el envio de solicitud\",\r\n mensaje: \"Existio un problema al enviar la solicitud\",\r\n imagen: equis,\r\n }\r\n });\r\n this.activebuttonf();\r\n });\r\n /*var datoscuenta = {\r\n identificacion: this.state.datosUsuario.identificacion,\r\n nombres: this.state.datosUsuario.nombres,\r\n apellidos: this.state.datosUsuario.apellidos,\r\n telefono: this.state.datosUsuario.telefono,\r\n actividad: this.state.datosUsuario.rol,\r\n unidad: this.state.datosUsuario.unidad,\r\n correo: this.state.datosUsuario.correoAlterno,\r\n usuario_sugerido: this.state.datosUsuario.usuario_sugerido,\r\n alias_sugerido: this.state.datosUsuario.alias_sugerido,\r\n }\r\n var DataJson = JSON.stringify(datoscuenta)\r\n var solicitud = {\r\n estado: \"No Revisado\",\r\n identificacion: this.state.datosUsuario.identificacion,\r\n infoSolicitud: DataJson,\r\n Motivo: \"Solicitud a espera de revisión\",\r\n fotoimgRostro: this.state.fotoRostro,\r\n fotoimgCedula: this.state.fotoCedula,\r\n filePdf: this.state.pdfData,\r\n tipoAcuerdo: \"M\"\r\n }\r\n axios.post(`${process.env.REACT_APP_API}api/Solicitud`, solicitud)\r\n .then(resp => {\r\n //this.abrirModalInfo();\r\n console.log(resp);\r\n //var idsolicitud = resp.data.idsccesolicitud;\r\n //this.abrirModalFManualExitosa(); NO ABRO EL MODAL, SINO QUE MUESTRO MODAL DE INGRESAR CONTRASEÑA.\r\n this.setState({\r\n idAcFirmaElec : resp.data.codimgcontrato,\r\n },()=>{\r\n this.verFormRegistroContrasenia(); \r\n })\r\n this.activebuttonf();\r\n }).catch(error => {\r\n console.log(error.message);\r\n this.setState({\r\n modalError: {\r\n show: true,\r\n titulo: \"Error en el envio de solicitud\",\r\n mensaje: \"Exisito un problema al enviar la solicitud\",\r\n imagen: equis,\r\n }\r\n });\r\n this.activebuttonf();\r\n })*/\r\n });\r\n });\r\n } else {\r\n //Para crear una cuenta con firma manual y sube foto de rostro,cedula y pdf firmado manualmente que viene del registro manual (formsolicitud)\r\n //console.log(\"FORMULARIO MANUAL\");\r\n //console.log(this.state.activebutton);\r\n\r\n window.grecaptcha.ready(() => {\r\n window.grecaptcha.execute(process.env.REACT_APP_CAPTCHAKEY, { action: 'submit' }).then(token => {\r\n var f = this.state.pdfData;\r\n\r\n var solicitud = {\r\n estado: this.state.datosUsuario.estado,\r\n identificacion: this.state.datosUsuario.identificacion,\r\n infoSolicitud: this.state.datosUsuario.infoSolicitud,\r\n Motivo: this.state.datosUsuario.Motivo,\r\n fotoimgRostro: this.state.fotoRostro,\r\n fotoimgCedula: this.state.fotoCedula,\r\n filePdf: this.state.pdfData,\r\n tipoAcuerdo: \"M\",\r\n tokencapt: token,\r\n }\r\n\r\n //console.log(\"Crear cuenta solicitud\");\r\n axios.post(`${process.env.REACT_APP_API}api/Solicitud`, solicitud)\r\n .then(resp => {\r\n //this.abrirModalInfo();\r\n //console.log(resp);\r\n this.abrirModalFManualExitosa();\r\n this.activebuttonf();\r\n }).catch(error => {\r\n //console.log(error.message);\r\n this.setState({\r\n modalError: {\r\n show: true,\r\n titulo: \"Error en el envio de solicitud\",\r\n mensaje: \"Existio un problema al enviar la solicitud\",\r\n imagen: equis,\r\n }\r\n });;\r\n this.activebuttonf();\r\n });\r\n });\r\n });\r\n }\r\n }\r\n\r\n\r\n postRectificarDocs = async (e) => {\r\n // console.log(\"postRectificarDocs\");\r\n console.log(this.props.idSolicitud);\r\n e.preventDefault();\r\n this.disabledbuttonf();\r\n\r\n\r\n window.grecaptcha.ready(() => {\r\n window.grecaptcha.execute(process.env.REACT_APP_CAPTCHAKEY, { action: 'submit' }).then(token => {\r\n var solicitud = {\r\n estado: \"Rechazado cc\",\r\n //infoSolicitud: JSON.stringify(infoSolicitud),\r\n Motivo: \"Rechazado cc\",\r\n Identificacion: this.state.datosUsuario.identificacion,\r\n isvalidimgpersona: this.props.documentosValidos.isvalidimgpersona,\r\n isvalidimgtarjeta: this.props.documentosValidos.isvalidimgtarjeta,\r\n isvalidcontrato: this.props.documentosValidos.isvalidcontrato,\r\n fotoimgCedula: this.state.fotoCedula,\r\n fotoimgRostro: this.state.fotoRostro,\r\n filePdf: this.state.pdfData,\r\n tokencapt: token\r\n }\r\n //console.log(solicitud);\r\n\r\n axios.put(`${process.env.REACT_APP_API}api/Solicitud/repalaceDocs/${this.props.idSolicitud}`, solicitud) //PutAsync\r\n .then(resp => {\r\n this.activebuttonf();\r\n console.log(resp.data);\r\n this.abrirModalActualizaciónDocsExitosa();\r\n }).catch(error => {\r\n this.setState({\r\n modalError: {\r\n show: true,\r\n titulo: \"Error en la solicitud de actualización de documentos de la firma del acuerdo manual\",\r\n mensaje: error.response.data.errorMessage,\r\n imagen: equis,\r\n }\r\n });;\r\n this.activebuttonf();\r\n });\r\n });\r\n });\r\n }\r\n\r\n\r\n DataAcuerdo = arcb64 => {\r\n\r\n this.state.acuerdob64 = arcb64;\r\n //console.log(this.state.acuerdob64);\r\n }\r\n\r\n Dataimgrostro = dataimgros => {\r\n if (dataimgros === null) {\r\n console.log(\"No es una foto adecuada del rostro.\");\r\n } else {\r\n this.state.fotoRostro = dataimgros\r\n this.cerrarModalCamararostro();\r\n this.showiconGuardRostroExito();\r\n this.state.actRostro = true;\r\n }\r\n }\r\n\r\n Dataimgcedula = dataimgced => {\r\n //console.log(\"No es una foto adecuada de la cedula\");\r\n if (dataimgced === null) {\r\n console.log(\"No es una foto adecuada de la cedula\");\r\n } else {\r\n this.state.fotoCedula = dataimgced;\r\n this.cerrarModalCamaracedula();\r\n this.showiconGuardCedulaExito();\r\n this.state.actCedula = true;\r\n }\r\n }\r\n\r\n filechoose = chosefile => {\r\n if (chosefile === null) {\r\n console.log(\"No es una foto adecuada de la cedula\");\r\n } else {\r\n console.log(chosefile);\r\n this.state.pdfData = chosefile;\r\n this.cerrarModalSubirPdf();\r\n this.showiconGuardPdfExito();\r\n this.state.actDocPdf = true;\r\n }\r\n }\r\n\r\n filechooseCedula = chosefile => {\r\n console.log(chosefile);\r\n if (chosefile === null) {\r\n console.log(\"No es una foto adecuada de la cedula\");\r\n } else {\r\n console.log(chosefile);\r\n // this.state.pdfCedulaData = chosefile;\r\n this.state.fotoCedula = chosefile;\r\n this.cerrarmodalarchivocedula();\r\n this.showiconGuardPdfExitoCedula();\r\n this.state.actDocPdf = true;\r\n }\r\n }\r\n\r\n handleFile = async (e) => {\r\n let selectedFile = e.target.files[0];\r\n //console.log(selectedFile);\r\n if (selectedFile) {\r\n let reader = new FileReader();\r\n reader.readAsDataURL(selectedFile);\r\n reader.onloadend = (e) => {\r\n this.state.base64FE = e.target.result;\r\n this.setState({ iconChooseFirma: true });\r\n }\r\n //console.log(e);\r\n //console.log(e.target.result);\r\n }\r\n else {\r\n console.log('Seleccione un pdf');\r\n }\r\n }\r\n\r\n handlerPassword = async (e) => {\r\n this.state.pwdFirmaElectronica = e.target.value;\r\n if (this.state.iconChooseFirma && this.state.pwdFirmaElectronica) {\r\n this.setState({ actFirmaElecInter: true });\r\n } else {\r\n this.setState({ actFirmaElecInter: false });\r\n\r\n }\r\n }\r\n\r\n cerrarSesion = async () => {\r\n Cookies.remove(\"token\");\r\n Cookies.remove(\"cas\");\r\n Cookies.remove(\"DatosPersonalesGIA.CAS\");\r\n \r\n }\r\n\r\n render() {\r\n return (\r\n this.state.renderNavigateLogin ? :\r\n (\r\n this.state.verRegistroContrasena ?\r\n \r\n :\r\n (\r\n
\r\n \r\n
\r\n
\r\n
\r\n {this.state.firmadoGeneral ?\r\n (
\r\n \r\n
{this.state.mensaje_titulo}
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
PARA SU CONOCIMIENTO
\r\n
Estimado, en cumplimiento de la Ley Orgánica de Protección de Datos Personales, tiene que aceptar el siguiente acuerdo para poder hacer uso de los sistemas de la institución:
\r\n
\r\n
\r\n
\r\n
\r\n
) :\r\n (
\r\n
\r\n
{this.state.mensaje_titulo}
\r\n
\r\n\r\n
\r\n
A continuación tiene que leer y firmar el acuerdo de uso de medios electrónicos.
\r\n
\r\n
)\r\n }\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
ACUERDO DE USO DE DATOS PERSONALES Y MEDIOS ELECTRÓNICOS PARA EL ALMACENAMIENTO Y USO DE INFORMACIÓN REGISTRADA EN LOS SISTEMAS INFORMÁTICOS DE LA ESPOL.
\r\n
\r\n {/*
\r\n
I.- Autorización para el almacenamiento y uso de información personal registrada en la ESPOL.
\r\n
*/}\r\n
\r\n
La Escuela Superior Politécnica del Litoral – (en adelante ESPOL) es una institución de educación superior, persona jurídica de derecho público, sin fines de lucro, autónoma en lo académico, administrativo, financiero y orgánico, pone en su conocimiento las condiciones de uso, fines y almacenamiento de los datos personales proporcionados por usted; así como, las condiciones de uso del usuario y contraseña de los medios y servicios electrónicos que la ESPOL provee a través del internet.
\r\n
\r\n
\r\n
Declaración de responsabilidad y aceptación de usuario:
\r\n
\r\n
\r\n
Con estos antecedentes. Usted, {this.state.datosUsuario.nombres.toUpperCase()} {this.state.datosUsuario.apellidos.toUpperCase()}, en adelante el Usuario,\r\n con número de identificación {this.state.datosUsuario.identificacion} y usuario {this.state.datosUsuario.usuario_sugerido} en Guayaquil, Ecuador; el día {this.state.fecha.toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })},\r\n declara que:
\r\n \r\n
\r\n\r\n
1) Se compromete a registrar la información requerida por la institución de manera fidedigna y coherente en los sistemas informáticos de la ESPOL.
\r\n\r\n
2) Acepta y autoriza que la ESPOL almacene sus datos personales por tiempo indefinido, y\r\n serán protegidos de acuerdo a la Ley Orgánica de Protección de Datos Personales. Estos\r\n datos podrán ser compartidos con las empresas públicas, fundaciones y empresas con las que \r\n la ESPOL esté relacionada, enmarcado en los fines del tratamiento de datos personales\r\n dispuesto en las políticas de privacidad de la institución.\r\n
\r\n\r\n
3) Acepta y autoriza que la ESPOL haga uso de los datos personales proporcionados, en\r\n concordancia con la Política de Privacidad y en sus términos y condiciones vigentes de la\r\n institución.
\r\n\r\n
4) Conoce que su calidad de usuario de los sistemas informáticos de la ESPOL, permite a la\r\n institución el uso de sus datos personales sensibles de acuerdo a la Ley Orgánica de\r\n Protección de Datos Personales y que los mismos serán utilizados como parte de su registro\r\n académico.
\r\n
5) Conoce que el portal institucional www.espol.edu.ec es de propiedad de la Escuela Superior Politécnica del Litoral.
\r\n
6) Conoce el presente acuerdo y se compromete, a respetar las normas y procedimientos que garanticen la privacidad de la información proporcionada o de la que pudiera tener acceso.
\r\n\r\n
7) Asume la responsabilidad de la información proporcionada; así como también de la vigencia, veracidad, actualización y coherencia de la misma, en cumplimiento de sus obligaciones.
\r\n
8) Conoce que, de incurrir en uso inadecuado de los sistemas informáticos de la institución, la ESPOL tendrá derecho tomar las medidas tecnológicas necesarias sobre el usuario de sus sistemas informáticos para precautelar la seguridad informática de los mismos. También, la institución podrá iniciar medidas administrativas correctivas, en caso de falsedad de la información ingresada, mal uso, vulneración de sistemas, entre otras actividades que pudieran poner en riesgos la confidencialidad de datos bajo responsabilidad y custodia de la ESPOL, sin perjuicio de las acciones judiciales que pudiera iniciar la institución.
\r\n
9) Conoce que la marca ´´ESPOL + logotipo´´ y sus marcas derivadas se encuentran registradas y gozan de protección de los Derechos de Propiedad Intelectual. En caso de requerir su uso, deberá ser autorizado por la institución.
\r\n
10) Conoce que las imágenes, portales, archivos, documentos o cualquier otro material en el que conste la ESPOL + logotipo o sus marcas registradas, es propiedad de la institución, su uso o reproducción deberá ser autorizada, o mencionada dentro del medio para el que se utilice.
\r\n
11) Conoce que el usuario y clave que la institución le asigne es personal e intransferible, su uso en las plataformas web de la ESPOL, tendrá validez jurídica de una firma electrónica, de conformidad a lo indicado en la Ley de Comercio Electrónico, Mensaje de Datos y Firma Electrónica y su Reglamento.
FIRMA MANUAL DE ACUERDO DE USO DE MEDIOS ELECTRÓNICOS
\r\n
INSTRUCCIONES
\r\n
Estimado, en este caso usted tiene que descargar el archivo del acuerdo de uso de medios electrónicos,\r\n {/* descargarlo,*/}\r\n firmarlo con pluma de color azul, escanearlo y posteriormente adjuntarlo en este mismo formulario.\r\n Adicionalmente, tiene que tomarse una foto enfocando solo su rostro.\r\n Capturar o subir una foto del frente y anverso de su cédula.\r\n En ambos casos, se lo tiene que hacer desde la cámara del dispositivo; para finalizar elegir la opción de enviar solicitud.
RECTIFICACIÓN DE DOCUMENTACIÓN DEL ACUERDO DE USO DE MEDIOS ELECTRÓNICOS
\r\n
INSTRUCCIONES
\r\n
Estimado, en este caso usted tiene que descargar el archivo del acuerdo de uso de medios electrónicos,\r\n {/* descargarlo,*/}\r\n firmarlo con pluma de color azul, escanearlo y posteriormente adjuntarlo en este mismo formulario.\r\n Adicionalmente, tiene que tomarse una foto enfocando solo su rostro.\r\n Capturar una foto del frente y anverso de su cédula.\r\n En ambos casos, se lo tiene que hacer desde la cámara del dispositivo; para finalizar elegir la opción de enviar solicitud.
FIRMA ELECTRÓNICA DEL ACUERDO DE USO DE DATOS PERSONALES Y MEDIOS ELECTRÓNICOS PARA EL ALMACENAMIENTO Y USO DE INFORMACIÓN REGISTRADA EN LOS SISTEMAS INFORMÁTICOS DE LA ESPOL
\r\n
INSTRUCCIONES
\r\n
Adjuntar el archivo de su firma electrónica e ingresar la contraseña; para finalizar elegir la opción\r\n de Firmar.
En aproximadamente 1 hora usted podrá acceder a los beneficios de su nueva cuenta electronica,*/}\r\n {/* como el uso de la plataformas Office365, correo electrónico, acceso a la red inalámbrica y sistemas.
*/}\r\n
Su solicitud de creación de cuenta electronica ha sido recibida exitosamente.
\r\n {/*
Tu cuenta de correo electrónico estará habilitada en 60 minutos.
Estimado, si usted tiene dudas respecto a la aceptación del acuerdo de uso de datos personales y medios electrónicos para el almacenamiento y uso de información registrada en los sistemas informáticos de la ESPOL, ponemos a su disposición el correo de consulta datospersonales@espol.edu.ec con el proposito de aclararle sus inquietudes.
Usted aceptó con éxito el acuerdo de uso de datos personales y medios electrónicos para el almacenamiento y uso de información registrada en los sistemas informáticos de la ESPOL.
Le comunicamos que luego de 1 hora su cuenta electrónica se encontrará lista para ser utilizada. Una vez culminado el tiempo, usted podrá acceder a beneficios como uso de la plataforma Office365, correo electrónico, acceso a la red inalámbrica.
\r\n
El siguiente enlace le permitirá hacer uso de su correo electrónico cuando culmine el tiempo de espera:\r\n clic aquí\r\n
\r\n }\r\n\r\n {this.state.modalError &&\r\n \r\n
Error en la Solicitud
\r\n
\r\n \r\n
\r\n\r\n
Error en la solicitud, intentelo mas tarde
\r\n\r\n }\r\n
)\r\n )\r\n }\r\n}\r\n\r\nexport default FormRegistroContrasenia\r\n","export default __webpack_public_path__ + \"static/media/Anuncio.71f3c9dc.svg\";","import React, { Component} from 'react'\r\nimport logo from \"../../assets/logo_espol_interno.svg\";\r\nimport equis from \"../../assets/eliminar.png\"\r\nimport check from \"../../assets/check.png\";\r\nimport info from \"../../assets/Info.png\"\r\nimport \"../../css/FormRegistro.css\";\r\nimport axios from 'axios';\r\nimport FormRegistroContrasenia from './FormRegistroContrasenia';\r\nimport Modal from './Modal';\r\nimport Header from '../components/Header.js';\r\nimport Footer from '../components/Footer.js';\r\nimport anuncio from \"../../assets/Anuncio.svg\";\r\nimport anuncioico from \"../../assets/AnuncioICO.svg\";\r\nimport Acuerdo from './Acuerdo.js'\r\n\r\n\r\nexport class FormRegistro extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n\r\n this.state={\r\n verFormRegistroContrasenia: false,\r\n verAcuerdo: false,\r\n verMensajeConocimiento: false,\r\n modalError:false,\r\n modalIsOpen:false,\r\n modalMensaje: \"\",\r\n mensaje_error_alias:\"\",\r\n datosUsuario:{\r\n id:this.props.id,\r\n identificacion:this.props.identificacion,\r\n nombres:this.props.nombres,\r\n apellidos: this.props.apellidos,\r\n alias_sugerido: this.props.alias_sugerido,\r\n usuarioEscogido:this.props.usuarioEscogido,\r\n listaUsuarios: this.props.usuarios,\r\n correoAlterno: this.props.correoAlterno,\r\n rol: this.props.rol,\r\n telefono: this.props.telefono,\r\n unidad: this.props.unidad,\r\n },\r\n expresiones:{\r\n alias_sugerido: /^[a-z]+[/.][a-z]+$/,\r\n },\r\n errorSolicitud:{\r\n alias_sugerido:\"\"\r\n },\r\n modalSugerencia: {\r\n show: false,\r\n titulo: \"Sugerencia de Alias\",\r\n mensaje: \"Los alias que te sugerimos utilizar es este:\",\r\n imagen: info,\r\n listSug: [],\r\n },\r\n listSugerencia: [],\r\n activebutton: true,\r\n\r\n };\r\n \r\n\r\n this.renderFormRegistroContrasenia=this.renderFormRegistroContrasenia.bind(this);\r\n this.abrirModalInfoGTSI=this.abrirModalInfoGTSI.bind(this);\r\n this.cerrarModalInfoGTSI=this.cerrarModalInfoGTSI.bind(this);\r\n\r\n this.abrirModalError=this.abrirModalError.bind(this);\r\n this.cerrarModalError = this.cerrarModalError.bind(this);\r\n\r\n\r\n this.abrirModalSugerencia = this.abrirModalSugerencia.bind(this);\r\n this.cerrarModalSugerencia = this.cerrarModalSugerencia.bind(this);\r\n\r\n this.abrirMensajeconocimiento = this.abrirMensajeconocimiento.bind(this);\r\n\r\n this.abrirAcuerdo = this.abrirAcuerdo.bind(this);\r\n\r\n this.activebuttonf = this.activebuttonf.bind(this);\r\n this.disabledbuttonf = this.disabledbuttonf.bind(this);\r\n }\r\n\r\n componentWillMount() {\r\n this.props.useEffect();\r\n }\r\n\r\n activebuttonf() {\r\n this.setState({ activebutton: true });\r\n }\r\n\r\n disabledbuttonf() {\r\n this.setState({ activebutton: false });\r\n\r\n }\r\n abrirAcuerdo() {\r\n this.setState({ verAcuerdo: true });\r\n //console.log(\"Ver Acuerdo\");\r\n }\r\n\r\n abrirMensajeconocimiento() {\r\n this.setState({ verMensajeConocimiento: true })\r\n }\r\n\r\n abrirModalSugerencia() {\r\n this.setState({\r\n modalSugerencia: {\r\n ...this.state.modalSugerencia,\r\n show: true\r\n }\r\n });\r\n }\r\n\r\n cerrarModalSugerencia() {\r\n this.setState({\r\n modalSugerencia: {\r\n titulo: \"\",\r\n mensaje: \"\",\r\n imagen: \"\",\r\n listSug: [],\r\n show: false\r\n }\r\n });\r\n //console.log(\"cerrar modal \" + this.state.modalVerificar);\r\n }\r\n\r\n abrirModalError(){\r\n this.setState({modalError:true});\r\n }\r\n\r\n cerrarModalError(){\r\n this.setState({modalError:false})\r\n }\r\n\r\n renderFormRegistroContrasenia(valor){\r\n //console.log(\"cambio->\" , valor);\r\n //console.log(this.state.datosUsuario);\r\n this.setState({verFormRegistroContrasenia:valor})\r\n }\r\n\r\n\r\n\r\n postVerificarAlias =async(e)=>{\r\n console.log(\"postVerificarAlias\");\r\n e.preventDefault();\r\n //this.renderFormRegistroContrasenia(true);\r\n this.disabledbuttonf();\r\n\r\n window.grecaptcha.ready(() => {\r\n window.grecaptcha.execute(process.env.REACT_APP_CAPTCHAKEY, { action: 'submit' }).then(token => {\r\n /*var alias = this.state.datosUsuario.alias_sugerido;\r\n var nombres = this.state.datosUsuario.nombres;\r\n var apellidos = this.state.datosUsuario.apellidos;*/\r\n var datos = {\r\n alias: this.state.datosUsuario.alias_sugerido,\r\n nombres: this.state.datosUsuario.nombres,\r\n apellidos: this.state.datosUsuario.apellidos,\r\n tokencapt: token\r\n }\r\n axios.post(`${process.env.REACT_APP_API}api/CuentaUsuario/verificaralias`, datos)\r\n .then(r => {\r\n\r\n if (r.data.success) {\r\n this.state.mensaje_error_alias = r.data.message;\r\n if (r.data.message === \"El alias ingresado no tiene relación con el nombre o el apellido\" || r.data.message === \"No se ha podido recomendar un alias. Revise que sus nombres y Apellidos esten completos\") {\r\n //console.log(\"existe alias\");\r\n this.state.listSugerencia = [];\r\n this.setState({\r\n modalSugerencia: {\r\n show: true,\r\n titulo: \"Sugerencia de alias\",\r\n mensaje: this.state.mensaje_error_alias,\r\n imagen: info,\r\n listSug: this.state.listSugerencia,\r\n }\r\n });\r\n } else if (r.data.message === \"El alias que ingreso ya se encuentra siendo utilizado. Le sugerimos que utilice el siguientes alias:\") {\r\n this.state.listSugerencia = r.data.lSugerencia;\r\n this.setState({\r\n modalSugerencia: {\r\n show: true,\r\n titulo: \"Sugerencia de alias\",\r\n mensaje: this.state.mensaje_error_alias,\r\n imagen: info,\r\n listSug: this.state.listSugerencia,\r\n }\r\n });\r\n } \r\n } else {\r\n //this.renderFormRegistroContrasenia(true);\r\n this.abrirAcuerdo();\r\n }\r\n this.activebuttonf();\r\n\r\n //if(!r.data.success){\r\n // console.log(\"render form registro contraseña\");\r\n // this.renderFormRegistroContrasenia(true);\r\n //}\r\n //else{\r\n // this.setState({modalMensaje:r.data.message})\r\n // this.abrirModalError();\r\n //}\r\n })\r\n .catch(error=>{\r\n this.setState({modalMensaje:\"Error en la solicitud, intente mas tarde.\"})\r\n this.abrirModalError();\r\n //console.log(error.message);\r\n this.activebuttonf();\r\n });\r\n });\r\n });\r\n \r\n }\r\n\r\n abrirModalInfoGTSI(){\r\n this.setState({modalIsOpen:true});\r\n //console.log(\"abrir modal \"+this.state.modalIsOpen);\r\n }\r\n\r\n cerrarModalInfoGTSI(){\r\n this.setState({modalIsOpen:false});\r\n //console.log(\"cerrar modal \"+this.state.modalIsOpen);\r\n }\r\n \r\n handlerDatosFormRegistro=async(e)=>{\r\n await this.setState({\r\n datosUsuario:{\r\n ...this.state.datosUsuario,\r\n [e.target.name]:e.target.value,\r\n }\r\n })\r\n //console.log(this.state.datosUsuario);\r\n this.handlerOnBlur();\r\n\r\n }\r\n\r\n handlerOnBlur=async()=>{\r\n\r\n if(this.state.datosUsuario.alias_sugerido===\"\"){\r\n await this.setState({errorSolicitud:{\r\n ...this.state.errorSolicitud,\r\n alias_sugerido: \"El campo 'Alias sugerido' es requerido\"\r\n }})\r\n } else if (!this.state.expresiones.alias_sugerido.test(this.state.datosUsuario.alias_sugerido.toLowerCase())){\r\n await this.setState({errorSolicitud:{\r\n ...this.state.errorSolicitud,\r\n alias_sugerido: \"El campo 'Alias sugerido' solo acepta entradas de este tipo: nombre.apellido\",\r\n }})\r\n }else{\r\n this.setState({errorSolicitud:{ \r\n ...this.state.errorSolicitud,\r\n alias_sugerido:\"\"\r\n }})\r\n }\r\n }\r\n\r\n\r\n render() { \r\n return (\r\n\r\n this.state.verAcuerdo ?\r\n \r\n : (\r\n
\r\n