{message}
\r\n } else {\r\n switch (action) {\r\n case LoginActions.Login:\r\n return (Procesando inicio de sesión
);\r\n case LoginActions.LoginCallback:\r\n return (Procesando inicio de sesión
);\r\n case LoginActions.Profile:\r\n case LoginActions.Register:\r\n return ();\r\n default:\r\n throw new Error(`Invalid action '${action}'`);\r\n }\r\n }\r\n }\r\n\r\n async login(returnUrl) {\r\n const state = { returnUrl };\r\n const result = await authService.signIn(state);\r\n switch (result.status) {\r\n case AuthenticationResultStatus.Redirect:\r\n break;\r\n case AuthenticationResultStatus.Success:\r\n await this.navigateToReturnUrl(returnUrl);\r\n break;\r\n case AuthenticationResultStatus.Fail:\r\n this.setState({ message: result.message });\r\n break;\r\n default:\r\n throw new Error(`Invalid status result ${result.status}.`);\r\n }\r\n }\r\n\r\n async processLoginCallback() {\r\n const url = window.location.href;\r\n const result = await authService.completeSignIn(url);\r\n switch (result.status) {\r\n case AuthenticationResultStatus.Redirect:\r\n // There should not be any redirects as the only time completeSignIn finishes\r\n // is when we are doing a redirect sign in flow.\r\n throw new Error('Should not redirect.');\r\n case AuthenticationResultStatus.Success:\r\n await this.navigateToReturnUrl(this.getReturnUrl(result.state));\r\n break;\r\n case AuthenticationResultStatus.Fail:\r\n this.setState({ message: result.message });\r\n break;\r\n default:\r\n throw new Error(`Invalid authentication result status '${result.status}'.`);\r\n }\r\n }\r\n\r\n getReturnUrl(state) {\r\n const params = new URLSearchParams(window.location.search);\r\n const fromQuery = params.get(QueryParameterNames.ReturnUrl);\r\n if (fromQuery && !fromQuery.startsWith(`${window.location.origin}/`)) {\r\n // This is an extra check to prevent open redirects.\r\n throw new Error(\"Invalid return url. The return url needs to have the same origin as the current page.\")\r\n }\r\n return (state && state.returnUrl) || fromQuery || `${window.location.origin}/`;\r\n }\r\n\r\n redirectToRegister() {\r\n this.redirectToApiAuthorizationPath(`${ApplicationPaths.IdentityRegisterPath}?${QueryParameterNames.ReturnUrl}=${encodeURI(ApplicationPaths.Login)}`);\r\n }\r\n\r\n redirectToProfile() {\r\n this.redirectToApiAuthorizationPath(ApplicationPaths.IdentityManagePath);\r\n }\r\n\r\n redirectToApiAuthorizationPath(apiAuthorizationPath) {\r\n const redirectUrl = `${window.location.origin}${apiAuthorizationPath}`;\r\n // It's important that we do a replace here so that when the user hits the back arrow on the\r\n // browser he gets sent back to where it was on the app instead of to an endpoint on this\r\n // component.\r\n window.location.replace(redirectUrl);\r\n }\r\n\r\n navigateToReturnUrl(returnUrl) {\r\n // It's important that we do a replace here so that we remove the callback uri with the\r\n // fragment containing the tokens from the browser history.\r\n window.location.replace(returnUrl);\r\n }\r\n}\r\n","import React from 'react'\r\nimport { Component } from 'react';\r\nimport authService from './AuthorizeService';\r\nimport { AuthenticationResultStatus } from './AuthorizeService';\r\nimport { QueryParameterNames, LogoutActions, ApplicationPaths } from './ApiAuthorizationConstants';\r\n\r\n// The main responsibility of this component is to handle the user's logout process.\r\n// This is the starting point for the logout process, which is usually initiated when a\r\n// user clicks on the logout button on the LoginMenu component.\r\nexport class Logout extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n message: undefined,\r\n isReady: false,\r\n authenticated: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const action = this.props.action;\r\n switch (action) {\r\n case LogoutActions.Logout:\r\n if (!!window.history.state.state.local) {\r\n this.logout(this.getReturnUrl());\r\n } else {\r\n // This prevents regular links to {message}
);\r\n } else {\r\n const action = this.props.action;\r\n switch (action) {\r\n case LogoutActions.Logout:\r\n return (Procesando cierre de sesión
);\r\n case LogoutActions.LogoutCallback:\r\n return (Procesando cierre de sesión
);//callback\r\n case LogoutActions.LoggedOut:\r\n return ({message}
);\r\n default:\r\n throw new Error(`Invalid action '${action}'`);\r\n }\r\n }\r\n }\r\n\r\n async logout(returnUrl) {\r\n const state = { returnUrl };\r\n const isauthenticated = await authService.isAuthenticated();\r\n if (isauthenticated) {\r\n const result = await authService.signOut(state);\r\n switch (result.status) {\r\n case AuthenticationResultStatus.Redirect:\r\n break;\r\n case AuthenticationResultStatus.Success:\r\n await this.navigateToReturnUrl(returnUrl);\r\n break;\r\n case AuthenticationResultStatus.Fail:\r\n this.setState({ message: result.message });\r\n break;\r\n default:\r\n throw new Error(\"Estado de resultado de autenticación no válido\");\r\n }\r\n } else {\r\n this.setState({ message: \"You successfully logged out!\" });\r\n }\r\n }\r\n\r\n async processLogoutCallback() {\r\n const url = window.location.href;\r\n const result = await authService.completeSignOut(url);\r\n switch (result.status) {\r\n case AuthenticationResultStatus.Redirect:\r\n // There should not be any redirects as the only time completeAuthentication finishes\r\n // is when we are doing a redirect sign in flow.\r\n throw new Error('Should not redirect.');\r\n case AuthenticationResultStatus.Success:\r\n await this.navigateToReturnUrl(this.getReturnUrl(result.state));\r\n break;\r\n case AuthenticationResultStatus.Fail:\r\n this.setState({ message: result.message });\r\n break;\r\n default:\r\n throw new Error(\"Invalid authentication result status.\");\r\n }\r\n }\r\n\r\n async populateAuthenticationState() {\r\n const authenticated = await authService.isAuthenticated();\r\n this.setState({ isReady: true, authenticated });\r\n }\r\n\r\n getReturnUrl(state) {\r\n const params = new URLSearchParams(window.location.search);\r\n const fromQuery = params.get(QueryParameterNames.ReturnUrl);\r\n if (fromQuery && !fromQuery.startsWith(`${window.location.origin}/`)) {\r\n // This is an extra check to prevent open redirects.\r\n throw new Error(\"Invalid return url. The return url needs to have the same origin as the current page.\")\r\n }\r\n return (state && state.returnUrl) ||\r\n fromQuery ||\r\n `${window.location.origin}${ApplicationPaths.LoggedOut}`;\r\n }\r\n\r\n navigateToReturnUrl(returnUrl) {\r\n return window.location.replace(returnUrl);\r\n }\r\n}\r\n","import React, { Component, Fragment } from 'react';\r\nimport { Route } from 'react-router';\r\nimport { Login } from './Login'\r\nimport { Logout } from './Logout'\r\nimport { ApplicationPaths, LoginActions, LogoutActions } from './ApiAuthorizationConstants';\r\n\r\nexport default class ApiAuthorizationRoutes extends Component {\r\n\r\n render () {\r\n return(\r\n \r\n \r\n Información \r\n \r\n ¿Está seguro que desea enviar la solicitud?. Una vez enviada, no podrá editar la solicitud.\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n \r\n }\r\n else if (props.state.mensajeModal == \"ModalFirma\") {\r\n\r\n\r\n return (\r\n \r\n \r\n Ejemplo de foto \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 else if (props.state.mensajeModal == \"Ubicacion\") {\r\n\r\n return (\r\n \r\n \r\n \r\n Cómo compartir tu ubicació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 else if (props.state.mensajeModal == \"Direccion\") {\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Información \r\n \r\n {props.state.UbicarPesona}\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n else if (props.state.mensajeModal == \"CodigoPostal\"){\r\n return (\r\n \r\n \r\n Informació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 else if (props.state.mensajeModal == \"ValidarSMS\") {\r\n return (\r\n \r\n
\r\n
\r\n \r\n \r\n Solicitud enviada con éxito \r\n \r\n \r\n \r\n \r\n El código ingresado no es correcto.\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 else {\r\n return (\r\n \r\n\r\n
\r\n \r\n Información \r\n \r\n {props.state.mensajeModal}\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 ModalsAlert;","import React, { useState } from 'react';\r\nimport { Alert,TabContent, TabPane, Nav, NavItem, NavLink, Card, Button, CardTitle, CardText, Row, Col, Container, Form, FormGroup, Label, Input, FormText } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport { FaChevronLeft, FaChevronRight } from 'react-icons/fa';\r\nimport { MdMyLocation } from 'react-icons/md';\r\nimport { FaInfoCircle } from 'react-icons/fa';\r\n\r\n\r\nvar tabActual = 1;\r\nvar tabActualString = 1;\r\nconst TabsForm = (props) => {\r\n const [activeTab, setActiveTab] = useState('1');\r\n let class1 = \"\";\r\n let class2 = \"\";\r\n let class3 = \"\";\r\n \r\n let btnSiguiente = \"btnOculto\";\r\n console.log(props.state)\r\n const toggle = tab => {\r\n console.log(tab)\r\n btnSiguiente = true;\r\n\r\n var element, name, arr;\r\n element = document.querySelectorAll('.btn.btn-success.btnSiguiente')[0]\r\n name = \"btnOculto\";\r\n arr = element.className\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n var i=0\r\n do {\r\n var i = i + 1;\r\n \r\n var elems = document.querySelectorAll(\".nav.nav-tabs li:nth-child(\" + i + \") .row .navActiveButton.textoCentrado\");\r\n\r\n [].forEach.call(elems, function (el) {\r\n el.className = el.className.replace(/\\bActivarMenuItem\\b/, \"\");\r\n });\r\n } while (i < 8);\r\n\r\n if (tab == 1) {\r\n \r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 1);\r\n\r\n\r\n \r\n\r\n }\r\n else if (tab == 2) {\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child('+i+') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 2);\r\n\r\n \r\n\r\n \r\n\r\n }\r\n else if (tab == 3) {\r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 3);\r\n }\r\n else if (tab == 4) {\r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 4);\r\n }\r\n else if (tab == 5) {\r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 5);\r\n }\r\n else if (tab == 6) {\r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 6);\r\n }\r\n else if (tab == 7) {\r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 7);\r\n }\r\n\r\n else if (tab == 8) {\r\n\r\n var elems = document.querySelectorAll(\".btn.btn-success.btnOculto.btnSiguiente\");\r\n\r\n [].forEach.call(elems, function (el) {\r\n el.className = el.className.replace(/\\bbtnOculto\\b/, \"\");\r\n });\r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 8);\r\n }\r\n\r\n\r\n\r\n tabActual = tab\r\n tabActualString = tabActual\r\n if (activeTab !== tab) setActiveTab(tab);\r\n }\r\n \r\n \r\n const handleChangeTabs = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleChangeTabs(e.target.value, e.target.name,props )\r\n \r\n }\r\n\r\n const handleChangehidestatusEdoCivil = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleChangehidestatusEdoCivil(e.target.value, e.target.name, props)\r\n\r\n }\r\n\r\n \r\n const handleChangehideOtroTypeHousing = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleChangehideOtroTypeHousing(e.target.value, e.target.name, props)\r\n\r\n }\r\n const handleChangeDestinodelCredito = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleChangeDestinodelCredito(e.target.value, e.target.name, props)\r\n\r\n }\r\n const handleChangePostalCode = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n console.log(props.state.PostalCode)\r\n props.handleChangePostalCode(props.state.PostalCode,'PostalCode', props)\r\n\r\n }\r\n\r\n const handleChangeMontoPosibleApagar = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleChangeMontoPosibleApagar(e.target.value, e.target.name, props)\r\n\r\n }\r\n const SaveValidateFormAdjunto = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n \r\n \r\n props.SaveValidateFormAdjunto(e.target.value, e.target.name, props)\r\n\r\n }\r\n const displayProcessR = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.displayProcessR()\r\n\r\n }\r\n const handleCheck = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleCheck()\r\n\r\n }\r\n const handleCheckCartaPoder = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleCheckCartaPoder()\r\n\r\n }\r\n\r\n \r\n \r\n\r\n\r\n const cancelarPantalla = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.cancelarPantalla()\r\n\r\n }\r\n\r\n const SaveValidateForm = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.SaveValidateForm()\r\n\r\n }\r\n\r\n const ValidateForm = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.ValidateForm()\r\n\r\n }\r\n\r\n const NavigateNext = (e) => {\r\n\r\n if (tabActual == 8) {\r\n\r\n } else {\r\n tabActual = parseInt(tabActual) + 1\r\n console.log(tabActual)\r\n tabActualString = tabActual;\r\n toggle(tabActualString.toString())\r\n classnames({ active: tabActualString.toString() })\r\n }\r\n \r\n\r\n }\r\n\r\n const NavigateBefore = (e) => {\r\n \r\n if (tabActual == 1) {\r\n\r\n } else {\r\n tabActual = parseInt(tabActual) - 1\r\n console.log(tabActual)\r\n tabActualString = tabActual;\r\n toggle(tabActualString.toString())\r\n classnames({ active: tabActualString.toString() })\r\n }\r\n\r\n }\r\n \r\n const AlertaInfoUbicacion = () => {\r\n\r\n\r\n\r\n props.AlertaInfoUbicacion()\r\n\r\n \r\n }\r\n const UbicarPesona = () => {\r\n\r\n\r\n\r\n props.UbicarPesona()\r\n\r\n console.log(window.UbicacionPersona)\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 \r\n\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default TabsForm;","\r\nimport React, { useState } from 'react';\r\nimport axios from 'axios';\r\nimport { Alert, Container, Col, Form, Row, FormGroup, Label, Input, Button, FormText } from 'reactstrap';\r\n\r\nimport SelectGenero from './Reusables/SelectGenero';\r\nimport SelectVivienda from './Reusables/SelectTipoVivienda';\r\nimport AuthorizeRoute from './api-authorization/AuthorizeRoute';\r\nimport ApiAuthorizationRoutes from './api-authorization/ApiAuthorizationRoutes';\r\nimport { ApplicationPaths } from './api-authorization/ApiAuthorizationConstants';\r\nimport authService from './api-authorization/AuthorizeService';\r\nimport ModalsAlert from './ModalsAlert';\r\nimport Tabs from './Tabs'\r\n\r\n\r\n\r\nclass addCredito extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n business: [],\r\n Id: 0,\r\n UserId:'',\r\n ApellidoP: '',\r\n ApellidoM: '',\r\n Nombres: '',\r\n Genero: '',\r\n lugar_Nacimiento: '',\r\n Nacionalidad: '',\r\n Pais_Nacimiento: '',\r\n RFC_Homoclave: '',\r\n CURP: '',\r\n Fecha_Nacimiento: '',\r\n Num_ident_Oficial_Vigente: '',\r\n Tipo: '',\r\n Correo: '',\r\n AddressDetail: '',\r\n CologneFractionation: '',\r\n NumExt: '',\r\n NumInt: '',\r\n City: '',\r\n PostalCode: '',\r\n DelegationMunicipality: '',\r\n State: '',\r\n Telf_Particular: '',\r\n Telf_Particular2: '',\r\n Cellphone: '',\r\n Cellphone2: '',\r\n MaximumDegreeStudies: '',\r\n MaritalStatus: '',\r\n SpousalRegime: '',\r\n NumEconomicDependents:'',\r\n FullNameSpouse: '',\r\n OccupationSpouse: '',\r\n BusinessSpouse: '',\r\n CellphoneSpouse: '',\r\n CompanyPhoneSpouse: '',\r\n TypeHousing: '',\r\n Otro: '',\r\n YearsResidence: 0,\r\n Empleador: '',\r\n TipodeEmpleo: '',\r\n labelTipo: 'Clave de Elector *',\r\n hidePasaporte:true,\r\n validadorForm:true,\r\n IngresosDeclaradosMensuales: 0,\r\n FechaIngreso: '',\r\n MontoSolicitado: 0,\r\n NumeroParcialidades:0,\r\n MontoPosibleApagar: 0,\r\n DestinodelCredito: '',\r\n OtroDestinodelCredito: '',\r\n hideOtroDestinodelCredito: true,\r\n hideOtroTypeHousing: true,\r\n statusEdoCivil: true,\r\n StatusCartapoder:true,\r\n UsoCredito: '',\r\n NombreCompleto1: '',\r\n Parentesco1: '',\r\n TelfLd1: '',\r\n Telefono1: '',\r\n TelfExt1: '',\r\n NombreCompleto2: '',\r\n Parentesco2: '',\r\n TelfLd2: '',\r\n Telefono2: '',\r\n TelfExt2: '',\r\n NombreCompleto3: '',\r\n Parentesco3: '',\r\n TelfLd3: '',\r\n Telefono3: '',\r\n TelfExt3: '',\r\n Estado: '',\r\n FechaModificacion: '',\r\n Firma: '',\r\n NumAleatorio:10000,\r\n aceptarCondiciones: false,\r\n CartaPoder: false,\r\n errors: {},\r\n Catalogo: [],\r\n Avisos: [],\r\n bloquearCiudad: 'disabled',\r\n Sepomex: [],\r\n mensajeModal: '',\r\n ValidadorSMS: '',\r\n UbicacionPersona: '',\r\n validadorTab1Class: \"textoCentrado navActiveButton ActivarMenuItem\",\r\n validadorTab2Class: \"textoCentrado navActiveButton \",\r\n validadorTab3Class: \"textoCentrado navActiveButton \",\r\n validadorTab4Class: \"textoCentrado navActiveButton \",\r\n validadorTab5Class: \"textoCentrado navActiveButton \",\r\n validadorTab6Class: \"textoCentrado navActiveButton \",\r\n validadorTab7Class: \"textoCentrado navActiveButton \",\r\n validadorTab8Class: \"textoCentrado navActiveButton \",\r\n LatitudAPI: '',\r\n UbicacionAPI:'',\r\n LongitudAPI: '',\r\n Intentos: 0,\r\n FechaVencimiento:'',\r\n modal: false,\r\n deviceUSer:'',\r\n UploadInProcess: false,\r\n MensajeValidador: 'Solicitar código',\r\n hideinputSMS: true,\r\n hideTextSMS: false,\r\n hideBTNinputSMS: false,\r\n hidetextSMS: true,\r\n hidevalidateBTN: true,\r\n hideAprobado: true,\r\n hideEncurso: false,\r\n hidebtnEditartelf: true,\r\n validateTableAlert:true,\r\n \r\n }\r\n this.sendDataServer = this.sendDataServer.bind(this)\r\n this.CerrarModal = this.CerrarModal.bind(this)\r\n \r\n this.BuscarCatalogo = this.BuscarCatalogo.bind(this)\r\n\r\n \r\n }\r\n componentDidMount() {\r\n\r\n this.BuscarCatalogo();\r\n \r\n this.GenerarCodigo();\r\n this._subscription = authService.subscribe(() => this.populateState2());\r\n this.populateState2();\r\n console.log(authService);\r\n\r\n \r\n console.log(this.state)\r\n\r\n ///\r\n\r\n\r\n\r\n \r\n axios.get('GetSaS')\r\n .then(response => {\r\n var azure = response.data.split('@')\r\n window.sas = azure[0];\r\n window.account = azure[1];\r\n\r\n var validador = window.checkParameters()\r\n\r\n\r\n if (validador == true) {\r\n window.getBlobService()\r\n // window.refreshContainer()\r\n window.viewContainer(azure[2])\r\n window.GetTemplate(\"Template/AutorizacionSolicitarReportesCredito.pdf\", \"Template\", 1, \"Descargar Autorización Reporte de Crédito\");\r\n window.GetTemplate(\"Template/AutorizaciónDomiciliaciondePagos.docx\", \"TemplateADP\", 1, \"Descargar Autorización domiciliacion de pagos\");\r\n var element, name, arr;\r\n element = document.querySelectorAll('#root> div > div > .container')[0]\r\n name = \"contenedorAddCredito\";\r\n arr = element.className\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n\r\n }\r\n\r\n \r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n \r\n\r\n //this.BuscarUbicacion();\r\n\r\n \r\n }\r\n async populateState2() {\r\n const [isAuthenticated, user] = await Promise.all([authService.isAuthenticated(), authService.getUser()])\r\n console.log(user)\r\n this.state.UserId = user.sub\r\n this.GetUserCurrent()\r\n // window.refreshBlobList(this.state.UserId)\r\n }\r\n \r\n\r\n cancelarPantalla = () => {\r\n\r\n let validacion = window.confirm(\"¿Está seguro que desea cancelar la solicitud?. Se perderán los cambios no guardados\");\r\n if (validacion == true) {\r\n if (this.state.Id == 0) {\r\n\r\n window.history.back();\r\n } else {\r\n alert(\"se eliminaran los blow\")\r\n\r\n }\r\n // this.props.history.push('/VerCreditos')\r\n \r\n } else {\r\n\r\n }\r\n }\r\n GetUserCurrent = () => {\r\n\r\n axios.get('/Api/Usuario/Usuariodetails?idUsuario=' + this.state.UserId)\r\n .then(response => {\r\n console.log(response);\r\n console.log(response.data);\r\n this.setState({\r\n ApellidoP: response.data.lastName,\r\n Empleador: response.data.company,\r\n Nombres: response.data.name,\r\n ApellidoM: response.data.secondLastName,\r\n Genero: response.data.gender ,\r\n lugar_Nacimiento: response.data.cityofBirth ,\r\n Nacionalidad: response.data.nationality ,\r\n Pais_Nacimiento: response.data.countryofBirth ,\r\n RFC_Homoclave: response.data.rfc ,\r\n CURP: response.data.curp ,\r\n Fecha_Nacimiento: response.data.dob ,\r\n Num_ident_Oficial_Vigente: response.data.officialIdNumber ,\r\n Tipo: response.data.officialIdType ,\r\n Correo: response.data.email, \r\n Telf_Particular: response.data.phoneNumber, \r\n \r\n OfficialIdNumber2: response.data.officialIdNumber2,\r\n OfficialIdNumber3: response.data.officialIdNumber3\r\n })\r\n\r\n\r\n if (this.state.Tipo == \"INE/IFE\") {\r\n\r\n this.setState({\r\n labelTipo: \"Clave de Elector*\",\r\n hidePasaporte: false\r\n })\r\n } else {\r\n\r\n this.setState({\r\n labelTipo: \"Número de Pasaporte*\",\r\n hidePasaporte: true\r\n })\r\n }\r\n //alert(response.data.dob)\r\n var fecha = response.data.dob.split('T')\r\n var fechaFinal = fecha[0].split('-')\r\n this.setState({\r\n Fecha_Nacimiento: fechaFinal[2] + '-' + fechaFinal[1] + '-' + fechaFinal[0]\r\n \r\n })\r\n \r\n this.buscarSolicitudes()\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n //\r\n }\r\n\r\n\r\n BuscarAviso() {\r\n\r\n axios.get('/Api/Settings/GetAvisos')\r\n .then(response => {\r\n\r\n\r\n this.setState({ Avisos: response.data });\r\n console.log(this.state.Avisos)\r\n\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n\r\n }\r\n\r\n\r\n BuscarCatalogo() {\r\n \r\n axios.get('/Api/Settings/GetCatalogo')\r\n .then(response => {\r\n\r\n \r\n this.setState({ Catalogo: response.data });\r\n console.log(this.state.Catalogo)\r\n this.BuscarAviso();\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n \r\n }\r\n \r\n\r\n handleChangePostalCode = (value, name, props) => {\r\n\r\n //alert('el codigo introducido es el ' + this.state.PostalCode)\r\n\r\n\r\n if (value== '') {\r\n\r\n alert(this.state.PostalCode + \" is not a number \r\n
\r\n
\r\n
\r\n DATOS PERSONALES
\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 INFORMACIÓN DEL CÓNYUGE
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n INFORMACIÓN DE DOMICILIO
\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 INFORMACIÓN LABORAL
\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n INFORMACION DEL CRÉDITO SOLICITADO
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n REFERENCIAS PERSONALES
\r\n\r\n
\r\n REFERENCIAS PERSONALES
(Familiares o amigos, mayores de 18 años que vivan en la misma ciudad en diferente residencia)
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n DOCUMENTOS
\r\n\r\n
\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n This is a success alert — check it out!\r\n \r\n \r\n This is a danger alert — check it out!\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 This is a success alert — check it out!\r\n \r\n \r\n This is a danger alert — check it out!\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 This is a success alert — check it out!\r\n \r\n \r\n This is a danger alert — check it out!\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n This is a success alert — check it out!\r\n \r\n \r\n This is a danger alert — check it out!\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 This is a success alert — check it out!\r\n \r\n \r\n This is a danger alert — check it out!\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 This is a success alert — check it out!\r\n \r\n \r\n This is a danger alert — check it out!\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n This is a success alert — check it out!\r\n \r\n \r\n This is a danger alert — check it out!\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
- Se debe adjuntar el documento en formato jpg,png,bpm, pdf.
\r\n \r\n \r\n
\r\n AUTORIZACIÓ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 {item.titulo}
)}\r\n \r\n {item.valor}
{item.titulo}
)}\r\n \r\n {item.valor}
{item.titulo}
)}\r\n \r\n {item.valor}
\r\n
- Crédito sujeto al cumplimiento de requisitos, verificación de datos y análisis crediticio.
\r\n\r\n \r\n \r\n
\r\n COMPARTIR LOCALIZACIÓ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 {item.titulo}
)}\r\n \r\n\r\n {item.valor}
\r\n
\r\n \r\n \r\n
- Los campos marcados con (*) son obligatorios
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\");\r\n } else {\r\n\r\n if (isNaN(value)) {\r\n alert(value + \" no es un codigo postal.
\");\r\n this.setState({ PostalCode: '' });\r\n\r\n this.setState({ State: ''})\r\n this.setState({ DelegationMunicipality: '' })\r\n this.setState({ City: '' })\r\n\r\n } else {\r\n //alert(this.state.PostalCode + \" is a number
\");\r\n this.BuscarCodigoPostalSEPOMEX(value)\r\n }\r\n\r\n }\r\n \r\n }\r\n\r\n\r\n \r\n\r\n BuscarCodigoPostalSEPOMEX(value) {\r\n // alert(this.state.PostalCode + \"buscando\");\r\n axios.get('/Api/Settings/Sepomex?id=' + value)\r\n .then(response => {\r\n console.log(response.data)\r\n\r\n\r\n this.setState({ Sepomex: response.data });\r\n\r\n \r\n\r\n if (response.data.length > 0) {\r\n\r\n this.setState({ State: response.data[0].dEstado })\r\n this.setState({ DelegationMunicipality: response.data[0].dMnpio })\r\n\r\n if (response.data[0].dCiudad == \"\" || response.data[0].dCiudad == null || response.data[0].dCiudad == \"null\") {\r\n this.setState({ bloquearCiudad: '' })\r\n this.setState({ City: '' })\r\n } else {\r\n this.setState({ bloquearCiudad: 'disabled' })\r\n this.setState({ City: response.data[0].dCiudad })\r\n }\r\n } else {\r\n this.setState({ State: '' })\r\n this.setState({ City: '' })\r\n this.setState({ DelegationMunicipality: '' })\r\n\r\n this.setState({\r\n mensajeModal: \"CodigoPostal\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n }\r\n \r\n \r\n \r\n console.log(response.data )\r\n\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n\r\n }\r\n \r\n\r\n buscarSolicitudes = () => {\r\n\r\n axios.get('/Api/Credito/CreditodetailsUsuario?idEmpleado=' + this.state.UserId)\r\n .then(response => {\r\n \r\n \r\n if (this.verificarSolicitudes(response) == true) {\r\n // alert(\"Usted ya tiene una solicitud en proceso. Solo se permite una solicitud activa a la vez.\")\r\n \r\n //\r\n \r\n this.setState({\r\n mensajeModal: \"Usted ya tiene una solicitud en proceso. Solo se permite una solicitud activa a la vez.\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n }\r\n \r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n }\r\n\r\n\r\n verificarSolicitudes(response) {\r\n console.log(response.data[0])\r\n for (var i = 0; i < response.data.length; i++) {\r\n console.log(response.data[i].estado)\r\n if (response.data[i].estado == \"GUARDADO\" || response.data[i].estado == \"GUARDADO POR EL SISTEMA\" || response.data[i].estado == \"EN REVISIÓN\"\r\n || response.data[i].estado == \"REQUIERE CAMBIOS\"\r\n || response.data[i].estado == \"EN REVISIÓN FIRMA Y SELFIE\" || response.data[i].estado == \"CONTRATO ANEXADO\"\r\n || response.data[i].estado == \"REQUIERE CAMBIOS EN FIRMA O SELFIE\") {\r\n this.setState({ EstadoSolicitudEnProceso: true })\r\n return true;\r\n }\r\n\r\n }\r\n return false;\r\n\r\n }\r\n\r\n\r\n\r\n CerrarModal = () => {\r\n if (this.state.mensajeModal == \"Usted ya tiene una solicitud en proceso. Solo se permite una solicitud activa a la vez.\") {\r\n\r\n\r\n this.props.history.push('/')\r\n } else {\r\nthis.setState({\r\n modal: false\r\n\r\n })\r\n }\r\n \r\n }\r\n\r\n\r\n\r\n getUserDeviceInfo = () => {\r\n\r\n\r\n\r\n var module = {\r\n options: [],\r\n header: [navigator.platform, navigator.userAgent, navigator.appVersion, navigator.vendor, window.opera],\r\n dataos: [\r\n { name: 'Windows Phone', value: 'Windows Phone', version: 'OS' },\r\n { name: 'Windows', value: 'Win', version: 'NT' },\r\n { name: 'iPhone', value: 'iPhone', version: 'OS' },\r\n { name: 'iPad', value: 'iPad', version: 'OS' },\r\n { name: 'Kindle', value: 'Silk', version: 'Silk' },\r\n { name: 'Android', value: 'Android', version: 'Android' },\r\n { name: 'PlayBook', value: 'PlayBook', version: 'OS' },\r\n { name: 'BlackBerry', value: 'BlackBerry', version: '/' },\r\n { name: 'Macintosh', value: 'Mac', version: 'OS X' },\r\n { name: 'Linux', value: 'Linux', version: 'rv' },\r\n { name: 'Palm', value: 'Palm', version: 'PalmOS' }\r\n ],\r\n databrowser: [\r\n { name: 'Chrome', value: 'Chrome', version: 'Chrome' },\r\n { name: 'Firefox', value: 'Firefox', version: 'Firefox' },\r\n { name: 'Safari', value: 'Safari', version: 'Version' },\r\n { name: 'Internet Explorer', value: 'MSIE', version: 'MSIE' },\r\n { name: 'Opera', value: 'Opera', version: 'Opera' },\r\n { name: 'BlackBerry', value: 'CLDC', version: 'CLDC' },\r\n { name: 'Mozilla', value: 'Mozilla', version: 'Mozilla' }\r\n ],\r\n init: function () {\r\n var agent = this.header.join(' '),\r\n os = this.matchItem(agent, this.dataos),\r\n browser = this.matchItem(agent, this.databrowser);\r\n\r\n return { os: os, browser: browser };\r\n },\r\n matchItem: function (string, data) {\r\n var i = 0,\r\n j = 0,\r\n html = '',\r\n regex,\r\n regexv,\r\n match,\r\n matches,\r\n version;\r\n\r\n for (i = 0; i < data.length; i += 1) {\r\n regex = new RegExp(data[i].value, 'i');\r\n match = regex.test(string);\r\n if (match) {\r\n regexv = new RegExp(data[i].version + '[- /:;]([\\\\d._]+)', 'i');\r\n matches = string.match(regexv);\r\n version = '';\r\n if (matches) { if (matches[1]) { matches = matches[1]; } }\r\n if (matches) {\r\n matches = matches.split(/[._]+/);\r\n for (j = 0; j < matches.length; j += 1) {\r\n if (j === 0) {\r\n version += matches[j] + '.';\r\n } else {\r\n version += matches[j];\r\n }\r\n }\r\n } else {\r\n version = '0';\r\n }\r\n return {\r\n name: data[i].name,\r\n version: parseFloat(version)\r\n };\r\n }\r\n }\r\n return { name: 'unknown', version: 0 };\r\n }\r\n };\r\n\r\n var e = module.init(),\r\n debug = '';\r\n\r\n\r\n debug += 'os.name:' + e.os.name + ' |-| ';\r\n debug += 'os.version:' + e.os.version + ' |-| ';\r\n debug += 'browser.name:' + e.browser.name + ' |-| ';\r\n debug += 'browser.version:' + e.browser.version + ' |-| ';\r\n debug += 'navigator.userAgent:' + navigator.userAgent + ' |-| ';\r\n debug += 'navigator.appVersion:' + navigator.appVersion + ' |-| ';\r\n debug += 'navigator.platform:' + navigator.platform + ' |-| ';\r\n debug += 'navigator.vendor:' + navigator.vendor;\r\n\r\n\r\n this.setState({ deviceUSer: debug })\r\n }\r\n ValidateForm = () => {\r\n\r\n\r\n this.setState({ validadorTab6Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab7Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab8Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n\r\n\r\n this.setState({ UbicacionAPI: document.getElementById('UbicacionAPI').value })\r\n\r\n this.setState({ LongitudAPI: document.getElementById('LongitudAPI').value })\r\n this.setState({ LatitudAPI: document.getElementById('LatitudAPI').value})\r\n console.log(document.getElementById('UbicacionAPI').value)\r\n\r\n console.log(this.state)\r\n\r\n \r\n // this.setState({\r\n // mensajeModal: \"ValidarSMS\"\r\n\r\n //})\r\n //this.setState({\r\n // modal: true\r\n\r\n //})\r\n\r\n\r\n \r\n \r\n\r\n if (document.getElementById('LongitudAPI').value == \"\" ||\r\n document.getElementById('LatitudAPI').value == \"\" ||\r\n document.getElementById('UbicacionAPI').value == \"\" ) {\r\n\r\n this.setState({ validadorTab8Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n }\r\n \r\n \r\n this.VAlidarCamposForm()\r\n\r\n\r\n\r\n if (this.state.Firma !== this.state.Nombres.toString().toUpperCase() + \" \" + this.state.ApellidoP.toString().toUpperCase() + \" \" + this.state.ApellidoM.toString().toUpperCase()) {\r\n // alert('Para continuar debe escribir su nombre(s) y apellido(s) igual al registrado en el sistema');\r\n this.setState({ validadorTab7Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n }\r\n\r\n\r\n\r\n console.log(document.querySelectorAll('.intent').length)\r\n if (document.querySelectorAll('.intent0').length <= 0 || document.querySelectorAll('.intent1').length <= 0\r\n || document.querySelectorAll('.intent2').length <= 0 || document.querySelectorAll('.intent4').length <= 0\r\n || document.querySelectorAll('.intent8').length <= 0 || document.querySelectorAll('.intent9').length <= 0\r\n // || (this.state.CartaPoder == true && document.querySelectorAll('.intent10').length <= 0)\r\n ) {\r\n\r\n this.setState({ validadorTab6Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n\r\n this.setState({\r\n mensajeModal: \"Debe adjuntar los documentos requeridos \"\r\n\r\n })\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n\r\n \r\n \r\n\r\n \r\n \r\n }\r\n else {\r\n\r\n \r\n \r\n if (this.state.Firma.toUpperCase() !== this.state.Nombres.toString().toUpperCase() + \" \" + this.state.ApellidoP.toString().toUpperCase() + \" \" + this.state.ApellidoM.toString().toUpperCase() ) {\r\n // alert('Para continuar debe escribir su nombre(s) y apellido(s) igual al registrado en el sistema');\r\n\r\n this.setState({\r\n mensajeModal: \"Para continuar debe escribir su nombre(s) y apellido(s) igual al registrado en el sistema\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n }\r\n else {\r\n\r\n if (this.state.aceptarCondiciones == true) {\r\n this.IniciarProceso()\r\n this.setState({ validadorTab7Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n }\r\n else {\r\n this.setState({ validadorTab7Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({\r\n mensajeModal: \"Para continuar debe aceptar la Autorización para uso de la información\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n //alert('Para continuar debe aceptar la Autorización para uso de la información.');\r\n\r\n }\r\n }\r\n }\r\n }\r\n\r\n SaveValidateForm = () => {\r\n\r\n\r\n if(this.state.Id == 0) {\r\n this.addCredito(\"GUARDADO\");\r\n\r\n } else {\r\n\r\n this.UpdateCredito(\"GUARDADO\");\r\n }\r\n \r\n\r\n \r\n \r\n }\r\n\r\n\r\n BuscarUbicacion() {\r\n // alert(this.state.PostalCode + \"buscando\");\r\n axios.get('/Api/Credito/GetLastLocation?idsolicitud=' + this.state.IdSolicitud)\r\n .then(response => {\r\n console.log(response.data)\r\n\r\n\r\n if (response.data.length > 0) {\r\n this.setState({ Intentos: response.data.intentos });\r\n this.setState({ FechaVencimiento: response.data.fechaVencimiento });\r\n\r\n\r\n } else {\r\n this.setState({ Intentos: 0 });\r\n this.setState({ FechaVencimiento: new Date() });\r\n\r\n\r\n }\r\n\r\n\r\n\r\n console.log(this.state)\r\n\r\n\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n console.log(this.state)\r\n\r\n }\r\n\r\n addCredito(estadoSolicitud) {\r\n console.log(estadoSolicitud);\r\n const solicitud = {\r\n Id: parseInt(0),\r\n UserId: this.state.UserId\r\n };\r\n const address = {\r\n IdSolicitud: 0,\r\n\r\n AddressDetail: this.state.AddressDetail,\r\n CologneFractionation: this.state.CologneFractionation,\r\n PostalCode: this.state.PostalCode,\r\n NumExt: this.state.NumExt,\r\n NumInt: this.state.NumInt,\r\n PostalCode: this.state.PostalCode,\r\n DelegationMunicipality: this.state.DelegationMunicipality,\r\n State: this.state.State,\r\n Cellphone: this.state.Cellphone2,\r\n TypeHousing: this.state.TypeHousing,\r\n YearsResidence: parseInt(this.state.YearsResidence.toString())\r\n\r\n\r\n };\r\n const credito = {\r\n IdSolicitud: 0,\r\n MontoSolicitado: parseFloat(this.state.MontoSolicitado.toString()),\r\n NumeroParcialidades: parseFloat(this.state.NumeroParcialidades.toString()),\r\n MontoPosibleApagar: parseFloat(this.state.MontoPosibleApagar.toString()),\r\n UsoCredito: this.state.UsoCredito,\r\n Estado: estadoSolicitud,\r\n DestinodelCredito: this.state.DestinodelCredito,\r\n OtroDestinodelCredito: this.state.OtroDestinodelCredito,\r\n FechaModificacion: new Date()\r\n };\r\n\r\n const laboral = {\r\n IdSolicitud: 0,\r\n Empleador: this.state.Empleador,\r\n TipodeEmpleo: this.state.TipodeEmpleo,\r\n IngresosDeclaradosMensuales: parseFloat(this.state.IngresosDeclaradosMensuales.toString()),\r\n FechaIngreso: this.state.FechaIngreso\r\n };\r\n\r\n const referencias = {\r\n IdSolicitud: 0,\r\n NombreCompleto1: this.state.NombreCompleto1,\r\n Parentesco1: this.state.Parentesco1,\r\n TelfLd1: this.state.TelfLd1,\r\n Telefono1: this.state.Telefono1,\r\n TelfExt1: this.state.TelfExt1,\r\n NombreCompleto2: this.state.NombreCompleto2,\r\n Parentesco2: this.state.Parentesco2,\r\n TelfLd2: this.state.TelfLd2,\r\n Telefono2: this.state.Telefono2,\r\n TelfExt2: this.state.TelfExt2,\r\n NombreCompleto3: this.state.NombreCompleto3,\r\n Parentesco3: this.state.Parentesco3,\r\n TelfLd3: this.state.TelfLd3,\r\n Telefono3: this.state.Telefono3,\r\n TelfExt3: this.state.TelfExt3,\r\n };\r\n const demographic = {\r\n IdSolicitud: 0,\r\n MaximumDegreeStudies: this.state.MaximumDegreeStudies,\r\n MaritalStatus: this.state.MaritalStatus,\r\n SpousalRegime: this.state.SpousalRegime,\r\n NumEconomicDependents: this.state.NumEconomicDependents,\r\n FullNameSpouse: this.state.FullNameSpouse,\r\n OccupationSpouse: this.state.OccupationSpouse,\r\n BusinessSpouse: this.state.BusinessSpouse,\r\n CellphoneSpouse: this.state.CellphoneSpouse,\r\n CompanyPhoneSpouse: this.state.CompanyPhoneSpouse\r\n };\r\n var d = new Date()\r\n const ubicacion = {\r\n IdSolicitud: 0,\r\n Latitud: this.state.LatitudAPI,\r\n Longitud: this.state.LongitudAPI,\r\n Direccion: this.state.UbicacionAPI,\r\n InfoDevice: this.state.deviceUSer,\r\n Intentos: parseInt(this.state.Intentos),\r\n FechaVencimiento: new Date()\r\n };\r\n const AspNetUsers = {\r\n IdSolicitud: 0,\r\n PhoneNumber: this.state.Telf_Particular\r\n \r\n };\r\n\r\n\r\n const obj = {\r\n solicitud: solicitud,\r\n credito: credito,\r\n laboral: laboral,\r\n referencias: referencias,\r\n address: address,\r\n demographic: demographic,\r\n ubicacion: ubicacion,\r\n AspNetUsers: AspNetUsers\r\n }\r\n console.log(obj)\r\n //carga de la solicitud\r\n axios.post('/Api/Credito/AddSolicitud/', obj).then(json => {\r\n console.log(json.data)\r\n //if (json.data.status === 'Success') {\r\n console.log(json.data.message);\r\n // obj.credito.IdSolicitud = json.data.Message;\r\n this.setState({ ['Id']: json.data.id })\r\n // this.props.history.push('/VerCreditos')\r\n\r\n //this.uploadBlobByStreamR\r\n //}\r\n\r\n }).catch(error => {\r\n console.log(error.response)\r\n });\r\n\r\n\r\n\r\n }\r\n\r\n\r\n\r\n SaveValidateFormAdjunto = (value, name, props) => {\r\n\r\n var btnaDjunto = value\r\n if (document.getElementById(\"files\" + value).files.length == 0) {\r\n \r\n\r\n this.setState({\r\n mensajeModal: \"No ha seleccionado un archivo.\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n }\r\n else {\r\n \r\n if (value == 0) {\r\n //this.wait(3000)\r\n this.setState({ UploadInProcess: true })\r\n\r\n } else {\r\n\r\n this.setState({ UploadInProcess: false })\r\n\r\n\r\n }\r\n this.addCreditoAdjunto(\"GUARDADO\", btnaDjunto);\r\n\r\n }\r\n \r\n \r\n\r\n }\r\n addCreditoAdjunto(estadoSolicitud, btnaDjunto) {\r\n \r\n console.log(estadoSolicitud);\r\n const solicitud = {\r\n Id: parseInt(0),\r\n UserId: this.state.UserId\r\n };\r\n const address = {\r\n IdSolicitud: 0,\r\n\r\n AddressDetail: this.state.AddressDetail,\r\n CologneFractionation: this.state.CologneFractionation,\r\n PostalCode: this.state.PostalCode,\r\n NumExt: this.state.NumExt,\r\n NumInt: this.state.NumInt,\r\n PostalCode: this.state.PostalCode,\r\n DelegationMunicipality: this.state.DelegationMunicipality,\r\n State: this.state.State,\r\n Cellphone: this.state.Cellphone2,\r\n TypeHousing: this.state.TypeHousing,\r\n YearsResidence: parseInt(this.state.YearsResidence.toString())\r\n\r\n\r\n };\r\n const credito = {\r\n IdSolicitud: 0,\r\n MontoSolicitado: parseFloat(this.state.MontoSolicitado.toString()),\r\n NumeroParcialidades: parseFloat(this.state.NumeroParcialidades.toString()),\r\n MontoPosibleApagar: parseFloat(this.state.MontoPosibleApagar.toString()),\r\n UsoCredito: this.state.UsoCredito,\r\n Estado: estadoSolicitud,\r\n DestinodelCredito: this.state.DestinodelCredito,\r\n OtroDestinodelCredito: this.state.OtroDestinodelCredito,\r\n FechaModificacion: new Date()\r\n };\r\n\r\n const laboral = {\r\n IdSolicitud: 0,\r\n Empleador: this.state.Empleador,\r\n TipodeEmpleo: this.state.TipodeEmpleo,\r\n IngresosDeclaradosMensuales: parseFloat(this.state.IngresosDeclaradosMensuales.toString()),\r\n FechaIngreso: this.state.FechaIngreso\r\n };\r\n\r\n const referencias = {\r\n IdSolicitud: 0,\r\n NombreCompleto1: this.state.NombreCompleto1,\r\n Parentesco1: this.state.Parentesco1,\r\n TelfLd1: this.state.TelfLd1,\r\n Telefono1: this.state.Telefono1,\r\n TelfExt1: this.state.TelfExt1,\r\n NombreCompleto2: this.state.NombreCompleto2,\r\n Parentesco2: this.state.Parentesco2,\r\n TelfLd2: this.state.TelfLd2,\r\n Telefono2: this.state.Telefono2,\r\n TelfExt2: this.state.TelfExt2,\r\n NombreCompleto3: this.state.NombreCompleto3,\r\n Parentesco3: this.state.Parentesco3,\r\n TelfLd3: this.state.TelfLd3,\r\n Telefono3: this.state.Telefono3,\r\n TelfExt3: this.state.TelfExt3,\r\n };\r\n const demographic = {\r\n IdSolicitud: 0,\r\n MaximumDegreeStudies: this.state.MaximumDegreeStudies,\r\n MaritalStatus: this.state.MaritalStatus,\r\n SpousalRegime: this.state.SpousalRegime,\r\n NumEconomicDependents: this.state.NumEconomicDependents,\r\n FullNameSpouse: this.state.FullNameSpouse,\r\n OccupationSpouse: this.state.OccupationSpouse,\r\n BusinessSpouse: this.state.BusinessSpouse,\r\n CellphoneSpouse: this.state.CellphoneSpouse,\r\n CompanyPhoneSpouse: this.state.CompanyPhoneSpouse\r\n };\r\n var d = new Date()\r\n const ubicacion = {\r\n IdSolicitud: 0,\r\n Latitud: this.state.LatitudAPI,\r\n Longitud: this.state.LongitudAPI,\r\n Direccion: this.state.UbicacionAPI,\r\n InfoDevice: this.state.deviceUSer,\r\n Intentos: parseInt(this.state.Intentos),\r\n FechaVencimiento: new Date()\r\n };\r\n\r\n const AspNetUsers = {\r\n IdSolicitud: 0,\r\n PhoneNumber: this.state.Telf_Particular\r\n\r\n };\r\n\r\n const obj = {\r\n solicitud: solicitud,\r\n credito: credito,\r\n laboral: laboral,\r\n referencias: referencias,\r\n address: address,\r\n demographic: demographic,\r\n ubicacion: ubicacion,\r\n AspNetUsers: AspNetUsers\r\n }\r\n console.log(obj)\r\n console.log(btnaDjunto)\r\n //carga de la solicitud\r\n //if (btnaDjunto > 0 && this.state.Id == 0) {\r\n // this.wait(3000)\r\n //}\r\n if (btnaDjunto !== \"\") {\r\n if (this.state.Id == 0) {\r\n //this.wait(3000)\r\n\r\n this.setState({ UploadInProcess: true })\r\n\r\n } else {\r\n\r\n this.setState({ UploadInProcess: false })\r\n\r\n\r\n }\r\n }\r\n if (this.state.Id == 0) {\r\n \r\n axios.post('/Api/Credito/AddSolicitud/', obj).then(json => {\r\n console.log(json.data)\r\n\r\n console.log(json.data.message);\r\n\r\n\r\n this.setState({ ['Id']: json.data.id } )\r\n console.log()\r\n console.log(this.state)\r\n\r\n if (btnaDjunto !== \"\") {\r\n\r\n window.uploadBlobByStream(false, this.state.UserId, btnaDjunto, json.data.id)\r\n\r\n\r\n\r\n this.setState({ UploadInProcess: false })\r\n\r\n }\r\n \r\n\r\n \r\n\r\n }).catch(error => {\r\n console.log(error.response)\r\n });\r\n\r\n }\r\n\r\n\r\n else {\r\n if (btnaDjunto !== \"\") {\r\n window.uploadBlobByStream(false, this.state.UserId, btnaDjunto, this.state.Id)\r\n }\r\n }\r\n \r\n\r\n\r\n }\r\n wait(ms) {\r\n var start = new Date().getTime();\r\n var end = start;\r\n while (end < start + ms) {\r\n end = new Date().getTime();\r\n }\r\n }\r\n\r\n handleChangeMontoPosibleApagar = (value, name, props) => {\r\n this.setState({ [name]: value });\r\n var valorMontoaPagar = value;\r\n var MontoIngreso = props.state.IngresosDeclaradosMensuales\r\n\r\n if (MontoIngreso*0.30< valorMontoaPagar) {\r\n \r\n this.setState({\r\n mensajeModal: \"El monto excede al permitido. El monto maximo a pagar debe ser menor o igual al 30% de los ingresos declarados mensuales\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n this.setState({ [name]: 0 });\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 VAlidarCamposForm = () => {\r\n // e.preventDefault();\r\n let error = {};\r\n let validador = true;\r\n this.setState({ errors: {} });\r\n\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab3Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab6Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab7Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab8Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n\r\n if (this.state.FechaIngreso == \"\") {\r\n error[\"Error_FechaIngreso\"] = \"Debe seleccionar una fecha valida.\";\r\n this.setState({ validadorTab3Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n\r\n validador = false;\r\n }\r\n\r\n\r\n if (this.state.Genero == null) {\r\n error[\"Error_Genero\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.lugar_Nacimiento == null) {\r\n error[\"Error_lugar_Nacimiento\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n this.setState({ validadorTab1: false });\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n\r\n\r\n }\r\n if (this.state.Nacionalidad == null) {\r\n error[\"Error_Nacionalidad\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Pais_Nacimiento == null) {\r\n error[\"Error_Pais_Nacimiento\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.RFC_Homoclave == null) {\r\n error[\"Error_RFC_Homoclave\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.CURP == null) {\r\n error[\"Error_CURP\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Fecha_Nacimiento == null) {\r\n error[\"Error_Fecha_Nacimiento\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Num_ident_Oficial_Vigente == null) {\r\n error[\"Error_Num_ident_Oficial_Vigente\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Tipo == null) {\r\n error[\"Error_Tipo\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Telf_Particular == null) {\r\n error[\"Error_Telf_Particular\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n //if (this.state.Empleador == \"\") {\r\n // error[\"Error_Empleador\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.TipodeEmpleo == \"\") {\r\n error[\"Error_TipodeEmpleo\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab3Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.IngresosDeclaradosMensuales == \"\") {\r\n error[\"Error_IngresosDeclaradosMensuales\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab3Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.MontoSolicitado == \"\") {\r\n error[\"Error_MontoSolicitado\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NumeroParcialidades == \"\") {\r\n error[\"Error_NumeroParcialidades\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.MontoPosibleApagar == \"\") {\r\n error[\"Error_MontoPosibleApagar\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.UsoCredito == \"\") {\r\n error[\"Error_UsoCredito\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NombreCompleto1 == \"\") {\r\n error[\"Error_NombreCompleto1\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Parentesco1 == \"\") {\r\n error[\"Error_Parentesco1\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfLd1 == \"\") {\r\n // error[\"Error_TelfLd1\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Telefono1 == \"\") {\r\n error[\"Error_Telefono1\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfExt1 == \"\") {\r\n // error[\"Error_TelfExt1\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.NombreCompleto2 == \"\") {\r\n error[\"Error_NombreCompleto2\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Parentesco2 == \"\") {\r\n error[\"Error_Parentesco2\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfLd2 == \"\") {\r\n // error[\"Error_TelfLd2\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Telefono2 == \"\") {\r\n error[\"Error_Telefono2\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfExt2 == \"\") {\r\n // error[\"Error_TelfExt2\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.NombreCompleto3 == \"\") {\r\n error[\"Error_NombreCompleto3\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Parentesco3 == \"\") {\r\n error[\"Error_Parentesco3\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfLd3 == \"\") {\r\n // error[\"Error_TelfLd3\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Telefono3 == \"\") {\r\n error[\"Error_Telefono3\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfExt3 == \"\") {\r\n // error[\"Error_TelfExt3\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.AddressDetail == \"\") {\r\n error[\"Error_AddressDetail\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.City == \"\") {\r\n error[\"Error_City\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NumExt == \"\") {\r\n error[\"Error_NumExt\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NumInt == \"\") {\r\n error[\"Error_NumInt\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.CologneFractionation == \"\") {\r\n error[\"Error_CologneFractionation\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n validador = false;\r\n }\r\n if (this.state.PostalCode == \"\") {\r\n error[\"Error_PostalCode\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n validador = false;\r\n }\r\n if (this.state.DelegationMunicipality == \"\") {\r\n error[\"Error_DelegationMunicipality\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.State == \"\") {\r\n error[\"Error_State\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n \r\n if (this.state.NumEconomicDependents == \"\") {\r\n error[\"Error_NumEconomicDependents\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n this.setState({ validadorTab1: false });\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n\r\n\r\n }\r\n \r\n if (this.state.Otro == \"\" && this.state.TypeHousing == \"Otro\") {\r\n error[\"Error_Otro\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.YearsResidence == \"\") {\r\n error[\"Error_YearsResidence\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n\r\n if (this.state.MaximumDegreeStudies == \"\") {\r\n error[\"Error_MaximumDegreeStudies\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n this.setState({ validadorTab1: false });\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n\r\n\r\n }\r\n if (this.state.MaritalStatus == \"\") {\r\n error[\"Error_MaritalStatus\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n this.setState({ validadorTab1: false });\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n\r\n\r\n }\r\n\r\n\r\n if (this.state.TypeHousing == \"\") {\r\n error[\"Error_TypeHousing\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.DestinodelCredito == \"\") {\r\n error[\"Error_DestinodelCredito\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.YearsResidence == 0 || this.state.YearsResidence == \"\" || isNaN(this.state.YearsResidence) == true) {\r\n error[\"Error_YearsResidence\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.IngresosDeclaradosMensuales == 0 || this.state.IngresosDeclaradosMensuales == \"\" || isNaN(this.state.IngresosDeclaradosMensuales) == true) {\r\n error[\"Error_IngresosDeclaradosMensuales\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.MontoSolicitado == 0 || this.state.MontoSolicitado == \"\" || isNaN(this.state.MontoSolicitado) == true) {\r\n error[\"Error_MontoSolicitado\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.NumeroParcialidades == 0 || this.state.NumeroParcialidades == \"\" || isNaN(this.state.NumeroParcialidades) == true) {\r\n error[\"Error_NumeroParcialidades\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.MontoPosibleApagar == 0 || this.state.MontoPosibleApagar == \"\" || isNaN(this.state.MontoPosibleApagar) == true) {\r\n error[\"Error_MontoPosibleApagar\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n\r\n\r\n }\r\n IniciarProceso=()=>{\r\n // e.preventDefault();\r\n let error = {};\r\n let validador = true;\r\n this.setState({ errors: {} });\r\n\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab3Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n \r\n\r\n if (this.state.FechaIngreso == \"\") {\r\n error[\"Error_FechaIngreso\"] = \"Debe seleccionar una fecha valida.\";\r\n this.setState({ validadorTab3Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' }) \r\n this.setState({ errors: error });\r\n \r\n validador = false;\r\n }\r\n\r\n \r\n if (this.state.Genero == null) {\r\n error[\"Error_Genero\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.lugar_Nacimiento == null) {\r\n error[\"Error_lugar_Nacimiento\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n this.setState({ validadorTab1: false });\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n\r\n\r\n }\r\n if (this.state.Nacionalidad == null) {\r\n error[\"Error_Nacionalidad\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Pais_Nacimiento == null) {\r\n error[\"Error_Pais_Nacimiento\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.RFC_Homoclave == null) {\r\n error[\"Error_RFC_Homoclave\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.CURP == null) {\r\n error[\"Error_CURP\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Fecha_Nacimiento == null) {\r\n error[\"Error_Fecha_Nacimiento\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Num_ident_Oficial_Vigente == null) {\r\n error[\"Error_Num_ident_Oficial_Vigente\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Tipo == null) {\r\n error[\"Error_Tipo\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Telf_Particular == null) {\r\n error[\"Error_Telf_Particular\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n //if (this.state.Empleador == \"\") {\r\n // error[\"Error_Empleador\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.TipodeEmpleo == \"\") {\r\n error[\"Error_TipodeEmpleo\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab3Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.IngresosDeclaradosMensuales == \"\") {\r\n error[\"Error_IngresosDeclaradosMensuales\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab3Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.MontoSolicitado == \"\") {\r\n error[\"Error_MontoSolicitado\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NumeroParcialidades == \"\") {\r\n error[\"Error_NumeroParcialidades\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' }) \r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.MontoPosibleApagar == \"\") {\r\n error[\"Error_MontoPosibleApagar\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.UsoCredito == \"\") {\r\n error[\"Error_UsoCredito\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NombreCompleto1 == \"\") {\r\n error[\"Error_NombreCompleto1\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Parentesco1 == \"\") {\r\n error[\"Error_Parentesco1\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfLd1 == \"\") {\r\n // error[\"Error_TelfLd1\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Telefono1 == \"\") {\r\n error[\"Error_Telefono1\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfExt1 == \"\") {\r\n // error[\"Error_TelfExt1\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.NombreCompleto2 == \"\") {\r\n error[\"Error_NombreCompleto2\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Parentesco2 == \"\") {\r\n error[\"Error_Parentesco2\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfLd2 == \"\") {\r\n // error[\"Error_TelfLd2\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Telefono2 == \"\") {\r\n error[\"Error_Telefono2\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfExt2 == \"\") {\r\n // error[\"Error_TelfExt2\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.NombreCompleto3 == \"\") {\r\n error[\"Error_NombreCompleto3\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Parentesco3 == \"\") {\r\n error[\"Error_Parentesco3\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfLd3 == \"\") {\r\n // error[\"Error_TelfLd3\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Telefono3 == \"\") {\r\n error[\"Error_Telefono3\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfExt3 == \"\") {\r\n // error[\"Error_TelfExt3\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.AddressDetail == \"\") {\r\n error[\"Error_AddressDetail\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.City == \"\") {\r\n error[\"Error_City\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NumExt == \"\") {\r\n error[\"Error_NumExt\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NumInt == \"\") {\r\n error[\"Error_NumInt\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.CologneFractionation == \"\") {\r\n error[\"Error_CologneFractionation\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n validador = false;\r\n }\r\n if (this.state.PostalCode == \"\") {\r\n error[\"Error_PostalCode\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n validador = false;\r\n }\r\n if (this.state.DelegationMunicipality == \"\") {\r\n error[\"Error_DelegationMunicipality\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' }) \r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.State == \"\") {\r\n error[\"Error_State\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.Telf_Particular2 == \"\") {\r\n // error[\"Error_Telf_Particular2\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.Cellphone == \"\") {\r\n // error[\"Error_Cellphone\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.Cellphone2 == \"\") {\r\n // error[\"Error_Cellphone2\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.MaximumDegreeStudies == \"\") {\r\n // error[\"Error_MaximumDegreeStudies\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n // this.setState({ validadorTab1: false });\r\n //}\r\n //if (this.state.MaritalStatus == \"\") {\r\n // error[\"Error_MaritalStatus\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.SpousalRegime == \"\") {\r\n // error[\"Error_SpousalRegime\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.NumEconomicDependents == \"\") {\r\n error[\"Error_NumEconomicDependents\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n this.setState({ validadorTab1: false });\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n\r\n\r\n }\r\n //if (this.state.FullNameSpouse == \"\") {\r\n // error[\"Error_FullNameSpouse\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.OccupationSpouse == \"\") {\r\n // error[\"Error_OccupationSpouse\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.BusinessSpouse == \"\") {\r\n // error[\"Error_BusinessSpouse\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.CellphoneSpouse == \"\") {\r\n // error[\"Error_CellphoneSpouse\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.CompanyPhoneSpouse == \"\") {\r\n // error[\"Error_CompanyPhoneSpouse\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Otro == \"\" && this.state.TypeHousing == \"Otro\") {\r\n error[\"Error_Otro\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.YearsResidence == \"\") {\r\n error[\"Error_YearsResidence\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n\r\n if (this.state.MaximumDegreeStudies == \"\") {\r\n error[\"Error_MaximumDegreeStudies\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n this.setState({ validadorTab1: false });\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n\r\n\r\n }\r\n if (this.state.MaritalStatus == \"\") {\r\n error[\"Error_MaritalStatus\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n this.setState({ validadorTab1: false });\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n\r\n\r\n }\r\n\r\n\r\n if (this.state.TypeHousing == \"\") {\r\n error[\"Error_TypeHousing\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.DestinodelCredito == \"\") {\r\n error[\"Error_DestinodelCredito\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.YearsResidence == 0 || this.state.YearsResidence == \"\" || isNaN(this.state.YearsResidence) == true) {\r\n error[\"Error_YearsResidence\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.IngresosDeclaradosMensuales == 0 || this.state.IngresosDeclaradosMensuales == \"\" || isNaN(this.state.IngresosDeclaradosMensuales) == true) {\r\n error[\"Error_IngresosDeclaradosMensuales\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.MontoSolicitado == 0 || this.state.MontoSolicitado == \"\" || isNaN(this.state.MontoSolicitado) == true) {\r\n error[\"Error_MontoSolicitado\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.NumeroParcialidades == 0 || this.state.NumeroParcialidades == \"\" || isNaN(this.state.NumeroParcialidades) == true) {\r\n error[\"Error_NumeroParcialidades\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.MontoPosibleApagar == 0 || this.state.MontoPosibleApagar == \"\" || isNaN(this.state.MontoPosibleApagar) == true) {\r\n error[\"Error_MontoPosibleApagar\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n \r\n\r\n if (validador) {\r\n\r\n this.setState({\r\n mensajeModal: \"ValidarSMS\"\r\n\r\n })\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n \r\n \r\n } else {\r\n // alert('Por favor, verifique el formulario')\r\n\r\n\r\n\r\n \r\n console.log(this.state)\r\n this.setState({\r\n mensajeModal: 'Por favor, verifique el formulario'\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n }\r\n \r\n }\r\n\r\n sendDataServer = () => {\r\n\r\n this.setState({ errors: {} });\r\n console.log('validation successful')\r\n console.log(this.state)\r\n\r\n this.UpdateCredito(\"ENVIADA\");\r\n }\r\n\r\n\r\n\r\n addCredito(estadoSolicitud){\r\n console.log(estadoSolicitud); \r\n const solicitud = {\r\n Id: parseInt(0),\r\n UserId: this.state.UserId\r\n };\r\n const address = {\r\n IdSolicitud: 0,\r\n \r\n AddressDetail: this.state.AddressDetail,\r\n CologneFractionation: this.state.CologneFractionation,\r\n City: this.state.City,\r\n NumExt: this.state.NumExt,\r\n NumInt: this.state.NumInt,\r\n PostalCode: this.state.PostalCode,\r\n DelegationMunicipality: this.state.DelegationMunicipality,\r\n State: this.state.State,\r\n Cellphone: this.state.Cellphone2,\r\n TypeHousing: this.state.TypeHousing,\r\n YearsResidence: parseInt(this.state.YearsResidence.toString())\r\n\r\n\r\n };\r\n const credito = {\r\n IdSolicitud: 0,\r\n MontoSolicitado:parseFloat(this.state.MontoSolicitado.toString()),\r\n NumeroParcialidades: parseFloat(this.state.NumeroParcialidades.toString()),\r\n MontoPosibleApagar: parseFloat(this.state.MontoPosibleApagar.toString()),\r\n UsoCredito: this.state.UsoCredito,\r\n Estado: estadoSolicitud,\r\n DestinodelCredito: this.state.DestinodelCredito,\r\n OtroDestinodelCredito: this.state.OtroDestinodelCredito,\r\n FechaModificacion: new Date()\r\n };\r\n\r\n const laboral = {\r\n IdSolicitud: 0,\r\n Empleador: this.state.Empleador,\r\n TipodeEmpleo: this.state.TipodeEmpleo,\r\n \r\n IngresosDeclaradosMensuales: parseFloat(this.state.IngresosDeclaradosMensuales.toString()),\r\n FechaIngreso: this.state.FechaIngreso\r\n };\r\n\r\n const referencias = {\r\n IdSolicitud: 0,\r\n NombreCompleto1: this.state.NombreCompleto1,\r\n Parentesco1: this.state.Parentesco1,\r\n TelfLd1: this.state.TelfLd1,\r\n Telefono1: this.state.Telefono1,\r\n TelfExt1: this.state.TelfExt1,\r\n NombreCompleto2: this.state.NombreCompleto2,\r\n Parentesco2: this.state.Parentesco2,\r\n TelfLd2: this.state.TelfLd2,\r\n Telefono2: this.state.Telefono2,\r\n TelfExt2: this.state.TelfExt2,\r\n NombreCompleto3: this.state.NombreCompleto3,\r\n Parentesco3: this.state.Parentesco3,\r\n TelfLd3: this.state.TelfLd3,\r\n Telefono3: this.state.Telefono3,\r\n TelfExt3: this.state.TelfExt3,\r\n };\r\n const demographic = {\r\n IdSolicitud: 0,\r\n MaximumDegreeStudies: this.state.MaximumDegreeStudies,\r\n MaritalStatus: this.state.MaritalStatus,\r\n SpousalRegime: this.state.SpousalRegime,\r\n NumEconomicDependents: this.state.NumEconomicDependents,\r\n FullNameSpouse: this.state.FullNameSpouse,\r\n OccupationSpouse: this.state.OccupationSpouse,\r\n BusinessSpouse: this.state.BusinessSpouse,\r\n CellphoneSpouse: this.state.CellphoneSpouse,\r\n CompanyPhoneSpouse: this.state.CompanyPhoneSpouse\r\n };\r\n\r\n var d = new Date()\r\n const ubicacion = {\r\n IdSolicitud: 0,\r\n Latitud: this.state.LatitudAPI,\r\n Longitud: this.state.LongitudAPI,\r\n Direccion: this.state.UbicacionAPI,\r\n InfoDevice: this.state.deviceUSer,\r\n Intentos: parseInt(this.state.Intentos),\r\n FechaVencimiento: new Date()\r\n };\r\n\r\n const AspNetUsers = {\r\n IdSolicitud: 0,\r\n PhoneNumber: this.state.Telf_Particular\r\n\r\n };\r\n\r\n\r\n const obj = {\r\n solicitud: solicitud,\r\n credito: credito,\r\n laboral: laboral,\r\n referencias: referencias,\r\n address: address,\r\n demographic: demographic,\r\n ubicacion: ubicacion,\r\n AspNetUsers: AspNetUsers\r\n }\r\n console.log(obj)\r\n //carga de la solicitud\r\n axios.post('/Api/Credito/AddSolicitud/', obj).then(json => {\r\n console.log(json.data)\r\n //if (json.data.status === 'Success') {\r\n console.log(json.data.message);\r\n // obj.credito.IdSolicitud = json.data.Message;\r\n \r\n this.setState({ ['Id']: json.data.id })\r\n // this.props.history.push('/VerCreditos')\r\n\r\n\r\n // this.uploadBlobByStreamR(e)\r\n //}\r\n \r\n }).catch(error => {\r\n console.log(error.response)\r\n });\r\n\r\n \r\n\r\n }\r\n handleChange = (e) => {\r\n // this.ValidateForm();\r\n console.log(this.state)\r\n this.setState({ [e.target.name]: e.target.value });\r\n console.log(this.state)\r\n }\r\n handleChangeTabs =(value, name, props)=> {\r\n \r\n console.log(this.state)\r\n this.setState({ [name]: value });\r\n \r\n console.log(this.state)\r\n }\r\n\r\n cambiarTelefono = () => {\r\n\r\n console.log(this.state)\r\n this.setState({ hidebtnEditartelf: false });\r\n \r\n // alert('cambire telefono')\r\n }\r\n \r\n\r\n ValidarCodigoSMS = (props) => {\r\n\r\n \r\n\r\n //this.setState({ [name]: value });\r\n if (this.state.NumAleatorio.toString() == this.state.ValidadorSMS.toString()) {\r\n\r\n\r\n this.setState({ hideAprobado: false });\r\n this.setState({ hideEncurso: true });\r\n this.setState({ hidevalidateBTN: true });\r\n this.setState({ validateTableAlert: true });\r\n this.sendDataServer()\r\n } else {\r\n this.setState({ hideAprobado: true });\r\n this.setState({ hideEncurso: false });\r\n this.setState({ validateTableAlert: false });\r\n \r\n }\r\n //console.log(props)\r\n }\r\n\r\n\r\n GenerarCodigo = () => {\r\n\r\n\r\n this.setState({ NumAleatorio: Math.floor(Math.random() * (99999 - 10000 + 1)) + 10000 });\r\n \r\n\r\n console.log(this.state)\r\n }\r\n\r\n ReenviarCodigo = () => {\r\n this.setState({ validateTableAlert: true });\r\n if (parseInt(this.state.Intentos) <= 3) {\r\n this.setState({ hideinputSMS: false });\r\n this.setState({ hideTextSMS: false });\r\n \r\n this.setState({ hidetextSMS: true });\r\n this.setState({ hideBTNinputSMS: true }); \r\n this.setState({ hidevalidateBTN: false });\r\n\r\n axios.get('GetSMS')\r\n .then(response => {\r\n\r\n var SMSVar = response.data.split('|')\r\n \r\n\r\n axios.get('https://api1.calixtaondemand.com/Controller.php/__a/sms.send.remote.ol.sa?cte=' + SMSVar[0] + '&encpwd=' + SMSVar[2] + '&email=' + SMSVar[1]+'&mtipo=SMS&' +\r\n 'numtel=' + this.state.Telf_Particular + '&msg=MaxCapitalMex: código de autorización para tu solicitud de crédito ' + this.state.NumAleatorio + '&json=1&auxiliar=Prueba_EIGO_V1')\r\n .then(response => {\r\n\r\n\r\n // console.log(response)\r\n\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n \r\n\r\n if (this.state.mensajeModal == 'Volver a solicitar el codigo') {\r\n \r\n \r\n this.setState({ Intentos: parseInt(this.state.Intentos) + 1 });\r\n \r\n \r\n }\r\n else {\r\n this.setState({ MensajeValidador: 'Volver a solicitar el codigo' });\r\n this.setState({ Intentos: parseInt(this.state.Intentos) + 1 });\r\n\r\n \r\n\r\n }\r\n\r\n\r\n\r\n\r\n if (this.state.Id == 0) {\r\n this.addCredito(\"GUARDADO\");\r\n\r\n } else {\r\n\r\n this.UpdateCreditoSMS(\"GUARDADO\");\r\n }\r\n\r\n\r\n // alert('el codigo ha sido enviado de nuevo ' + this.state.NumAleatorio)\r\n\r\n\r\n\r\n\r\n console.log(this.state)\r\n }\r\n else {\r\n\r\n this.setState({ hidebtnEditartelf: true });\r\n this.setState({ hideTextSMS: true });\r\n this.setState({ hideBTNinputSMS: true });\r\n this.setState({ hideinputSMS: true });\r\n this.setState({ hidetextSMS: false });\r\n this.setState({ hidevalidateBTN: true });\r\n alert('limite de sms')\r\n }\r\n\r\n \r\n }\r\n\r\n\r\n \r\n handleCheck = () => {\r\n this.setState({ aceptarCondiciones: !this.state.aceptarCondiciones });\r\n } \r\n handleCheckCartaPoder = () => {\r\n this.setState({ CartaPoder: !this.state.CartaPoder });\r\n this.setState({ ['StatusCartapoder']: this.state.CartaPoder })\r\n \r\n\r\n\r\n }\r\n\r\n AlertaInfoUbicacion = () => {\r\n this.setState({\r\n mensajeModal: \"Ubicacion\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n }\r\n UbicarPesona = () => {\r\n var Mensaje = \"\";\r\n this.getUserDeviceInfo()\r\n\r\n var options = {\r\n enableHighAccuracy: true,\r\n timeout: 5000,\r\n maximumAge: 0\r\n };\r\n\r\n if (navigator.geolocation) {\r\n navigator.geolocation.getCurrentPosition(function (position) {\r\n\r\n axios.get('https://dev.virtualearth.net/REST/v1/Locations/' + position.coords.latitude + ',' + position.coords.longitude + '?o=xml&key=AhrHjF0RNB05-QXa2Y0h386L_Gve6uWp9LK86-Gu7FqjLwCXqsbaBoCWAuC9m_DD').then(response => {\r\n\r\n console.log('https://dev.virtualearth.net/REST/v1/Locations/' + position.coords.latitude + ',' + position.coords.longitude + '?o=xml&key=AhrHjF0RNB05-QXa2Y0h386L_Gve6uWp9LK86-Gu7FqjLwCXqsbaBoCWAuC9m_DD')\r\n console.log(response.data)\r\n\r\n var parser = new DOMParser();\r\n var xmlDoc = parser.parseFromString(response.data, \"text/xml\");;\r\n var busquedaFormatedText = 2\r\n if (xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[2].nodeName == 'FormattedAddress') {\r\n busquedaFormatedText = 2\r\n } else if (xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[3].nodeName == 'FormattedAddress') {\r\n busquedaFormatedText = 3\r\n }\r\n \r\n var Mensaje = \"Latitud\" + position.coords.latitude + \"\" +\r\n \"Longitud\" + position.coords.longitude + \"\" +\r\n //\"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[0].nodeName + \"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[0].textContent + \"\" +\r\n //\"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[1].nodeName + \"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[1].textContent + \"\" +\r\n //\"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[2].nodeName + \"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[2].textContent + \"\" +\r\n\r\n \r\n \"Dirección\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[busquedaFormatedText].textContent;\r\n\r\n\r\n console.log(Mensaje)\r\n window.UbicacionPersona = Mensaje\r\n\r\n document.getElementById('LongitudAPI').value = position.coords.longitude\r\n\r\n document.getElementById('LatitudAPI').value = position.coords.latitude\r\n \r\n document.getElementById('UbicacionAPI').value = xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[3].textContent;\r\n document.getElementById('UbicacionAPIText').innerHTML = Mensaje\r\n\r\n document.getElementById('mapaAPI').src = \"https://www.bing.com/maps/embed?h=400&w=500&cp=\" + position.coords.latitude +\"~\" + position.coords.longitude+\"&lvl=11&typ=s&sty=r&src=SHELL&FORM=MBEDV8\"\r\n\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n \r\n\r\n\r\n },\r\n function (error) {\r\n\r\n alert(\"No se puede acceder a su ubicacion. Por favor, verifique los permisos.-\" + error.message)\r\n console.log(error)\r\n }, options)\r\n\r\n \r\n\r\n }\r\n\r\n else {\r\n console.log = \"Geolocation is not supported by this browser.\";\r\n }\r\n\r\n }\r\n \r\n \r\n\r\n refreshBlobListR = () => {\r\n \r\n // window.refreshBlobList(this.state.UserId)\r\n \r\n }\r\n\r\n UpdateCredito(estadoSolicitud) {\r\n\r\n const solicitud = {\r\n\r\n Id: this.state.Id,\r\n UserId: this.state.UserId\r\n };\r\n const address = {\r\n IdSolicitud: this.state.Id,\r\n\r\n AddressDetail: this.state.AddressDetail,\r\n CologneFractionation: this.state.CologneFractionation,\r\n City: this.state.City,\r\n NumExt: this.state.NumExt,\r\n NumInt: this.state.NumInt,\r\n PostalCode: this.state.PostalCode,\r\n DelegationMunicipality: this.state.DelegationMunicipality,\r\n State: this.state.State,\r\n Cellphone: this.state.Cellphone2,\r\n TypeHousing: this.state.TypeHousing,\r\n YearsResidence: parseInt(this.state.YearsResidence.toString())\r\n\r\n\r\n };\r\n const credito = {\r\n IdSolicitud: this.state.Id,\r\n MontoSolicitado: parseFloat(this.state.MontoSolicitado.toString()),\r\n NumeroParcialidades: parseFloat(this.state.NumeroParcialidades.toString()),\r\n MontoPosibleApagar: parseFloat(this.state.MontoPosibleApagar.toString()),\r\n UsoCredito: this.state.UsoCredito,\r\n Estado: estadoSolicitud,\r\n DestinodelCredito: this.state.DestinodelCredito,\r\n OtroDestinodelCredito: this.state.OtroDestinodelCredito,\r\n FechaModificacion: new Date()\r\n };\r\n const laboral = {\r\n IdSolicitud: this.state.Id,\r\n Empleador: this.state.Empleador,\r\n TipodeEmpleo: this.state.TipodeEmpleo,\r\n \r\n IngresosDeclaradosMensuales: parseFloat(this.state.IngresosDeclaradosMensuales.toString()),\r\n FechaIngreso: this.state.FechaIngreso\r\n };\r\n const referencias = {\r\n IdSolicitud: this.state.Id,\r\n NombreCompleto1: this.state.NombreCompleto1,\r\n Parentesco1: this.state.Parentesco1,\r\n TelfLd1: this.state.TelfLd1,\r\n Telefono1: this.state.Telefono1,\r\n TelfExt1: this.state.TelfExt1,\r\n NombreCompleto2: this.state.NombreCompleto2,\r\n Parentesco2: this.state.Parentesco2,\r\n TelfLd2: this.state.TelfLd2,\r\n Telefono2: this.state.Telefono2,\r\n TelfExt2: this.state.TelfExt2,\r\n NombreCompleto3: this.state.NombreCompleto3,\r\n Parentesco3: this.state.Parentesco3,\r\n TelfLd3: this.state.TelfLd3,\r\n Telefono3: this.state.Telefono3,\r\n TelfExt3: this.state.TelfExt3,\r\n };\r\n const demographic = {\r\n IdSolicitud: this.state.Id,\r\n MaximumDegreeStudies: this.state.MaximumDegreeStudies,\r\n MaritalStatus: this.state.MaritalStatus,\r\n SpousalRegime: this.state.SpousalRegime,\r\n NumEconomicDependents: this.state.NumEconomicDependents,\r\n FullNameSpouse: this.state.FullNameSpouse,\r\n OccupationSpouse: this.state.OccupationSpouse,\r\n BusinessSpouse: this.state.BusinessSpouse,\r\n CellphoneSpouse: this.state.CellphoneSpouse,\r\n CompanyPhoneSpouse: this.state.CompanyPhoneSpouse\r\n };\r\n\r\n var d = new Date()\r\n const ubicacion = {\r\n IdSolicitud: this.state.Id,\r\n Latitud: this.state.LatitudAPI,\r\n Longitud: this.state.LongitudAPI,\r\n Direccion: this.state.UbicacionAPI,\r\n InfoDevice: this.state.deviceUSer,\r\n Intentos: parseInt(this.state.Intentos),\r\n FechaVencimiento: new Date()\r\n };\r\n\r\n const AspNetUsers = {\r\n IdSolicitud: this.state.Id,\r\n PhoneNumber: this.state.Telf_Particular\r\n\r\n };\r\n\r\n const obj = {\r\n solicitud: solicitud,\r\n credito: credito,\r\n laboral: laboral,\r\n referencias: referencias,\r\n address: address,\r\n demographic: demographic,\r\n ubicacion: ubicacion,\r\n AspNetUsers: AspNetUsers\r\n }\r\n console.log(obj)\r\n \r\n axios.put('/Api/Credito/UpdateSolicitud/', obj)\r\n .then(json => {\r\n console.log(json.data)\r\n // this.props.history.push('/VerCreditos')\r\n\r\n if (json.data.status === \"Updated\") {\r\n console.log(json.data.Message);\r\n obj.credito.IdSolicitud = json.data.Message;\r\n\r\n if (estadoSolicitud == \"GUARDADO\") {\r\n this.props.history.push('/VerCreditos')\r\n }\r\n // \r\n // \r\n\r\n\r\n }\r\n }).catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n\r\n\r\n\r\n\r\n }\r\n\r\n UpdateCreditoSMS(estadoSolicitud) {\r\n\r\n const solicitud = {\r\n\r\n Id: this.state.Id,\r\n UserId: this.state.UserId\r\n };\r\n const address = {\r\n IdSolicitud: this.state.Id,\r\n\r\n AddressDetail: this.state.AddressDetail,\r\n CologneFractionation: this.state.CologneFractionation,\r\n City: this.state.City,\r\n NumExt: this.state.NumExt,\r\n NumInt: this.state.NumInt,\r\n PostalCode: this.state.PostalCode,\r\n DelegationMunicipality: this.state.DelegationMunicipality,\r\n State: this.state.State,\r\n Cellphone: this.state.Cellphone2,\r\n TypeHousing: this.state.TypeHousing,\r\n YearsResidence: parseInt(this.state.YearsResidence.toString())\r\n\r\n\r\n };\r\n const credito = {\r\n IdSolicitud: this.state.Id,\r\n MontoSolicitado: parseFloat(this.state.MontoSolicitado.toString()),\r\n NumeroParcialidades: parseFloat(this.state.NumeroParcialidades.toString()),\r\n MontoPosibleApagar: parseFloat(this.state.MontoPosibleApagar.toString()),\r\n UsoCredito: this.state.UsoCredito,\r\n Estado: estadoSolicitud,\r\n DestinodelCredito: this.state.DestinodelCredito,\r\n OtroDestinodelCredito: this.state.OtroDestinodelCredito,\r\n FechaModificacion: new Date()\r\n };\r\n const laboral = {\r\n IdSolicitud: this.state.Id,\r\n Empleador: this.state.Empleador,\r\n TipodeEmpleo: this.state.TipodeEmpleo,\r\n\r\n IngresosDeclaradosMensuales: parseFloat(this.state.IngresosDeclaradosMensuales.toString()),\r\n FechaIngreso: this.state.FechaIngreso\r\n };\r\n const referencias = {\r\n IdSolicitud: this.state.Id,\r\n NombreCompleto1: this.state.NombreCompleto1,\r\n Parentesco1: this.state.Parentesco1,\r\n TelfLd1: this.state.TelfLd1,\r\n Telefono1: this.state.Telefono1,\r\n TelfExt1: this.state.TelfExt1,\r\n NombreCompleto2: this.state.NombreCompleto2,\r\n Parentesco2: this.state.Parentesco2,\r\n TelfLd2: this.state.TelfLd2,\r\n Telefono2: this.state.Telefono2,\r\n TelfExt2: this.state.TelfExt2,\r\n NombreCompleto3: this.state.NombreCompleto3,\r\n Parentesco3: this.state.Parentesco3,\r\n TelfLd3: this.state.TelfLd3,\r\n Telefono3: this.state.Telefono3,\r\n TelfExt3: this.state.TelfExt3,\r\n };\r\n const demographic = {\r\n IdSolicitud: this.state.Id,\r\n MaximumDegreeStudies: this.state.MaximumDegreeStudies,\r\n MaritalStatus: this.state.MaritalStatus,\r\n SpousalRegime: this.state.SpousalRegime,\r\n NumEconomicDependents: this.state.NumEconomicDependents,\r\n FullNameSpouse: this.state.FullNameSpouse,\r\n OccupationSpouse: this.state.OccupationSpouse,\r\n BusinessSpouse: this.state.BusinessSpouse,\r\n CellphoneSpouse: this.state.CellphoneSpouse,\r\n CompanyPhoneSpouse: this.state.CompanyPhoneSpouse\r\n };\r\n\r\n var d = new Date()\r\n const ubicacion = {\r\n IdSolicitud: this.state.Id,\r\n Latitud: this.state.LatitudAPI,\r\n Longitud: this.state.LongitudAPI,\r\n Direccion: this.state.UbicacionAPI,\r\n InfoDevice: this.state.deviceUSer,\r\n Intentos: parseInt(this.state.Intentos),\r\n FechaVencimiento: new Date()\r\n };\r\n\r\n const AspNetUsers = {\r\n IdSolicitud: this.state.Id,\r\n PhoneNumber: this.state.Telf_Particular\r\n\r\n };\r\n\r\n const obj = {\r\n solicitud: solicitud,\r\n credito: credito,\r\n laboral: laboral,\r\n referencias: referencias,\r\n address: address,\r\n demographic: demographic,\r\n ubicacion: ubicacion,\r\n AspNetUsers: AspNetUsers\r\n }\r\n console.log(obj)\r\n\r\n axios.put('/Api/Credito/UpdateSolicitud/', obj)\r\n .then(json => {\r\n console.log(json.data)\r\n // this.props.history.push('/VerCreditos')\r\n\r\n if (json.data.status === \"Updated\") {\r\n console.log(json.data.Message);\r\n obj.credito.IdSolicitud = json.data.Message;\r\n\r\n \r\n // \r\n // \r\n\r\n\r\n }\r\n }).catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n\r\n\r\n\r\n\r\n }\r\n uploadBlobByStreamR = (e) => {\r\n console.log(this.state.UserId)\r\n console.log(this.state.Id)\r\n console.log(e.target.value)\r\n \r\n console.log(this.state.Id)\r\n\r\n\r\n }\r\n\r\n CerrarModalFinal = () => {\r\n\r\n this.props.history.push('/VerCreditos')\r\n }\r\n \r\n displayProcessR = () => {\r\n \r\n window.displayProcess(0)\r\n }\r\n handleChangeDestinodelCredito = (value, name, props) => {\r\n\r\n this.setState({ [name]: value });\r\n \r\n if (value==\"Otro\") {\r\n\r\n this.setState({ ['hideOtroDestinodelCredito']: false })\r\n } else {\r\n\r\n this.setState({ ['hideOtroDestinodelCredito']: true })\r\n \r\n }\r\n console.log(this.state)\r\n\r\n }\r\n\r\n handleChangehideOtroTypeHousing = (value, name, props) => {\r\n\r\n this.setState({ [name]: value });\r\n if (value == \"Otro\") {\r\n\r\n this.setState({ ['hideOtroTypeHousing']: false })\r\n } else {\r\n\r\n this.setState({ ['hideOtroTypeHousing']: true })\r\n\r\n }\r\n\r\n }\r\n\r\n handleChangehidestatusEdoCivil = (value, name, props) => {\r\n\r\n this.setState({ [name]: value });\r\n if (value == \"CASADO/A\" || value == \"CASADO / A\") {\r\n\r\n this.setState({ ['statusEdoCivil']: false })\r\n } else {\r\n\r\n this.setState({ ['statusEdoCivil']: true })\r\n\r\n }\r\n\r\n }\r\n\r\n render() {\r\n \r\n\r\n return (\r\n
\r\n
\r\n );\r\n }\r\n}\r\nexport default addCredito;\r\n\r\n\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\n\r\n\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\n//import BootstrapTable from 'react-bootstrap-table-next';\r\n//import ToolkitProvider, { Search } from 'react-bootstrap-table2-toolkit';\r\n\r\nimport { Button} from 'reactstrap';\r\nimport '../../node_modules/react-bootstrap-table/dist/react-bootstrap-table-all.min.css';\r\nimport { FaSearch, FaRegSave, FaCheck, FaCheckDouble, FaEdit } from 'react-icons/fa';\r\nimport { FiEdit3 } from 'react-icons/fi'; \r\nimport { AiOutlineFileSearch } from 'react-icons/ai'; \r\n\r\nimport { MdAddCircleOutline, MdClose, MdTextsms} from 'react-icons/md'; //GoIssueClosed\r\nimport { GoIssueClosed } from 'react-icons/go'; //GoIssueClosed\r\nimport { FaFileDownload } from 'react-icons/fa'; //GoIssueClosed\r\n\r\n\r\nimport { Link } from 'react-router-dom'; \r\nimport AuthorizeRoute from './api-authorization/AuthorizeRoute';\r\nimport ApiAuthorizationRoutes from './api-authorization/ApiAuthorizationRoutes';\r\nimport { ApplicationPaths } from './api-authorization/ApiAuthorizationConstants';\r\nimport authService from './api-authorization/AuthorizeService';\r\nimport ModalsAlert from './ModalsAlert'\r\n\r\nfunction afterSearch(searchText, result) {\r\n // console.log('Your search text is ' + searchText);\r\n // console.log('Result is:');\r\n for (let i = 0; i < result.length; i++) {\r\n console.log('Fruit: ' + result[i].id + ', ' + result[i].name + ', ' + result[i].price);\r\n }\r\n}\r\n\r\n\r\n\r\nexport default class VerCreditos extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n business: [],\r\n EstadoSolicitudEnProceso: false,\r\n mensajeModal: '',\r\n usuario:'',\r\n modal: false\r\n };\r\n this.options = {\r\n defaultSortName: 'fechaModificacion', // default sort column name\r\n defaultSortOrder: 'desc' // default sort order\r\n };\r\n \r\n this.CerrarModal = this.CerrarModal.bind(this)\r\n this.sendDataServer = this.sendDataServer.bind(this)\r\n \r\n }\r\n\r\n sendDataServer = () => {\r\n\r\n \r\n // console.log('validation successful')\r\n \r\n }\r\n CerrarModal = () => {\r\n this.setState({\r\n modal: false\r\n\r\n })\r\n }\r\n componentDidMount() {\r\n \r\n this._subscription = authService.subscribe(() => this.populateState2());\r\n this.populateState2();\r\n // console.log(authService);\r\n//\r\n\r\n\r\n\r\n\r\n axios.get('GetSaS')\r\n .then(response => {\r\n \r\n var azure = response.data.split('@')\r\n window.sas = azure[0];\r\n window.account = azure[1];\r\n var validador = window.checkParameters()\r\n if (validador == true) {\r\n window.getBlobService()\r\n window.viewContainer(azure[2])\r\n }\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n \r\n }\r\n\r\n async populateState2() {\r\n const [isAuthenticated, user] = await Promise.all([authService.isAuthenticated(), authService.getUser()])\r\n // console.log(user)\r\n if (user !== null) {\r\n this.getCreditos(user.sub)\r\n } else {\r\n this.props.history.push('/addCredito')\r\n }\r\n \r\n }\r\n getCreditos(idEmpleado){\r\n axios.get('/Api/Credito/CreditodetailsUsuario?idEmpleado=' + idEmpleado)\r\n .then(response => {\r\n this.setState({ business: response.data });\r\n this.setState({ usuario: idEmpleado });\r\n\r\n \r\n // console.log(this.state)\r\n\r\n // console.log(this.verificarSolicitudes(response))\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n }\r\n\r\n verificarSolicitudes(response) {\r\n // console.log(response.data[0])\r\n for (var i = 0; i < response.data.length; i++) {\r\n // console.log(response.data[i].estado) // aca\r\n if (response.data[i].estado == \"GUARDADO\" || response.data[i].estado == \"EN REVISIÓN\" || response.data[i].estado == \"Requiere cambios\"\r\n || response.data[i].estado == \"EN REVISIÓN FIRMA Y SELFIE\" || response.data[i].estado == \"CONTRATO ANEXADO\"\r\n || response.data[i].estado == \"REQUIERE CAMBIOS EN FIRMA O SELFIE\") {\r\n this.setState({ EstadoSolicitudEnProceso:true})\r\n return true;\r\n }\r\n \r\n }\r\n return false;\r\n \r\n }\r\n ModalAlerta = (e) => {\r\n\r\n console.log(e.target.value)\r\n\r\n console.log(this.state.usuario)\r\n\r\n window.refreshBlobListIdElement(this.state.usuario, e.target.value, 5, 1);\r\n }\r\n \r\n CrearSolicitud = () => {\r\n\r\n\r\n this.props.history.push('/addCredito')\r\n\r\n \r\n }\r\n\r\n alerta(comments){\r\n\r\n this.setState({\r\n mensajeModal: comments\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n \r\n }\r\n buttonFormatter(cell, row) {\r\n \r\n // console.log(cell)\r\n // console.log(row)\r\n var enlace =\"\"\r\n if (row.estado == \"GUARDADO\" ) {\r\n enlace = \"/EditCredito/\";\r\n\r\n\r\n var comments = \"sin comentarios\"\r\n var disabled = \"disabled\"\r\n if (row.comentario !== null && row.comentario !== \"undefined\" && row.comentario !== \"\") {\r\n comments = row.comentario\r\n\r\n\r\n return \r\n
;\r\n\r\n } else {\r\n return \r\n
;\r\n\r\n }\r\n\r\n\r\n \r\n }\r\n else if (row.estado == \"DISPERSADO\") {\r\n enlace = \"/solicitudDetail/\"\r\n\r\n var comments = \"sin comentarios\"\r\n var disabled = \"disabled\"\r\n if (row.comentario !== null && row.comentario !== \"undefined\" && row.comentario !== \"\") {\r\n comments = row.comentario\r\n\r\n\r\n return \r\n
;\r\n\r\n } else {\r\n return \r\n
;\r\n\r\n }\r\n\r\n }\r\n\r\n \r\n else if (row.estado == \"CONTRATO ANEXADO\") {\r\n enlace = \"/solicitudDetail/\"\r\n\r\n var comments = \"sin comentarios\"\r\n var disabled = \"disabled\"\r\n if (row.comentario !== null && row.comentario !== \"undefined\" && row.comentario !== \"\") {\r\n comments = row.comentario\r\n\r\n\r\n return \r\n
;\r\n\r\n } else {\r\n return \r\n
;\r\n\r\n }\r\n\r\n }\r\n else if (row.estado == \"RECHAZAR SOLICITUD\" || row.estado == \"EN REVISIÓN FIRMA Y SELFIE\" ) {\r\n enlace = \"/solicitudDetail/\";\r\n \r\n\r\n var comments = \"sin comentarios\"\r\n var disabled = \"disabled\"\r\n if (row.comentario !== null && row.comentario !== \"undefined\" && row.comentario !== \"\") {\r\n comments = row.comentario\r\n\r\n\r\n return \r\n
;\r\n\r\n } else {\r\n return \r\n
;\r\n\r\n }\r\n\r\n\r\n }\r\n\r\n else if (row.estado == \"REQUIERE CAMBIOS EN FIRMA O SELFIE\") {\r\n enlace = \"/solicitudDetail/\";\r\n\r\n\r\n var comments = \"sin comentarios\"\r\n var disabled = \"disabled\"\r\n if (row.comentario !== null && row.comentario !== \"undefined\" && row.comentario !== \"\") {\r\n comments = row.comentario\r\n\r\n\r\n return \r\n
;\r\n\r\n } else {\r\n return \r\n
;\r\n\r\n }\r\n\r\n\r\n }\r\n\r\n else if (row.estado == \"REQUIERE CAMBIOS\" || row.estado == \"INCOMPLETA\" ) {\r\n enlace = \"/EditCredito/\";\r\n\r\n var comments = \"sin comentarios\"\r\n var disabled = \"disabled\"\r\n if (row.comentario !== null && row.comentario !== \"undefined\" && row.comentario !== \"\") {\r\n comments = row.comentario\r\n\r\n\r\n return \r\n
;\r\n\r\n } else {\r\n return \r\n
;\r\n\r\n }\r\n\r\n\r\n }\r\n //\r\n \r\n \r\n else {\r\n enlace = \"/solicitudDetail/\";\r\n \r\n var comments = \"sin comentarios\"\r\n var disabled = \"disabled\"\r\n if (row.comentario !== null && row.comentario !== \"undefined\" && row.comentario !== \"\") {\r\n comments = row.comentario\r\n\r\n\r\n return \r\n
;\r\n\r\n } else {\r\n return \r\n
;\r\n\r\n }\r\n\r\n }\r\n \r\n \r\n }\r\n ButtonEstado(cell, row) {\r\n\r\n // console.log(cell)\r\n // console.log(row)\r\n var enlace = \"\"\r\n if (row.estado == \"EN REVISIÓN\") {\r\n\r\n\r\n return \r\n\r\n \r\n
;\r\n\r\n\r\n //\r\n }\r\n else if (row.estado == \"DISPERSADO\") {\r\n return \r\n\r\n \r\n
;\r\n\r\n }\r\n else if (row.estado == \"CONTRATO ANEXADO\") {\r\n return \r\n\r\n \r\n
;\r\n\r\n }\r\n else if (row.estado == \"RECHAZAR SOLICITUD\") {\r\n\r\n return \r\n \r\n
;\r\n\r\n }\r\n else if (row.estado == \"REQUIERE CAMBIOS\" || row.estado == \"REQUIERE CAMBIOS EN FIRMA O SELFIE\" || row.estado == \"INCOMPLETA\") {\r\n\r\n return \r\n\r\n \r\n
;\r\n }\r\n else if (row.estado == \"EN REVISIÓN FIRMA Y SELFIE\") {\r\n\r\n\r\n return \r\n\r\n \r\n
;\r\n\r\n\r\n //\r\n }\r\n else if (row.estado == \"GUARDADO\") {\r\n\r\n return\r\n\r\n \r\n
;\r\n }\r\n \r\n\r\n else {\r\n\r\n return \r\n\r\n \r\n
;\r\n }\r\n\r\n\r\n }\r\n\r\n MontoFormatter(cell, row) {\r\n let numero = new Intl.NumberFormat(\"es-MX\", {\r\n style: \"currency\",\r\n currency: \"MXN\"\r\n }).format(row.montocredito)\r\n // console.log(numero)\r\n\r\n return {numero}
;\r\n\r\n }\r\n Montodate(cell, row) {\r\n {\r\n // console.log(row.fechaModificacion)\r\n var date = new Date(row.fechaModificacion);\r\n\r\n var fecha = new Intl.DateTimeFormat(\"es-MX\", {\r\n year: \"numeric\",\r\n month: \"2-digit\",\r\n day: \"2-digit\"\r\n }).format(date)\r\n }\r\n return {fecha}
;\r\n\r\n }\r\n \r\n\r\n\r\n MensajeSolicitudEnProceso = () => {\r\n // console.log(this)\r\n if (this.state.EstadoSolicitudEnProceso == true) {\r\n \r\n this.setState({\r\n mensajeModal: \"Usted ya tiene una solicitud en proceso. Solo se permite una solicitud activa a la vez.\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n } else {\r\n this.props.history.push('/addCredito')\r\n }\r\n\r\n }\r\n\r\n render() {\r\n function filterdate(cell, row) {\r\n // just return type for filtering or searching.\r\n // console.log(cell.type)\r\n var date = new Date(row.fechaModificacion);\r\n\r\n var fecha = new Intl.DateTimeFormat(\"es-MX\", {\r\n year: \"numeric\",\r\n month: \"2-digit\",\r\n day: \"2-digit\"\r\n }).format(date)\r\n return fecha;\r\n }\r\n function filterMonto(cell, row) {\r\n // just return type for filtering or searching.\r\n let numero = new Intl.NumberFormat(\"es-MX\", {\r\n style: \"currency\",\r\n currency: \"MXN\"\r\n }).format(row.montocredito)\r\n // console.log(numero)\r\n return numero;\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 ID \r\n ID \r\n Fecha de modificación \r\n Monto \r\n Estado \r\n Acción \r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n\r\n //Solicitudes
\r\n\r\n Nueva solicitud de crédito\r\n
\r\n \r\n
| Fecha de modificación | \r\n //Monto solicitado | \r\n //Estado | \r\n //Accion | \r\n //
|---|
\");\r\n this.setState({ PostalCode: '' });\r\n } else {\r\n \r\n this.BuscarCodigoPostalSEPOMEX()\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n BuscarCodigoPostalSEPOMEX() {\r\n if (this.state.PostalCode==\"\") {\r\n\r\n\r\n } else {\r\n\r\n axios.get('/Api/Settings/Sepomex?id=' + this.state.PostalCode)\r\n .then(response => {\r\n console.log(response.data)\r\n\r\n\r\n this.setState({ Sepomex: response.data });\r\n\r\n this.setState({ State: response.data[0].dEstado })\r\n this.setState({ DelegationMunicipality: response.data[0].dMnpio })\r\n\r\n if (response.data[0].dCiudad == \"\" || response.data[0].dCiudad == null || response.data[0].dCiudad == \"null\") {\r\n this.setState({ bloquearCiudad: '' })\r\n this.setState({ City: '' })\r\n } else {\r\n this.setState({ bloquearCiudad: 'disabled' })\r\n this.setState({ City: response.data[0].dCiudad })\r\n }\r\n\r\n\r\n console.log(response.data)\r\n\r\n console.log(document.querySelectorAll('.intent10').length)\r\n //if (document.querySelectorAll('.intent10').length > 0) {\r\n // this.setState({ CartaPoder: true });\r\n // this.setState({ ['StatusCartapoder']: false })\r\n\r\n //}\r\n\r\n\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n }\r\n \r\n\r\n }\r\n\r\n\r\n\r\n\r\n async populateState2() {\r\n const [isAuthenticated, user] = await Promise.all([authService.isAuthenticated(), authService.getUser()])\r\n console.log(user)\r\n this.state.UserId = user.sub\r\n\r\n this.GetUserCurrent();\r\n }\r\n\r\n\r\n AlertaInfoUbicacion = () => {\r\n this.setState({\r\n mensajeModal: \"Ubicacion\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n }\r\n UbicarPesona = () => {\r\n var Mensaje = \"\";\r\n this.getUserDeviceInfo()\r\n\r\n var options = {\r\n enableHighAccuracy: true,\r\n timeout: 5000,\r\n maximumAge: 0\r\n };\r\n\r\n if (navigator.geolocation) {\r\n navigator.geolocation.getCurrentPosition(function (position) {\r\n\r\n axios.get('https://dev.virtualearth.net/REST/v1/Locations/' + position.coords.latitude + ',' + position.coords.longitude + '?o=xml&key=AhrHjF0RNB05-QXa2Y0h386L_Gve6uWp9LK86-Gu7FqjLwCXqsbaBoCWAuC9m_DD').then(response => {\r\n\r\n console.log('https://dev.virtualearth.net/REST/v1/Locations/' + position.coords.latitude + ',' + position.coords.longitude + '?o=xml&key=AhrHjF0RNB05-QXa2Y0h386L_Gve6uWp9LK86-Gu7FqjLwCXqsbaBoCWAuC9m_DD')\r\n console.log(response.data)\r\n\r\n var parser = new DOMParser();\r\n var xmlDoc = parser.parseFromString(response.data, \"text/xml\");;\r\n var busquedaFormatedText = 2\r\n if (xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[2].nodeName == 'FormattedAddress') {\r\n busquedaFormatedText = 2\r\n } else if (xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[3].nodeName == 'FormattedAddress') {\r\n busquedaFormatedText = 3\r\n }\r\n\r\n var Mensaje = \"Latitud\" + position.coords.latitude + \"\" +\r\n \"Longitud\" + position.coords.longitude + \"\" +\r\n //\"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[0].nodeName + \"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[0].textContent + \"\" +\r\n //\"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[1].nodeName + \"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[1].textContent + \"\" +\r\n //\"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[2].nodeName + \"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[2].textContent + \"\" +\r\n\r\n\r\n \"Dirección\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[busquedaFormatedText].textContent;\r\n\r\n\r\n console.log(Mensaje)\r\n window.UbicacionPersona = Mensaje\r\n\r\n document.getElementById('LongitudAPI').value = position.coords.longitude\r\n\r\n document.getElementById('LatitudAPI').value = position.coords.latitude\r\n\r\n document.getElementById('UbicacionAPI').value = xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[3].textContent;\r\n document.getElementById('UbicacionAPIText').innerHTML = Mensaje\r\n\r\n document.getElementById('mapaAPI').src = \"https://www.bing.com/maps/embed?h=400&w=500&cp=\" + position.coords.latitude + \"~\" + position.coords.longitude + \"&lvl=11&typ=s&sty=r&src=SHELL&FORM=MBEDV8\"\r\n\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n\r\n\r\n },\r\n function (error) {\r\n\r\n alert(\"No se puede acceder a su ubicacion. Por favor, verifique los permisos.-\" + error.message)\r\n console.log(error)\r\n }, options)\r\n\r\n\r\n\r\n }\r\n\r\n else {\r\n console.log = \"Geolocation is not supported by this browser.\";\r\n }\r\n\r\n }\r\n\r\n getUserDeviceInfo = () => {\r\n\r\n\r\n\r\n var module = {\r\n options: [],\r\n header: [navigator.platform, navigator.userAgent, navigator.appVersion, navigator.vendor, window.opera],\r\n dataos: [\r\n { name: 'Windows Phone', value: 'Windows Phone', version: 'OS' },\r\n { name: 'Windows', value: 'Win', version: 'NT' },\r\n { name: 'iPhone', value: 'iPhone', version: 'OS' },\r\n { name: 'iPad', value: 'iPad', version: 'OS' },\r\n { name: 'Kindle', value: 'Silk', version: 'Silk' },\r\n { name: 'Android', value: 'Android', version: 'Android' },\r\n { name: 'PlayBook', value: 'PlayBook', version: 'OS' },\r\n { name: 'BlackBerry', value: 'BlackBerry', version: '/' },\r\n { name: 'Macintosh', value: 'Mac', version: 'OS X' },\r\n { name: 'Linux', value: 'Linux', version: 'rv' },\r\n { name: 'Palm', value: 'Palm', version: 'PalmOS' }\r\n ],\r\n databrowser: [\r\n { name: 'Chrome', value: 'Chrome', version: 'Chrome' },\r\n { name: 'Firefox', value: 'Firefox', version: 'Firefox' },\r\n { name: 'Safari', value: 'Safari', version: 'Version' },\r\n { name: 'Internet Explorer', value: 'MSIE', version: 'MSIE' },\r\n { name: 'Opera', value: 'Opera', version: 'Opera' },\r\n { name: 'BlackBerry', value: 'CLDC', version: 'CLDC' },\r\n { name: 'Mozilla', value: 'Mozilla', version: 'Mozilla' }\r\n ],\r\n init: function () {\r\n var agent = this.header.join(' '),\r\n os = this.matchItem(agent, this.dataos),\r\n browser = this.matchItem(agent, this.databrowser);\r\n\r\n return { os: os, browser: browser };\r\n },\r\n matchItem: function (string, data) {\r\n var i = 0,\r\n j = 0,\r\n html = '',\r\n regex,\r\n regexv,\r\n match,\r\n matches,\r\n version;\r\n\r\n for (i = 0; i < data.length; i += 1) {\r\n regex = new RegExp(data[i].value, 'i');\r\n match = regex.test(string);\r\n if (match) {\r\n regexv = new RegExp(data[i].version + '[- /:;]([\\\\d._]+)', 'i');\r\n matches = string.match(regexv);\r\n version = '';\r\n if (matches) { if (matches[1]) { matches = matches[1]; } }\r\n if (matches) {\r\n matches = matches.split(/[._]+/);\r\n for (j = 0; j < matches.length; j += 1) {\r\n if (j === 0) {\r\n version += matches[j] + '.';\r\n } else {\r\n version += matches[j];\r\n }\r\n }\r\n } else {\r\n version = '0';\r\n }\r\n return {\r\n name: data[i].name,\r\n version: parseFloat(version)\r\n };\r\n }\r\n }\r\n return { name: 'unknown', version: 0 };\r\n }\r\n };\r\n\r\n var e = module.init(),\r\n debug = '';\r\n\r\n\r\n debug += 'os.name:' + e.os.name + ' |-| ';\r\n debug += 'os.version:' + e.os.version + ' |-| ';\r\n debug += 'browser.name:' + e.browser.name + ' |-| ';\r\n debug += 'browser.version:' + e.browser.version + ' |-| ';\r\n debug += 'navigator.userAgent:' + navigator.userAgent + ' |-| ';\r\n debug += 'navigator.appVersion:' + navigator.appVersion + ' |-| ';\r\n debug += 'navigator.platform:' + navigator.platform + ' |-| ';\r\n debug += 'navigator.vendor:' + navigator.vendor;\r\n\r\n\r\n this.setState({ deviceUSer: debug })\r\n }\r\n\r\n cancelarPantalla = () => {\r\n\r\n let validacion = window.confirm(\"¿Está seguro que desea cancelar la solicitud?. Se perderán los cambios no guardados\");\r\n if (validacion == true) {\r\n\r\n // this.props.history.push('/VerCreditos')\r\n window.history.back();\r\n } else {\r\n\r\n }\r\n }\r\n\r\n\r\n BuscarUbicacion() {\r\n // alert(this.state.PostalCode + \"buscando\");\r\n axios.get('/Api/Credito/GetLastLocation?idsolicitud=' + this.state.IdSolicitud)\r\n .then(response => {\r\n console.log(response.data)\r\n\r\n\r\n if (response.data.length > 0) {\r\n this.setState({ Intentos: response.data.intentos });\r\n this.setState({ FechaVencimiento: response.data.fechaVencimiento });\r\n\r\n\r\n } else {\r\n this.setState({ Intentos: 0 });\r\n this.setState({ FechaVencimiento: new Date() });\r\n\r\n\r\n }\r\n\r\n\r\n\r\n console.log(this.state)\r\n\r\n\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n console.log(this.state)\r\n\r\n }\r\n GenerarCodigo = () => {\r\n\r\n\r\n this.setState({ NumAleatorio: Math.floor(Math.random() * (99999 - 10000 + 1)) + 10000 });\r\n\r\n\r\n console.log(this.state)\r\n }\r\n\r\n\r\n\r\n cambiarTelefono = () => {\r\n\r\n console.log(this.state)\r\n this.setState({ hidebtnEditartelf: false });\r\n\r\n // alert('cambire telefono')\r\n }\r\n\r\n\r\n ValidarCodigoSMS = (props) => {\r\n\r\n\r\n\r\n //this.setState({ [name]: value });\r\n if (this.state.NumAleatorio.toString() == this.state.ValidadorSMS.toString()) {\r\n\r\n\r\n this.setState({ hideAprobado: false });\r\n this.setState({ hideEncurso: true });\r\n this.setState({ hidevalidateBTN: true });\r\n this.setState({ validateTableAlert: true });\r\n this.sendDataServer()\r\n } else {\r\n this.setState({ hideAprobado: true });\r\n this.setState({ hideEncurso: false });\r\n this.setState({ validateTableAlert: false });\r\n\r\n }\r\n //console.log(props)\r\n }\r\n\r\n\r\n ReenviarCodigo = () => {\r\n this.setState({ validateTableAlert: true });\r\n if (parseInt(this.state.Intentos) <=3) {\r\n this.setState({ hideinputSMS: false });\r\n this.setState({ hideTextSMS: false });\r\n\r\n this.setState({ hidetextSMS: true });\r\n this.setState({ hideBTNinputSMS: true });\r\n this.setState({ hidevalidateBTN: false });\r\n //alert(this.state.NumAleatorio)\r\n axios.get('GetSMS')\r\n .then(response => {\r\n\r\n var SMSVar = response.data.split('|')\r\n // console.log(this.state.NumAleatorio )\r\n\r\n axios.get('https://api1.calixtaondemand.com/Controller.php/__a/sms.send.remote.ol.sa?cte=' + SMSVar[0] + '&encpwd=' + SMSVar[2] + '&email=' + SMSVar[1] + '&mtipo=SMS&' +\r\n 'numtel=' + this.state.Telf_Particular + '&msg=MaxCapitalMex: código de autorización para tu solicitud de crédito ' + this.state.NumAleatorio + '&json=1&auxiliar=Prueba_EIGO_V1')\r\n .then(response => {\r\n // console.log(response)\r\n\r\n }).catch(function (error) {\r\n console.log(error);\r\n })\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n\r\n if (this.state.mensajeModal == 'Volver a solicitar el codigo') {\r\n\r\n\r\n this.setState({ Intentos: parseInt(this.state.Intentos) + 1 });\r\n\r\n\r\n }\r\n else {\r\n this.setState({ MensajeValidador: 'Volver a solicitar el codigo' });\r\n this.setState({ Intentos: parseInt(this.state.Intentos) + 1 });\r\n\r\n\r\n\r\n }\r\n\r\n \r\n if ( this.state.Estado == \"\") {\r\n this.UpdateCreditoSMS(\"GUARDADO\");\r\n } else {\r\n this.UpdateCreditoSMS(\"GUARDADO\");\r\n }\r\n\r\n \r\n\r\n\r\n // alert('el codigo ha sido enviado de nuevo ' + this.state.NumAleatorio)\r\n\r\n\r\n\r\n\r\n console.log(this.state)\r\n }\r\n else {\r\n\r\n this.setState({ hidebtnEditartelf: true });\r\n this.setState({ hideTextSMS: true });\r\n this.setState({ hideBTNinputSMS: true });\r\n this.setState({ hideinputSMS: true });\r\n this.setState({ hidetextSMS: false });\r\n this.setState({ hidevalidateBTN: true });\r\n alert('limite de sms')\r\n }\r\n\r\n\r\n }\r\n\r\n\r\n GetUserCurrent = () => {\r\n console.log(this.props.match.params.id)\r\n axios.get('/Api/Usuario/Usuariodetails?idUsuario=' + this.state.UserId)\r\n .then(response => {\r\n console.log(response);\r\n console.log(response.data);\r\n this.setState({\r\n ApellidoP: response.data.lastName,\r\n Nombres: response.data.name,\r\n Empleador: response.data.company,\r\n ApellidoM: response.data.secondLastName,\r\n Genero: response.data.gender,\r\n lugar_Nacimiento: response.data.cityofBirth,\r\n Nacionalidad: response.data.nationality,\r\n Pais_Nacimiento: response.data.countryofBirth,\r\n RFC_Homoclave: response.data.rfc,\r\n CURP: response.data.curp,\r\n Fecha_Nacimiento: response.data.dob,\r\n Num_ident_Oficial_Vigente: response.data.officialIdNumber,\r\n Tipo: response.data.officialIdType,\r\n Correo: response.data.email,\r\n Telf_Particular: response.data.phoneNumber\r\n })\r\n\r\n\r\n if (this.state.Tipo == \"INE/IFE\") {\r\n\r\n this.setState({\r\n labelTipo: \"Clave de Elector*\",\r\n hidePasaporte: false\r\n })\r\n } else {\r\n\r\n this.setState({\r\n labelTipo: \"Número de Pasaporte*\",\r\n hidePasaporte: true\r\n })\r\n }\r\n var fecha = response.data.dob.split('T')\r\n var fechaFinal = fecha[0].split('-')\r\n this.setState({\r\n Fecha_Nacimiento: fechaFinal[2] + '-' + fechaFinal[1] + '-' + fechaFinal[0]\r\n\r\n })\r\n this.getInfo()\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n //\r\n }\r\n\r\n getInfo = () => {\r\n axios.get('/Api/Credito/CreditodetailById?id=' + this.props.match.params.id)\r\n .then(response => {\r\n console.log(response.data);\r\n console.log(response.data[0]);\r\n //\r\n if (this.state.UserId!==response.data[0].idUser) {\r\n\r\n \r\n this.setState({\r\n mensajeModal: \"No tiene los permisos para ingresar a página\"\r\n\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n }\r\n if (response.data[0].estadoCredito == \"GUARDADO\" || response.data[0].estadoCredito == \"GUARDADO POR EL SISTEMA\" ||\r\n \"REQUIERE CAMBIOS\" == response.data[0].estadoCredito || response.data[0].estadoCredito == \"INCOMPLETA\") {\r\n\r\n\r\n } else {\r\n this.setState({\r\n mensajeModal: \"La solicitud se encuentra en un estado que no puede ser editado\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n //alert()\r\n //this.props.history.push('/VerCreditos')\r\n } \r\n \r\n this.setState({\r\n MontoSolicitado: response.data[0].montoSolicitado.toString(),\r\n NumeroParcialidades: response.data[0].numeroParcialidades.toString(),\r\n MontoPosibleApagar: response.data[0].montoPosibleApagar.toString(),\r\n UsoCredito: response.data[0].usoCredito,\r\n TipodeEmpleo: response.data[0].tipodeEmpleo,\r\n IngresosDeclaradosMensuales: response.data[0].ingresosDeclaradosMensuales.toString(),\r\n FechaIngreso: response.data[0].fechaIngreso,\r\n IdSolicitud: response.data[0].IdSolicitud,\r\n NombreCompleto1: response.data[0].nombreCompleto1,\r\n Parentesco1: response.data[0].parentesco1,\r\n TelfLd1: response.data[0].telfLd1,\r\n Telefono1: response.data[0].telefono1,\r\n TelfExt1: response.data[0].telfExt1,\r\n NombreCompleto2: response.data[0].nombreCompleto2,\r\n Parentesco2: response.data[0].parentesco2,\r\n TelfLd2: response.data[0].telfLd2,\r\n Telefono2: response.data[0].telefono2,\r\n TelfExt2: response.data[0].telfExt2,\r\n NombreCompleto3: response.data[0].nombreCompleto3,\r\n Parentesco3: response.data[0].parentesco3,\r\n TelfLd3: response.data[0].telfLd3,\r\n Telefono3: response.data[0].telefono3,\r\n TelfExt3: response.data[0].telfExt3,\r\n AddressDetail: response.data[0].addressDetail,\r\n CologneFractionation: response.data[0].cologneFractionation,\r\n NumExt: response.data[0].numExt,\r\n NumInt: response.data[0].numInt,\r\n City: response.data[0].city,\r\n CitySelected: response.data[0].city,\r\n PostalCode: response.data[0].postalCode,\r\n DelegationMunicipality: response.data[0].delegationMunicipality,\r\n State: response.data[0].state,\r\n Cellphone2: response.data[0].cellphone,\r\n TypeHousing: response.data[0].typeHousing,\r\n YearsResidence: response.data[0].yearsResidence,\r\n MaximumDegreeStudies: response.data[0].maximumDegreeStudies,\r\n MaritalStatus: response.data[0].maritalStatus,\r\n SpousalRegime: response.data[0].spousalRegime,\r\n NumEconomicDependents: response.data[0].numEconomicDependents,\r\n FullNameSpouse: response.data[0].fullNameSpouse,\r\n OccupationSpouse: response.data[0].occupationSpouse,\r\n BusinessSpouse: response.data[0].businessSpouse,\r\n CellphoneSpouse: response.data[0].cellphoneSpouse,\r\n CompanyPhoneSpouse: response.data[0].companyPhoneSpouse,\r\n DestinodelCredito: response.data[0].destinodelCredito,\r\n OtroDestinodelCredito: response.data[0].otroDestinodelCredito,\r\n coloniaFrag: response.data[0].cologneFractionation,\r\n Latitud: response.data[0].latitud,\r\n Longitud: response.data[0].longitud,\r\n Direccion: response.data[0].direccion,\r\n NSS: response.data[0].nss,\r\n OfficialIdNumber2: response.data[0].officialIdNumber2,\r\n OfficialIdNumber3: response.data[0].officialIdNumber3\r\n })\r\n\r\n\r\n\r\n\r\n document.getElementById('LongitudAPI').value = this.state.Longitud\r\n\r\n document.getElementById('LatitudAPI').value = this.state.Latitud\r\n\r\n document.getElementById('UbicacionAPI').value = this.state.Direccion\r\n\r\n\r\n\r\n var Mensaje = \"Latitud\" + this.state.Latitud + \"\" +\r\n \"Longitud\" + this.state.Longitud + \"\" +\r\n //\"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[0].nodeName + \"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[0].textContent + \"\" +\r\n //\"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[1].nodeName + \"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[1].textContent + \"\" +\r\n //\"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[2].nodeName + \"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[2].textContent + \"\" +\r\n\r\n\r\n \"Dirección\" + this.state.Direccion;\r\n document.getElementById('UbicacionAPIText').innerHTML = Mensaje\r\n\r\n\r\n document.getElementById('mapaAPI').src = \"https://www.bing.com/maps/embed?h=400&w=500&cp=\" + this.state.Latitud + \"~\" + this.state.Longitud +\r\n \"&lvl=11&typ=s&sty=r&src=SHELL&FORM=MBEDV8\"\r\n\r\n \r\n this.BuscarCodigoPostalSEPOMEX()\r\n if (this.state.DestinodelCredito == \"OTRO\") {\r\n\r\n this.setState({ ['hideOtroDestinodelCredito']: false })\r\n } else {\r\n\r\n this.setState({ ['hideOtroDestinodelCredito']: true })\r\n\r\n }\r\n\r\n\r\n if (this.state.TypeHousing == \"OTRO\") {\r\n\r\n this.setState({ ['hideOtroTypeHousing']: false })\r\n } else {\r\n\r\n this.setState({ ['hideOtroTypeHousing']: true })\r\n\r\n }\r\n\r\n if (this.state.MaritalStatus == \"CASADO/A\" || this.state.MaritalStatus == \"CASADO / A\") {\r\n\r\n this.setState({ ['statusEdoCivil']: false })\r\n } else {\r\n\r\n this.setState({ ['statusEdoCivil']: true })\r\n\r\n } \r\n\r\n \r\n \r\n\r\n window.refreshBlobList(this.state.UserId, this.props.match.params.id, 10, 0);\r\n window.refreshBlobList(this.state.UserId, this.props.match.params.id, 0, 0);\r\n window.refreshBlobList(this.state.UserId, this.props.match.params.id, 9, 0);\r\n \r\n window.refreshBlobList(this.state.UserId, this.props.match.params.id, 1, 0);\r\n window.refreshBlobList(this.state.UserId, this.props.match.params.id, 2, 0);\r\n window.refreshBlobList(this.state.UserId, this.props.match.params.id, 3, 0);\r\n window.refreshBlobList(this.state.UserId, this.props.match.params.id, 8, 0);\r\n window.refreshBlobList(this.state.UserId, this.props.match.params.id, 4, 0);\r\n this.cambiarColonia()\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n }\r\n\r\n cambiarColonia = () => {\r\n\r\n this.setState({\r\n CologneFractionation: this.state.coloniaFrag\r\n })\r\n\r\n\r\n }\r\n CerrarModal = () => {\r\n\r\n //\r\n \r\n if (this.state.mensajeModal == \"No tiene los permisos para ingresar a página\" ||\r\n this.state.mensajeModal == \"La solicitud se encuentra en un estado que no puede ser editado\") {\r\n\r\n\r\n this.props.history.push('/')\r\n } else {\r\n this.setState({\r\n modal: false\r\n\r\n })\r\n }\r\n }\r\n\r\n VAlidarCamposForm = () => {\r\n // e.preventDefault();\r\n let error = {};\r\n let validador = true;\r\n this.setState({ errors: {} });\r\n\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab3Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab6Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab7Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab8Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n\r\n if (this.state.FechaIngreso == \"\") {\r\n error[\"Error_FechaIngreso\"] = \"Debe seleccionar una fecha valida.\";\r\n this.setState({ validadorTab3Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n\r\n validador = false;\r\n }\r\n\r\n\r\n if (this.state.Genero == null) {\r\n error[\"Error_Genero\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.lugar_Nacimiento == null) {\r\n error[\"Error_lugar_Nacimiento\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n this.setState({ validadorTab1: false });\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n\r\n\r\n }\r\n if (this.state.Nacionalidad == null) {\r\n error[\"Error_Nacionalidad\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Pais_Nacimiento == null) {\r\n error[\"Error_Pais_Nacimiento\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.RFC_Homoclave == null) {\r\n error[\"Error_RFC_Homoclave\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.CURP == null) {\r\n error[\"Error_CURP\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Fecha_Nacimiento == null) {\r\n error[\"Error_Fecha_Nacimiento\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Num_ident_Oficial_Vigente == null) {\r\n error[\"Error_Num_ident_Oficial_Vigente\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Tipo == null) {\r\n error[\"Error_Tipo\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Telf_Particular == null) {\r\n error[\"Error_Telf_Particular\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n //if (this.state.Empleador == \"\") {\r\n // error[\"Error_Empleador\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.TipodeEmpleo == \"\") {\r\n error[\"Error_TipodeEmpleo\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab3Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.IngresosDeclaradosMensuales == \"\") {\r\n error[\"Error_IngresosDeclaradosMensuales\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab3Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.MontoSolicitado == \"\") {\r\n error[\"Error_MontoSolicitado\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NumeroParcialidades == \"\") {\r\n error[\"Error_NumeroParcialidades\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.MontoPosibleApagar == \"\") {\r\n error[\"Error_MontoPosibleApagar\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.UsoCredito == \"\") {\r\n error[\"Error_UsoCredito\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NombreCompleto1 == \"\") {\r\n error[\"Error_NombreCompleto1\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Parentesco1 == \"\") {\r\n error[\"Error_Parentesco1\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfLd1 == \"\") {\r\n // error[\"Error_TelfLd1\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Telefono1 == \"\") {\r\n error[\"Error_Telefono1\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfExt1 == \"\") {\r\n // error[\"Error_TelfExt1\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.NombreCompleto2 == \"\") {\r\n error[\"Error_NombreCompleto2\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Parentesco2 == \"\") {\r\n error[\"Error_Parentesco2\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfLd2 == \"\") {\r\n // error[\"Error_TelfLd2\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Telefono2 == \"\") {\r\n error[\"Error_Telefono2\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfExt2 == \"\") {\r\n // error[\"Error_TelfExt2\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.NombreCompleto3 == \"\") {\r\n error[\"Error_NombreCompleto3\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Parentesco3 == \"\") {\r\n error[\"Error_Parentesco3\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfLd3 == \"\") {\r\n // error[\"Error_TelfLd3\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Telefono3 == \"\") {\r\n error[\"Error_Telefono3\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab5Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfExt3 == \"\") {\r\n // error[\"Error_TelfExt3\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.AddressDetail == \"\") {\r\n error[\"Error_AddressDetail\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.City == \"\") {\r\n error[\"Error_City\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NumExt == \"\") {\r\n error[\"Error_NumExt\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NumInt == \"\") {\r\n error[\"Error_NumInt\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.CologneFractionation == \"\") {\r\n error[\"Error_CologneFractionation\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n validador = false;\r\n }\r\n if (this.state.PostalCode == \"\") {\r\n error[\"Error_PostalCode\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n validador = false;\r\n }\r\n if (this.state.DelegationMunicipality == \"\") {\r\n error[\"Error_DelegationMunicipality\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.State == \"\") {\r\n error[\"Error_State\"] = \"Debe completar este campo.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.NumEconomicDependents == \"\") {\r\n error[\"Error_NumEconomicDependents\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n this.setState({ validadorTab1: false });\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n\r\n\r\n }\r\n\r\n if (this.state.Otro == \"\" && this.state.TypeHousing == \"Otro\") {\r\n error[\"Error_Otro\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.YearsResidence == \"\") {\r\n error[\"Error_YearsResidence\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n\r\n if (this.state.MaximumDegreeStudies == \"\") {\r\n error[\"Error_MaximumDegreeStudies\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n this.setState({ validadorTab1: false });\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n\r\n\r\n }\r\n if (this.state.MaritalStatus == \"\") {\r\n error[\"Error_MaritalStatus\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n this.setState({ validadorTab1: false });\r\n this.setState({ validadorTab1Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n\r\n\r\n }\r\n\r\n\r\n if (this.state.TypeHousing == \"\") {\r\n error[\"Error_TypeHousing\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.DestinodelCredito == \"\") {\r\n error[\"Error_DestinodelCredito\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ validadorTab4Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.YearsResidence == 0 || this.state.YearsResidence == \"\" || isNaN(this.state.YearsResidence) == true) {\r\n error[\"Error_YearsResidence\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ validadorTab2Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.IngresosDeclaradosMensuales == 0 || this.state.IngresosDeclaradosMensuales == \"\" || isNaN(this.state.IngresosDeclaradosMensuales) == true) {\r\n error[\"Error_IngresosDeclaradosMensuales\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.MontoSolicitado == 0 || this.state.MontoSolicitado == \"\" || isNaN(this.state.MontoSolicitado) == true) {\r\n error[\"Error_MontoSolicitado\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.NumeroParcialidades == 0 || this.state.NumeroParcialidades == \"\" || isNaN(this.state.NumeroParcialidades) == true) {\r\n error[\"Error_NumeroParcialidades\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.MontoPosibleApagar == 0 || this.state.MontoPosibleApagar == \"\" || isNaN(this.state.MontoPosibleApagar) == true) {\r\n error[\"Error_MontoPosibleApagar\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n\r\n\r\n }\r\n ValidateForm = () => {\r\n\r\n\r\n this.setState({ validadorTab6Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab7Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n this.setState({ validadorTab8Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n\r\n\r\n this.setState({ UbicacionAPI: document.getElementById('UbicacionAPI').value })\r\n\r\n this.setState({ LongitudAPI: document.getElementById('LongitudAPI').value })\r\n this.setState({ LatitudAPI: document.getElementById('LatitudAPI').value })\r\n console.log(document.getElementById('UbicacionAPI').value)\r\n\r\n console.log(this.state)\r\n\r\n\r\n if (document.getElementById('LongitudAPI').value == \"\" ||\r\n document.getElementById('LatitudAPI').value == \"\" ||\r\n document.getElementById('UbicacionAPI').value == \"\") {\r\n\r\n this.setState({ validadorTab8Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n }\r\n\r\n\r\n this.VAlidarCamposForm()\r\n\r\n\r\n\r\n if (this.state.Firma !== this.state.Nombres.toString().toUpperCase() + \" \" + this.state.ApellidoP.toString().toUpperCase() + \" \" + this.state.ApellidoM.toString().toUpperCase()) {\r\n // alert('Para continuar debe escribir su nombre(s) y apellido(s) igual al registrado en el sistema');\r\n this.setState({ validadorTab7Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n }\r\n\r\n\r\n\r\n\r\n if (document.querySelectorAll('.intent0').length <= 0 || document.querySelectorAll('.intent1').length <= 0\r\n || document.querySelectorAll('.intent2').length <= 0 || document.querySelectorAll('.intent4').length <= 0\r\n || document.querySelectorAll('.intent8').length <= 0 || document.querySelectorAll('.intent9').length <= 0\r\n // || (this.state.CartaPoder == true && document.querySelectorAll('.intent10').length <= 0)\r\n ) {\r\n\r\n // alert(\"Debe adjuntar los documentos requeridos\")\r\n this.setState({ validadorTab6Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({\r\n mensajeModal: \"Debe adjuntar los documentos requeridos\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n } else {\r\n if (this.state.Firma.toUpperCase() !== this.state.Nombres.toString().toUpperCase() + \" \" + this.state.ApellidoP.toString().toUpperCase() + \" \" + this.state.ApellidoM.toString().toUpperCase()) {\r\n\r\n // alert('Para continuar debe escribir su nombre(s) y apellido(s) igual al registrado en el sistema');\r\n\r\n this.setState({\r\n mensajeModal: 'Para continuar debe escribir su nombre(s) y apellido(s) igual al registrado en el sistema'\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n } else {\r\n if (this.state.aceptarCondiciones == true) {\r\n this.setState({ validadorTab7Class: 'textoCentrado navActiveButton ActivarMenuItem' })\r\n //let validacion = window.confirm(\"¿Está seguro que desea enviar la solicitud?. Una vez enviada, no podrá editar la solicitud\");\r\n //if (validacion == true) {\r\n this.IniciarProceso();\r\n\r\n //} else {\r\n\r\n //}\r\n\r\n \r\n }\r\n else {\r\n this.setState({ validadorTab7Class: 'textoCentrado navActiveButton ActivarRojo ActivarMenuItem' })\r\n this.setState({\r\n mensajeModal: 'Para continuar debe aceptar la Autorización para uso de la información.'\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n // alert('Para continuar debe aceptar la Autorización para uso de la información.');\r\n\r\n }\r\n }\r\n }\r\n }\r\n handleCheckCartaPoder = () => {\r\n this.setState({ CartaPoder: !this.state.CartaPoder });\r\n this.setState({ ['StatusCartapoder']: this.state.CartaPoder })\r\n\r\n\r\n\r\n }\r\n\r\n handleCheck = () => {\r\n this.setState({ aceptarCondiciones: !this.state.aceptarCondiciones });\r\n }\r\n IniciarProceso = () => {\r\n // e.preventDefault();\r\n let error = {};\r\n let validador = true;\r\n this.setState({ errors: {} });\r\n\r\n if (this.state.FechaIngreso == \"\") {\r\n error[\"Error_FechaIngreso\"] = \"Debe seleccionar una fecha valida.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.Genero == null) {\r\n error[\"Error_Genero\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.lugar_Nacimiento == null) {\r\n error[\"Error_lugar_Nacimiento\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Nacionalidad == null) {\r\n error[\"Error_Nacionalidad\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Pais_Nacimiento == null) {\r\n error[\"Error_Pais_Nacimiento\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.RFC_Homoclave == null) {\r\n error[\"Error_RFC_Homoclave\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.CURP == null) {\r\n error[\"Error_CURP\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Fecha_Nacimiento == null) {\r\n error[\"Error_Fecha_Nacimiento\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Num_ident_Oficial_Vigente == null) {\r\n error[\"Error_Num_ident_Oficial_Vigente\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Tipo == null) {\r\n error[\"Error_Tipo\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Telf_Particular == null) {\r\n error[\"Error_Telf_Particular\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.TipodeEmpleo == \"\") {\r\n error[\"Error_TipodeEmpleo\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.IngresosDeclaradosMensuales == \"\") {\r\n error[\"Error_IngresosDeclaradosMensuales\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.MontoSolicitado == \"\") {\r\n error[\"Error_MontoSolicitado\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NumeroParcialidades == \"\") {\r\n error[\"Error_NumeroParcialidades\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.MontoPosibleApagar == \"\") {\r\n error[\"Error_MontoPosibleApagar\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.UsoCredito == \"\") {\r\n error[\"Error_UsoCredito\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NombreCompleto1 == \"\") {\r\n error[\"Error_NombreCompleto1\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Parentesco1 == \"\") {\r\n error[\"Error_Parentesco1\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfLd1 == \"\") {\r\n // error[\"Error_TelfLd1\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Telefono1 == \"\") {\r\n error[\"Error_Telefono1\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfExt1 == \"\") {\r\n // error[\"Error_TelfExt1\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.NombreCompleto2 == \"\") {\r\n error[\"Error_NombreCompleto2\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Parentesco2 == \"\") {\r\n error[\"Error_Parentesco2\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfLd2 == \"\") {\r\n // error[\"Error_TelfLd2\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Telefono2 == \"\") {\r\n error[\"Error_Telefono2\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfExt2 == \"\") {\r\n // error[\"Error_TelfExt2\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.NombreCompleto3 == \"\") {\r\n error[\"Error_NombreCompleto3\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.Parentesco3 == \"\") {\r\n error[\"Error_Parentesco3\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfLd3 == \"\") {\r\n // error[\"Error_TelfLd3\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Telefono3 == \"\") {\r\n error[\"Error_Telefono3\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.TelfExt3 == \"\") {\r\n // error[\"Error_TelfExt3\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.AddressDetail == \"\") {\r\n error[\"Error_AddressDetail\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.CologneFractionation == \"\") {\r\n error[\"Error_CologneFractionation\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NumExt == \"\") {\r\n error[\"Error_NumExt\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.NumInt == \"\") {\r\n error[\"Error_NumInt\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.City == \"\") {\r\n error[\"Error_City\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n\r\n \r\n if (this.state.PostalCode == \"\") {\r\n error[\"Error_PostalCode\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.DelegationMunicipality == \"\") {\r\n error[\"Error_DelegationMunicipality\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.State == \"\") {\r\n error[\"Error_State\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.Telf_Particular2 == \"\") {\r\n // error[\"Error_Telf_Particular2\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.Cellphone == \"\") {\r\n // error[\"Error_Cellphone\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.Cellphone2 == \"\") {\r\n // error[\"Error_Cellphone2\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.MaximumDegreeStudies == \"\") {\r\n error[\"Error_MaximumDegreeStudies\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.MaritalStatus == \"\") {\r\n // error[\"Error_MaritalStatus\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.SpousalRegime == \"\") {\r\n // error[\"Error_SpousalRegime\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.NumEconomicDependents == \"\") {\r\n error[\"Error_NumEconomicDependents\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n //if (this.state.FullNameSpouse == \"\") {\r\n // error[\"Error_FullNameSpouse\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.OccupationSpouse == \"\") {\r\n // error[\"Error_OccupationSpouse\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.BusinessSpouse == \"\") {\r\n // error[\"Error_BusinessSpouse\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.CellphoneSpouse == \"\") {\r\n // error[\"Error_CellphoneSpouse\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n //if (this.state.CompanyPhoneSpouse == \"\") {\r\n // error[\"Error_CompanyPhoneSpouse\"] = \"Debe completar este campo.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //}\r\n if (this.state.Otro == \"\" && this.state.TypeHousing==\"Otro\") {\r\n error[\"Error_Otro\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.YearsResidence == \"\") {\r\n error[\"Error_YearsResidence\"] = \"Debe completar este campo.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.MaximumDegreeStudies == \"\") {\r\n error[\"Error_MaximumDegreeStudies\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.MaritalStatus == \"\") {\r\n error[\"Error_MaritalStatus\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n\r\n if (this.state.TypeHousing == \"\") {\r\n error[\"Error_TypeHousing\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.DestinodelCredito == \"\") {\r\n error[\"Error_DestinodelCredito\"] = \"Debe seleccionar una opción.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n\r\n if (this.state.YearsResidence == 0 || this.state.YearsResidence == \"\" || isNaN(this.state.YearsResidence) == true) {\r\n error[\"Error_YearsResidence\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.IngresosDeclaradosMensuales == 0 || this.state.IngresosDeclaradosMensuales == \"\" || isNaN(this.state.IngresosDeclaradosMensuales) == true) {\r\n error[\"Error_IngresosDeclaradosMensuales\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.MontoSolicitado == 0 || this.state.MontoSolicitado == \"\" || isNaN(this.state.MontoSolicitado) == true) {\r\n error[\"Error_MontoSolicitado\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (this.state.NumeroParcialidades == 0 || this.state.NumeroParcialidades == \"\" || isNaN(this.state.NumeroParcialidades) == true) {\r\n error[\"Error_NumeroParcialidades\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n if (this.state.MontoPosibleApagar == 0 || this.state.MontoPosibleApagar == \"\" || isNaN(this.state.MontoPosibleApagar) == true) {\r\n error[\"Error_MontoPosibleApagar\"] = \"Debe ingresar un monto mayor a 0\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n if (validador) {\r\n \r\n \r\n if (this.state.Estado == \"GUARDADO\" || this.state.Estado ==\"\") {\r\n this.setState({\r\n mensajeModal: \"ValidarSMS\"\r\n\r\n })\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n\r\n } else {\r\n\r\n this.setState({\r\n mensajeModal: \"success\"\r\n\r\n })\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n\r\n }\r\n \r\n\r\n } else {\r\n // alert('Por favor, verifique el formulario')\r\n this.setState({\r\n mensajeModal: 'Por favor, verifique el formulario'\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n\r\n }\r\n\r\n }\r\n\r\n sendDataServer = () => {\r\n\r\n this.setState({ errors: {} });\r\n console.log('validation successful')\r\n console.log(this.state)\r\n\r\n this.UpdateCredito(\"ENVIADA\");\r\n }\r\n\r\n\r\n \r\n\r\n\r\n\r\n\r\n SaveValidateFormAdjunto = (value, name, props) => {\r\n\r\n var btnaDjunto = value\r\n if (document.getElementById(\"files\" + value).files.length == 0) {\r\n\r\n\r\n this.setState({\r\n mensajeModal: \"No ha seleccionado un archivo.\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n }\r\n else {\r\n\r\n \r\n \r\n window.uploadBlobByStream(false, this.state.UserId, btnaDjunto, this.props.match.params.id)\r\n }\r\n\r\n\r\n\r\n }\r\n\r\n\r\n\r\n SaveValidateForm = () => {\r\n this.UpdateCredito(\"GUARDADO\") \r\n }\r\n\r\n UpdateCredito(estadoSolicitud) {\r\n \r\n const solicitud = {\r\n\r\n Id: parseInt(this.props.match.params.id),\r\n UserId: this.state.UserId\r\n };\r\n \r\n \r\n\r\n \r\n const address = {\r\n IdSolicitud: parseInt(this.props.match.params.id),\r\n\r\n AddressDetail: this.state.AddressDetail,\r\n CologneFractionation: this.state.CologneFractionation,\r\n PostalCode: this.state.PostalCode,\r\n NumExt:this.state.NumExt,\r\n NumInt: this.state.NumInt,\r\n City: this.state.City,\r\n DelegationMunicipality: this.state.DelegationMunicipality,\r\n State: this.state.State,\r\n Cellphone: this.state.Cellphone2,\r\n TypeHousing: this.state.TypeHousing,\r\n YearsResidence: parseInt(this.state.YearsResidence.toString())\r\n\r\n\r\n };\r\n const credito = {\r\n IdSolicitud: parseInt(this.props.match.params.id),\r\n MontoSolicitado: parseFloat(this.state.MontoSolicitado.toString()),\r\n NumeroParcialidades: parseFloat(this.state.NumeroParcialidades.toString()),\r\n MontoPosibleApagar: parseFloat(this.state.MontoPosibleApagar.toString()),\r\n UsoCredito: this.state.UsoCredito,\r\n Estado: estadoSolicitud,\r\n DestinodelCredito: this.state.DestinodelCredito,\r\n OtroDestinodelCredito: this.state.OtroDestinodelCredito,\r\n FechaModificacion: new Date()\r\n };\r\n\r\n const laboral = {\r\n IdSolicitud: parseInt(this.props.match.params.id),\r\n Empleador: this.state.Empleador,\r\n TipodeEmpleo: this.state.TipodeEmpleo,\r\n IngresosDeclaradosMensuales: parseFloat(this.state.IngresosDeclaradosMensuales.toString()),\r\n FechaIngreso: this.state.FechaIngreso\r\n };\r\n\r\n const referencias = {\r\n IdSolicitud: parseInt(this.props.match.params.id),\r\n NombreCompleto1: this.state.NombreCompleto1,\r\n Parentesco1: this.state.Parentesco1,\r\n TelfLd1: this.state.TelfLd1,\r\n Telefono1: this.state.Telefono1,\r\n TelfExt1: this.state.TelfExt1,\r\n NombreCompleto2: this.state.NombreCompleto2,\r\n Parentesco2: this.state.Parentesco2,\r\n TelfLd2: this.state.TelfLd2,\r\n Telefono2: this.state.Telefono2,\r\n TelfExt2: this.state.TelfExt2,\r\n NombreCompleto3: this.state.NombreCompleto3,\r\n Parentesco3: this.state.Parentesco3,\r\n TelfLd3: this.state.TelfLd3,\r\n Telefono3: this.state.Telefono3,\r\n TelfExt3: this.state.TelfExt3,\r\n };\r\n const demographic = {\r\n IdSolicitud: parseInt(this.props.match.params.id),\r\n MaximumDegreeStudies: this.state.MaximumDegreeStudies,\r\n MaritalStatus: this.state.MaritalStatus,\r\n SpousalRegime: this.state.SpousalRegime,\r\n NumEconomicDependents: this.state.NumEconomicDependents,\r\n FullNameSpouse: this.state.FullNameSpouse,\r\n OccupationSpouse: this.state.OccupationSpouse,\r\n BusinessSpouse: this.state.BusinessSpouse,\r\n CellphoneSpouse: this.state.CellphoneSpouse,\r\n CompanyPhoneSpouse: this.state.CompanyPhoneSpouse\r\n };\r\n\r\n\r\n\r\n\r\n var d = new Date()\r\n const ubicacion = {\r\n IdSolicitud: parseInt(this.props.match.params.id), \r\n Latitud: this.state.LatitudAPI,\r\n Longitud: this.state.LongitudAPI,\r\n Direccion: this.state.UbicacionAPI,\r\n InfoDevice: this.state.deviceUSer,\r\n Intentos: parseInt(this.state.Intentos),\r\n FechaVencimiento: new Date()\r\n };\r\n const AspNetUsers = {\r\n IdSolicitud: 0,\r\n PhoneNumber: this.state.Telf_Particular\r\n\r\n };\r\n\r\n\r\n const obj = {\r\n solicitud: solicitud,\r\n credito: credito,\r\n laboral: laboral,\r\n referencias: referencias,\r\n address: address,\r\n demographic: demographic,\r\n ubicacion: ubicacion,\r\n AspNetUsers: AspNetUsers\r\n }\r\n console.log(obj)\r\n \r\n\r\n\r\n\r\n axios.put('/Api/Credito/UpdateSolicitud/', obj)\r\n .then(json => {\r\n console.log(json.data)\r\n \r\n\r\n if (json.data.status === 'Updated') {\r\n console.log(json.data.Message);\r\n obj.credito.IdSolicitud = json.data.Message;\r\n\r\n\r\n if (estadoSolicitud == \"GUARDADO\") {\r\n this.props.history.push('/VerCreditos')\r\n }\r\n\r\n }\r\n }).catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n\r\n\r\n\r\n\r\n }\r\n\r\n UpdateCreditoSMS(estadoSolicitud) {\r\n\r\n const solicitud = {\r\n\r\n Id: parseInt(this.props.match.params.id),\r\n UserId: this.state.UserId\r\n };\r\n\r\n\r\n\r\n\r\n const address = {\r\n IdSolicitud: parseInt(this.props.match.params.id),\r\n\r\n AddressDetail: this.state.AddressDetail,\r\n CologneFractionation: this.state.CologneFractionation,\r\n PostalCode: this.state.PostalCode,\r\n NumExt: this.state.NumExt,\r\n NumInt: this.state.NumInt,\r\n City: this.state.City,\r\n DelegationMunicipality: this.state.DelegationMunicipality,\r\n State: this.state.State,\r\n Cellphone: this.state.Cellphone2,\r\n TypeHousing: this.state.TypeHousing,\r\n YearsResidence: parseInt(this.state.YearsResidence.toString())\r\n\r\n\r\n };\r\n const credito = {\r\n IdSolicitud: parseInt(this.props.match.params.id),\r\n MontoSolicitado: parseFloat(this.state.MontoSolicitado.toString()),\r\n NumeroParcialidades: parseFloat(this.state.NumeroParcialidades.toString()),\r\n MontoPosibleApagar: parseFloat(this.state.MontoPosibleApagar.toString()),\r\n UsoCredito: this.state.UsoCredito,\r\n Estado: estadoSolicitud,\r\n DestinodelCredito: this.state.DestinodelCredito,\r\n OtroDestinodelCredito: this.state.OtroDestinodelCredito,\r\n FechaModificacion: new Date()\r\n };\r\n\r\n const laboral = {\r\n IdSolicitud: parseInt(this.props.match.params.id),\r\n Empleador: this.state.Empleador,\r\n TipodeEmpleo: this.state.TipodeEmpleo,\r\n IngresosDeclaradosMensuales: parseFloat(this.state.IngresosDeclaradosMensuales.toString()),\r\n FechaIngreso: this.state.FechaIngreso\r\n };\r\n\r\n const referencias = {\r\n IdSolicitud: parseInt(this.props.match.params.id),\r\n NombreCompleto1: this.state.NombreCompleto1,\r\n Parentesco1: this.state.Parentesco1,\r\n TelfLd1: this.state.TelfLd1,\r\n Telefono1: this.state.Telefono1,\r\n TelfExt1: this.state.TelfExt1,\r\n NombreCompleto2: this.state.NombreCompleto2,\r\n Parentesco2: this.state.Parentesco2,\r\n TelfLd2: this.state.TelfLd2,\r\n Telefono2: this.state.Telefono2,\r\n TelfExt2: this.state.TelfExt2,\r\n NombreCompleto3: this.state.NombreCompleto3,\r\n Parentesco3: this.state.Parentesco3,\r\n TelfLd3: this.state.TelfLd3,\r\n Telefono3: this.state.Telefono3,\r\n TelfExt3: this.state.TelfExt3,\r\n };\r\n const demographic = {\r\n IdSolicitud: parseInt(this.props.match.params.id),\r\n MaximumDegreeStudies: this.state.MaximumDegreeStudies,\r\n MaritalStatus: this.state.MaritalStatus,\r\n SpousalRegime: this.state.SpousalRegime,\r\n NumEconomicDependents: this.state.NumEconomicDependents,\r\n FullNameSpouse: this.state.FullNameSpouse,\r\n OccupationSpouse: this.state.OccupationSpouse,\r\n BusinessSpouse: this.state.BusinessSpouse,\r\n CellphoneSpouse: this.state.CellphoneSpouse,\r\n CompanyPhoneSpouse: this.state.CompanyPhoneSpouse\r\n };\r\n\r\n\r\n\r\n\r\n var d = new Date()\r\n const ubicacion = {\r\n IdSolicitud: parseInt(this.props.match.params.id),\r\n Latitud: this.state.LatitudAPI,\r\n Longitud: this.state.LongitudAPI,\r\n Direccion: this.state.UbicacionAPI,\r\n InfoDevice: this.state.deviceUSer,\r\n Intentos: parseInt(this.state.Intentos),\r\n FechaVencimiento: new Date()\r\n };\r\n const AspNetUsers = {\r\n IdSolicitud: 0,\r\n PhoneNumber: this.state.Telf_Particular\r\n\r\n };\r\n\r\n\r\n const obj = {\r\n solicitud: solicitud,\r\n credito: credito,\r\n laboral: laboral,\r\n referencias: referencias,\r\n address: address,\r\n demographic: demographic,\r\n ubicacion: ubicacion,\r\n AspNetUsers: AspNetUsers\r\n }\r\n console.log(obj)\r\n\r\n\r\n\r\n\r\n axios.put('/Api/Credito/UpdateSolicitud/', obj)\r\n .then(json => {\r\n console.log(json.data)\r\n\r\n\r\n if (json.data.status === 'Updated') {\r\n console.log(json.data.Message);\r\n obj.credito.IdSolicitud = json.data.Message;\r\n\r\n\r\n \r\n\r\n }\r\n }).catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n\r\n\r\n\r\n\r\n }\r\n handleChange = (e) => {\r\n // this.ValidateForm();\r\n this.setState({ [e.target.name]: e.target.value });\r\n }\r\n\r\n handleChangeMontoPosibleApagar = (value, name, props) => {\r\n this.setState({ [name]: value });\r\n var valorMontoaPagar = value;\r\n var MontoIngreso = props.state.IngresosDeclaradosMensuales\r\n\r\n if (MontoIngreso * 0.30 < valorMontoaPagar) {\r\n\r\n this.setState({\r\n mensajeModal: \"El monto excede al permitido. El monto maximo a pagar debe ser menor o igual al 30% de los ingresos declarados mensuales\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n this.setState({ [name]: 0 });\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n handleChangeTabs = (value, name, props) => {\r\n\r\n console.log(this.state)\r\n this.setState({ [name]: value });\r\n\r\n console.log(this.state)\r\n }\r\n\r\n handleChangeDestinodelCredito = (value, name, props) => {\r\n\r\n this.setState({ [name]: value });\r\n\r\n if (value == \"OTRO\") {\r\n\r\n this.setState({ ['hideOtroDestinodelCredito']: false })\r\n } else {\r\n\r\n this.setState({ ['hideOtroDestinodelCredito']: true })\r\n\r\n }\r\n console.log(this.state)\r\n\r\n }\r\n\r\n handleChangehideOtroTypeHousing = (value, name, props) => {\r\n\r\n this.setState({ [name]: value });\r\n if (value == \"OTRO\") {\r\n\r\n this.setState({ ['hideOtroTypeHousing']: false })\r\n } else {\r\n\r\n this.setState({ ['hideOtroTypeHousing']: true })\r\n\r\n }\r\n\r\n }\r\n\r\n handleChangehidestatusEdoCivil = (value, name, props) => {\r\n\r\n this.setState({ [name]: value });\r\n if (value == \"CASADO/A\" || value== \"CASADO / A\") {\r\n\r\n this.setState({ ['statusEdoCivil']: false })\r\n } else {\r\n\r\n this.setState({ ['statusEdoCivil']: true })\r\n\r\n }\r\n\r\n }\r\n \r\n\r\n CerrarModalFinal = () => {\r\n\r\n this.props.history.push('/VerCreditos')\r\n }\r\n displayProcessR = () => {\r\n\r\n window.displayProcess(0)\r\n }\r\n render() {\r\n\r\n return (\r\n
\r\n \r\n \r\n\r\n \r\n Confirmar \r\n \r\n Si lo desea puede ingresar un comentario.\r\n \r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n
\r\n );\r\n }\r\n else if (props.state.Estado == \"APROBADA\") {\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n Confirmar \r\n \r\n Si lo desea puede ingresar un comentario.\r\n \r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n
\r\n );\r\n }\r\n else if (props.state.Estado == \"EN REVISIÓN\") {\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n Confirmar \r\n \r\n Si lo desea puede ingresar un comentario.\r\n \r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n
\r\n );\r\n }\r\n else if (props.state.Estado == \"EN REVISIÓN FIRMA Y SELFIE\") {\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n Confirmar \r\n \r\n Si lo desea puede ingresar un comentario.\r\n \r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n
\r\n );\r\n }\r\n else if (props.state.Estado == 'RECHAZAR SOLICITUD') {\r\n //solo regresar\r\n return (\r\n \r\n \r\n \r\n \r\n\r\n \r\n Confirmar \r\n \r\n Si lo desea puede ingresar un comentario.\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 else {\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n\r\n \r\n Confirmar \r\n \r\n Si lo desea puede ingresar un comentario.\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 else if (props.state.Rol == \"Vendedor\") {\r\n //4 botones\r\n console.log(props.state)\r\n if (props.state.Estado == \"ENVIADA\") {\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n Confirmar \r\n \r\n Si lo desea puede ingresar un comentario.\r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n else if (props.state.Estado == \"APROBADA\") {\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n Confirmar \r\n \r\n Si lo desea puede ingresar un comentario.\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 else {\r\n\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n Confirmar \r\n \r\n Si lo desea puede ingresar un comentario.\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 else if (props.state.Rol == \"Analista de Crédito\") {\r\n //4 botones\r\n console.log(props.state)\r\n if (props.state.Estado == \"EN REVISIÓN\") {\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n Confirmar \r\n \r\n Si lo desea puede ingresar un comentario.\r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n else if (props.state.Estado == \"EN REVISIÓN FIRMA Y SELFIE\") {\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n Confirmar \r\n \r\n Si lo desea puede ingresar un comentario.\r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n else {\r\n\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n Confirmar \r\n \r\n Si lo desea puede ingresar un comentario.\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 else {\r\n\r\n \r\n if (props.state.Estado == \"CONTRATO ANEXADO\" || props.state.Estado == \"REQUIERE CAMBIOS EN FIRMA O SELFIE\") {\r\n\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n Confirmar \r\n \r\n Si lo desea puede ingresar un comentario.\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 else {\r\n //solo regresar\r\n\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n Confirmar \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 ModalsComentario;","import React, { useState } from 'react';\r\nimport { Alert,Button, Modal, ModalHeader, ModalBody, ModalFooter, FormText, Container, Col, Form, Row, FormGroup, Label, Input, } from 'reactstrap';\r\nimport SignatureCanvas from 'react-signature-canvas';\r\nimport FileViewer from 'react-file-viewer';\r\nimport { MdInfo } from 'react-icons/md'; //GoIssueClosed\r\n\r\n\r\n\r\n\r\nconst ModalFirma = (props) => {\r\n \r\n const {\r\n buttonLabel,\r\n className, informativo\r\n } = props;\r\n\r\n const [modal, setModal] = useState(false);\r\n\r\n const toggle = () => setModal(!modal);\r\n\r\n const update = (e) => {\r\n console.log(props.state.EstadoModal);\r\n console.log(e.target.value);\r\n \r\n props.onUpdate(e.target.value);\r\n\r\n };\r\n\r\n\r\n\r\n const EstadoSolicitudVerModal = (e) => {\r\n\r\n console.log(props.state.EstadoModal);\r\n // props.state.EstadoModal = e.target.value\r\n\r\n console.log(props.state.EstadoModal);\r\n\r\n toggle()\r\n }\r\n const ActualizarElemento = (e) => {\r\n console.log(e.target.value);\r\n props.onActualizar(props, props.state.EstadoModal)\r\n setModal(!modal);\r\n }\r\n\r\n const SaveValidateFormAdjunto = () => {\r\n console.log(props);\r\n props.SaveValidateFormAdjunto()\r\n\r\n\r\n }\r\n const displayProcessR = () => {\r\n console.log(props);\r\n props.displayProcessR()\r\n\r\n\r\n }\r\n\r\n \r\n const SaveValidateFormselfie = () => {\r\n console.log(props);\r\n props.SaveValidateFormselfie()\r\n\r\n\r\n }\r\n\r\n const clear = (e) => {\r\n console.log(props);\r\n props.clear(props)\r\n \r\n \r\n }\r\n\r\n const trim = (e) => {\r\n console.log(props);\r\n\r\n props.trim(props)\r\n setModal(!modal);\r\n \r\n }\r\n\r\n const GetDocument = (e) => {\r\n console.log(props);\r\n props.GetDocument(props)\r\n \r\n }\r\n const modalFirma = () => {\r\n props.modalFirma()\r\n }\r\n\r\n\r\n if (props.state.Rol == \"Admin\" || props.state.Rol == \"Analista de Crédito\" || props.state.Rol == \"Vendedor\") {\r\n\r\n if (props.state.Estado == \"EN REVISIÓ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 This is a success alert — check it out!\r\n \r\n \r\n This is a danger alert — check it out!\r\n \r\n \r\n\r\n \r\n
\r\n
)\r\n }\r\n\r\n else if (props.state.Estado == \"CONTRATO ANEXADO\") {\r\n return (\r\n \r\n
\r\n CONTRATO
\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 else if (props.state.Estado == \"EN REVISIÓN FIRMA Y SELFIE\" || props.state.Estado == \"APROBADA\" || props.state.Estado == \"REQUIERE CAMBIOS EN FIRMA O SELFIE\" || props.state.Estado == \"DISPERSADO\") {\r\n\r\n return (\r\n \r\n
\r\n\r\n
\r\n CONTRATO
\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 else {\r\n //solo regresar\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n\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 CONTRATO
\r\n\r\n\r\n\r\n
\r\n \r\n FIRMA
\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n SELFIE
\r\n\r\n\r\n\r\n \r\n
);\r\n\r\n }\r\n }\r\n else {\r\n\r\n if (props.state.Estado == \"CONTRATO ANEXADO\" || props.state.Estado == \"REQUIERE CAMBIOS EN FIRMA O SELFIE\") {\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 Firma de contrato \r\n \r\n \r\n\r\n \r\n \r\n { props.state.sigPad = ref }} penColor='navy' backgroundColor='rgba(246,246,246,1)'\r\n canvasProps={{ width: 900, height: 200, className: 'sigCanvas' }} />\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 else if (props.state.Estado == \"EN REVISIÓN\")\r\n {\r\n //solo regresar\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n\r\n ![]()
\r\n
\r\n\r\n ![]()
\r\n \r\n This is a success alert — check it out!\r\n \r\n \r\n This is a danger alert — check it out!\r\n \r\n \r\n \r\n\r\n
\r\n
\r\n \r\n\r\n
\r\n CONTRATO
\r\n\r\n\r\n\r\n
\r\n FIRMA
\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n SELFIE
\r\n\r\n\r\n\r\n \r\n
);\r\n\r\n }\r\n else if (props.state.Estado == \"EN REVISIÓN FIRMA Y SELFIE\" || props.state.Estado == \"DISPERSADO\" ) {\r\n\r\n return (\r\n \r\n \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n \r\n
\r\n );\r\n\r\n }\r\n\r\n else {\r\n //solo regresar \r\n\r\n return (\r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n\r\n ![]()
\r\n \r\n \r\n ![]()
\r\n \r\n \r\n\r\n
\r\n
\r\n \r\n\r\n
\r\n \r\n CONTRATO
\r\n\r\n\r\n
\r\n FIRMA
\r\n\r\n\r\n\r\n
\r\n\r\n SELFIE
\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 ModalFirma;","import React, { useState } from 'react';\r\nimport { Alert,TabContent, TabPane, Nav, NavItem, NavLink, Card, Button, CardTitle, CardText, Row, Col, Container, Form, FormGroup, Label, Input, FormText } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport { FaChevronLeft, FaChevronRight } from 'react-icons/fa';\r\nimport { MdMyLocation } from 'react-icons/md';\r\nimport { FaInfoCircle } from 'react-icons/fa';\r\nimport ModalsComentario from './ModalsComentario'\r\nimport ModalFirma from './ModalFirma'\r\n\r\nvar tabActual = 1;\r\nvar tabActualString = 1;\r\nconst TabsForm = (props) => {\r\n const [activeTab, setActiveTab] = useState('1');\r\n let class1 = \"\";\r\n let class2 = \"\";\r\n let class3 = \"\";\r\n \r\n let btnSiguiente = \"btnOculto\";\r\n console.log(props.state)\r\n\r\n\r\n const SaveValidateFormCarta = () => {\r\n //console.log(e.target.value)\r\n console.log(\"/////////////////////////\")\r\n\r\n\r\n props.SaveValidateFormCarta()\r\n\r\n }\r\n const displayProcessR = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.displayProcessR()\r\n\r\n }\r\n\r\n console.log(props.state)\r\n var Option3;\r\n if (props.state.Rol !== \"Admin\") {\r\n\r\n if (props.state.Estado == \"CONTRATO ANEXADO\") {\r\n Option3 = \r\n \r\n \r\n This is a success alert — check it out!\r\n \r\n \r\n This is a danger alert — check it out!\r\n \r\n
;\r\n\r\n }\r\n else {\r\n Option3 = \"\";\r\n }\r\n\r\n\r\n }\r\n\r\n\r\n\r\n const toggle = tab => {\r\n console.log(tab)\r\n btnSiguiente = true;\r\n\r\n \r\n var i=0\r\n do {\r\n var i = i + 1;\r\n \r\n var elems = document.querySelectorAll(\".nav.nav-tabs li:nth-child(\" + i + \") .row .navActiveButton.textoCentrado\");\r\n\r\n [].forEach.call(elems, function (el) {\r\n el.className = el.className.replace(/\\bActivarMenuItem\\b/, \"\");\r\n });\r\n } while (i < 8);\r\n\r\n if (tab == 1) {\r\n \r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 1);\r\n\r\n\r\n \r\n\r\n }\r\n else if (tab == 2) {\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child('+i+') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 2);\r\n\r\n \r\n\r\n \r\n\r\n }\r\n else if (tab == 3) {\r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 3);\r\n }\r\n else if (tab == 4) {\r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 4);\r\n }\r\n else if (tab == 5) {\r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 5);\r\n }\r\n else if (tab == 6) {\r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 6);\r\n }\r\n else if (tab == 7) {\r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 7);\r\n }\r\n\r\n else if (tab == 8) {\r\n\r\n var elems = document.querySelectorAll(\".btn.btn-success.btnOculto.btnSiguiente\");\r\n\r\n [].forEach.call(elems, function (el) {\r\n el.className = el.className.replace(/\\bbtnOculto\\b/, \"\");\r\n });\r\n\r\n var i = 0;\r\n do {\r\n i = i + 1;\r\n var element, name, arr;\r\n element = document.querySelectorAll('.nav.nav-tabs li:nth-child(' + i + ') .row .textoCentrado ')[0]\r\n name = \"ActivarMenuItem\";\r\n arr = element.className.split(\" \");\r\n if (arr.indexOf(name) == -1) {\r\n element.className += \" \" + name;\r\n }\r\n } while (i < 8);\r\n }\r\n\r\n\r\n\r\n tabActual = tab\r\n tabActualString = tabActual\r\n if (activeTab !== tab) setActiveTab(tab);\r\n }\r\n \r\n \r\n const handleChangeTabs = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleChangeTabs(e.target.value, e.target.name,props )\r\n \r\n }\r\n\r\n const handleChangehidestatusEdoCivil = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleChangehidestatusEdoCivil(e.target.value, e.target.name, props)\r\n\r\n }\r\n\r\n \r\n const handleChangehideOtroTypeHousing = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleChangehideOtroTypeHousing(e.target.value, e.target.name, props)\r\n\r\n }\r\n const handleChangeDestinodelCredito = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleChangeDestinodelCredito(e.target.value, e.target.name, props)\r\n\r\n }\r\n const handleChangePostalCode = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n console.log(props.state.PostalCode)\r\n props.handleChangePostalCode(props.state.PostalCode,'PostalCode', props)\r\n\r\n }\r\n\r\n const handleChangeMontoPosibleApagar = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleChangeMontoPosibleApagar(e.target.value, e.target.name, props)\r\n\r\n }\r\n const SaveValidateFormAdjunto = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n \r\n \r\n props.SaveValidateFormAdjunto(e.target.value, e.target.name, props)\r\n\r\n }\r\n\r\n \r\n const handleCheck = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleCheck()\r\n\r\n }\r\n const handleCheckCartaPoder = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.handleCheckCartaPoder()\r\n\r\n }\r\n\r\n const cancelarPantalla = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.cancelarPantalla()\r\n\r\n }\r\n\r\n const SaveValidateForm = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.SaveValidateForm()\r\n\r\n }\r\n\r\n const ValidateForm = (e) => {\r\n console.log(e.target.value)\r\n console.log(e.target)\r\n props.ValidateForm()\r\n\r\n }\r\n\r\n const NavigateNext = (e) => {\r\n\r\n if (tabActual == 8) {\r\n\r\n } else {\r\n tabActual = parseInt(tabActual) + 1\r\n console.log(tabActual)\r\n tabActualString = tabActual;\r\n toggle(tabActualString.toString())\r\n classnames({ active: tabActualString.toString() })\r\n }\r\n \r\n\r\n }\r\n\r\n const NavigateBefore = (e) => {\r\n \r\n if (tabActual == 1) {\r\n\r\n } else {\r\n tabActual = parseInt(tabActual) - 1\r\n console.log(tabActual)\r\n tabActualString = tabActual;\r\n toggle(tabActualString.toString())\r\n classnames({ active: tabActualString.toString() })\r\n }\r\n\r\n }\r\n \r\n const AlertaInfoUbicacion = () => {\r\n\r\n\r\n\r\n props.AlertaInfoUbicacion()\r\n\r\n \r\n }\r\n const UbicarPesona = () => {\r\n\r\n\r\n\r\n props.UbicarPesona()\r\n\r\n console.log(window.UbicacionPersona)\r\n }\r\n\r\n\r\n const modalFirma = () => {\r\n props.modalFirma()\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 \r\n\r\n \r\n \r\n\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n ![\"Max](\"/images/Logo-color-max-capital-mex-300x59.png\")
\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default TabsForm;","import React, { useState } from 'react';\r\nimport { Alert, TabContent, TabPane, Nav, NavItem, NavLink, Card, Button, CardTitle, CardText, Row, Col, Container, Form, FormGroup, Label, Input, FormText } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport { FaChevronLeft, FaChevronRight } from 'react-icons/fa';\r\nimport { MdMyLocation } from 'react-icons/md';\r\nimport { FaInfoCircle } from 'react-icons/fa';\r\n\r\n\r\nvar tabActual = 1;\r\nvar tabActualString = 1;\r\nconst bannerMensaje = (props) => {\r\n\r\n var Option3;\r\n console.log(props.state)\r\n console.log(props.state.Estado)\r\n \r\n if (props.state.Estado == \"DISPERSADO\" ) {\r\n Option3 = \r\n
\r\n
\r\n
\r\n DATOS PERSONALES
\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 INFORMACIÓN DEL CÓNYUGE
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n INFORMACIÓN DE DOMICILIO
\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 INFORMACIÓN LABORAL
\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n INFORMACION DEL CRÉDITO SOLICITADO
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n REFERENCIAS PERSONALES
\r\n\r\n
\r\n REFERENCIAS PERSONALES
(Familiares o amigos, mayores de 18 años que vivan en la misma ciudad en diferente residencia)
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n DOCUMENTOS
\r\n\r\n
\r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n\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 {Option3}\r\n\r\n \r\n\r\n\r\n
\r\n\r\n
\r\n \r\n
- Se debe adjuntar el documento en formato jpg,png,bpm, pdf.
\r\n \r\n \r\n Solicitud de crédito
\r\n\r\n
\r\n AUTORIZACIÓ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 {item.titulo}
)}\r\n \r\n {item.valor}
\r\n
\r\n
________________________________
\r\n Iniciales
\r\n \r\n {item.titulo}
)}\r\n \r\n {item.valor}
\r\n
\r\n
\r\n
________________________________
\r\n Iniciales
\r\n \r\n {item.titulo}
)}\r\n \r\n {item.valor}
\r\n
- Crédito sujeto al cumplimiento de requisitos, verificación de datos y análisis crediticio.
\r\n\r\n \r\n \r\n
\r\n COMPARTIR LOCALIZACIÓ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 {item.titulo}
)}\r\n \r\n\r\n {item.valor}
\r\n
\r\n \r\n \r\n
- Los campos marcados con (*) son obligatorios
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
__________________________________________
\r\n Firma
\r\n {props.state.Nombres.toString() + \" \" + props.state.ApellidoP.toString() + \" \" + props.state.ApellidoM.toString()}
\r\n \r\n \r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n ¡Felicidades {props.state.Nombres + \" \" + props.state.ApellidoP} tu crédito ha sido
\r\n
;\r\n }\r\n else if ( props.state.Estado == \"APROBADA\") {\r\n Option3 = ¡Felicidades {props.state.Nombres + \" \" + props.state.ApellidoP} tu crédito ha sido Dispersado!
\r\n \r\n ¡Felicidades {props.state.Nombres + \" \" + props.state.ApellidoP} tu solicitud ha sido
\r\n
;\r\n }\r\n \r\n else {\r\n Option3 = ¡Felicidades {props.state.Nombres + \" \" + props.state.ApellidoP} tu solicitud ha sido Aprobado!
\r\n La solicitud se encuentra en el estado {props.state.Estado}.
\r\n {Option3}\r\n
\r\n );\r\n\r\n}\r\n\r\nexport default bannerMensaje;","import React, { useState } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport SignatureCanvas from 'react-signature-canvas';\r\nimport axios from 'axios';\r\nimport { Alert,Container, Col, Form, Row, FormGroup, FormText , Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport AuthorizeRoute from './api-authorization/AuthorizeRoute';\r\nimport ApiAuthorizationRoutes from './api-authorization/ApiAuthorizationRoutes';\r\nimport { ApplicationPaths } from './api-authorization/ApiAuthorizationConstants';\r\nimport authService from './api-authorization/AuthorizeService';\r\n\r\n\r\nimport ModalsAlert from './ModalsAlert'\r\nimport FileViewer from 'react-file-viewer';\r\nimport Tabs from './TabsView';\r\nimport Banner from './bannerMensaje';\r\n\r\n\r\n\r\nclass solicitudDetail extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n Id: 0,\r\n UserId:'',\r\n ApellidoP: '',\r\n ApellidoM: '',\r\n Nombres: '',\r\n Genero: '',\r\n lugar_Nacimiento: '',\r\n Nacionalidad: '',\r\n Pais_Nacimiento: '',\r\n RFC_Homoclave: '',\r\n CURP: '',\r\n Fecha_Nacimiento: '',\r\n Num_ident_Oficial_Vigente: '',\r\n Tipo: '',\r\n Correo: '',\r\n hideOtroDestinodelCredito:true,\r\n hideOtroTypeHousing: true,\r\n labelTipo: \"Clave de Elector*\",\r\n statusEdoCivil: true,\r\n AddressDetail: '',\r\n CologneFractionation: '',\r\n PostalCode: 0,\r\n NumExt: 0,\r\n NumInt:'',\r\n City: '',\r\n DelegationMunicipality: '',\r\n State: '',\r\n Telf_Particular: '',\r\n Telf_Particular2: '',\r\n Cellphone: '',\r\n Telf_Celular2: '',\r\n\r\n NSS: '',\r\n OfficialIdNumber2: '',\r\n OfficialIdNumber3:'',\r\n\r\n MaximumDegreeStudies: '',\r\n MaritalStatus: '',\r\n SpousalRegime: '',\r\n NumEconomicDependents: 0,\r\n FullNameSpouse: '',\r\n OccupationSpouse: '',\r\n BusinessSpouse: '',\r\n CellphoneSpouse: '',\r\n CompanyPhoneSpouse: '',\r\n TypeHousing: '',\r\n Otro: '',\r\n YearsResidence: 0,\r\n Empleador: '',\r\n TipodeEmpleo:'',\r\n IngresosDeclaradosMensuales: 0,\r\n FechaIngreso: '',\r\n MontoSolicitado: 0,\r\n NumeroParcialidades:0,\r\n MontoPosibleApagar: 0,\r\n UsoCredito: '',\r\n DestinodelCredito: '',\r\n OtroDestinodelCredito:'',\r\n NombreCompleto1: '',\r\n Parentesco1: '',\r\n TelfLd1: '',\r\n Telefono1: '',\r\n TelfExt1: '',\r\n NombreCompleto2: '',\r\n Parentesco2: '',\r\n TelfLd2: '',\r\n Telefono2: '',\r\n TelfExt2: '',\r\n NombreCompleto3: '',\r\n Parentesco3: '',\r\n TelfLd3: '',\r\n Telefono3: '',\r\n TelfExt3: '',\r\n Estado: '',\r\n FechaModificacion: '',\r\n Firma: '',\r\n UserIdLogin:'',\r\n aceptarCondiciones: false,\r\n Rol: '',\r\n Comentario: '',\r\n EstadoModal: '',\r\n errors: {},\r\n Avisos: [],\r\n Catalogo: [],\r\n bloquearCiudad: 'disabled',\r\n Sepomex: [],\r\n StatusCartapoder: true,\r\n CartaPoder: false,\r\n aceptarCondiciones: false,\r\n sigPad : {\r\n width: 500,\r\n height: 200,\r\n },\r\n\r\n trimmedDataURL: null,\r\n imageFirma: null,\r\n imagenselfie: false,\r\n mensajeModal: '',\r\n modal: false,\r\n type0: 'png',\r\n viewer0: '',\r\n \r\n UbicacionPersona: '',\r\n validadorTab1Class: \"textoCentrado navActiveButton ActivarMenuItem\",\r\n validadorTab2Class: \"textoCentrado navActiveButton \",\r\n validadorTab3Class: \"textoCentrado navActiveButton \",\r\n validadorTab4Class: \"textoCentrado navActiveButton \",\r\n validadorTab5Class: \"textoCentrado navActiveButton \",\r\n validadorTab6Class: \"textoCentrado navActiveButton \",\r\n validadorTab7Class: \"textoCentrado navActiveButton \",\r\n validadorTab8Class: \"textoCentrado navActiveButton \",\r\n LatitudAPI: '',\r\n UbicacionAPI: '',\r\n LongitudAPI: '',\r\n Intentos: 0,\r\n FechaVencimiento: '',\r\n hideinputSMS: true,\r\n hideTextSMS: false,\r\n hideBTNinputSMS: false,\r\n hidetextSMS: true,\r\n hidevalidateBTN: true,\r\n hideAprobado: true,\r\n hideEncurso: false,\r\n hidebtnEditartelf: true,\r\n validateTableAlert: true,\r\n coloniaFrag: '',\r\n\r\n hidePasaporte:true\r\n \r\n }\r\n\r\n\r\n \r\n \r\n this.LLamarModal = this.LLamarModal.bind(this)\r\nthis.CerrarModal = this.CerrarModal.bind(this)\r\n // this.sigPad= React.createRef();\r\n this.saveFileFromString = this.saveFileFromString.bind(this)\r\n this.cancelarPantalla = this.cancelarPantalla.bind(this)\r\n this.UpdateCredito = this.UpdateCredito.bind(this)\r\n this.handleChange = this.handleChange.bind(this)\r\n this.SaveValidateFormAdjunto = this.SaveValidateFormAdjunto.bind(this)\r\n this.displayProcessR = this.displayProcessR.bind(this)\r\n this.SaveValidateFormfoto = this.SaveValidateFormfoto.bind(this)\r\n this.refreshBlobListR = this.refreshBlobListR.bind(this)\r\n this.clear = this.clear.bind(this)\r\n this.GetDocument = this.GetDocument.bind(this)\r\n this.trim = this.trim.bind(this);\r\n this.SaveValidateFormselfie = this.SaveValidateFormselfie.bind(this)\r\n \r\n }\r\n componentDidMount() {\r\n this.BuscarAviso()\r\n\r\n this.BuscarCatalogo();\r\n\r\n \r\n this._subscription = authService.subscribe(() => this.populateState2());\r\n this.populateState2();\r\n axios.get('GetSaS')\r\n .then(response => {\r\n\r\n var azure = response.data.split('@')\r\n window.sas = azure[0];\r\n window.account = azure[1];\r\n var validador = window.checkParameters()\r\n if (validador == true) {\r\n window.getBlobService()\r\n window.viewContainer(azure[2])\r\n }\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n //var validador = window.checkParameters()\r\n\r\n //if (validador == true) {\r\n // window.getBlobService()\r\n // window.viewContainer('maxcapitalmexdocs')\r\n\r\n\r\n //}\r\n\r\n \r\n\r\n \r\n\r\n }\r\n\r\n\r\n BuscarCatalogo() {\r\n\r\n axios.get('/Api/Settings/GetCatalogo')\r\n .then(response => {\r\n\r\n\r\n this.setState({ Catalogo: response.data });\r\n console.log(this.state.Catalogo)\r\n this.BuscarAviso();\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n\r\n }\r\n\r\n async populateState2() {\r\n const [isAuthenticated, user] = await Promise.all([authService.isAuthenticated(), authService.getUser()])\r\n console.log(user)\r\n this.state.UserIdLogin = user.sub\r\n \r\n this.GetUserCurrent();\r\n console.log(this.props.match.params.id)\r\n\r\n console.log(this.state.UserIdLogin)\r\n\r\n\r\n\r\n // window.refreshBlobList(this.state.UserId)\r\n }\r\n\r\n CerrarModal = () => {\r\n\r\n \r\n\r\n if (this.state.mensajeModal == \"No es un usuario valido\") {\r\n\r\n\r\n this.props.history.push('/')\r\n } else {\r\n this.setState({\r\n modal: false\r\n\r\n })\r\n }\r\n }\r\n\r\n modalFirma = () => {\r\n\r\n this.setState({\r\n mensajeModal: \"ModalFirma\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n }\r\n\r\n LLamarModal = (mensaje) => {\r\n this.setState({\r\n mensajeModal: mensaje\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n }\r\n UpdateCredito(Estado, props) {\r\n console.log(props)\r\n\r\n if (props.state.Estado == \"CONTRATO ANEXADO\" || props.state.Estado == \"REQUIERE CAMBIOS EN FIRMA O SELFIE\") {\r\n\r\n Estado = \"EN REVISIÓN FIRMA Y SELFIE\"\r\n }\r\n\r\n\r\n const credito = {\r\n IdSolicitud: parseInt(props.state.Id),\r\n Estado: this.state.EstadoModal,\r\n Comentario: this.state.Comentario\r\n\r\n };\r\n \r\n \r\n \r\n console.log(credito)\r\n axios.put('/Api/Credito/UpdateStatusCredito/', credito)\r\n .then(json => {\r\n console.log(json.data)\r\n // this.props.history.push('/VerCreditos')\r\n\r\n window.history.back();\r\n }).catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n\r\n\r\n\r\n\r\n }\r\n cancelarPantalla = () => {\r\n window.history.back();\r\n }\r\n GetUserCurrent = () => {\r\n console.log(this.props.match.params.id)\r\n axios.get('/Api/Usuario/UsuarioRole?idEmpleado=' + this.state.UserIdLogin)\r\n \r\n .then(response => {\r\n console.log(response);\r\n console.log(response.data);\r\n if (response.data.length>0) {\r\n this.setState({\r\n Rol: response.data[0].role\r\n })\r\n\r\n }\r\n \r\n this.getInfo()\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n //\r\n }\r\n \r\n getInfo = () => {\r\n console.log('acaaaaaaas')\r\n axios.get('/Api/Credito/CreditodetailById?id=' + this.props.match.params.id)\r\n .then(response => {\r\n console.log(response.data);\r\n console.log(this.state)\r\n this.setState({\r\n Id: this.props.match.params.id ,\r\n ApellidoP: response.data[0].lastName,\r\n Nombres: response.data[0].name,\r\n ApellidoM: response.data[0].secondLastName,\r\n Genero: response.data[0].gender,\r\n lugar_Nacimiento: response.data[0].cityofBirth,\r\n Nacionalidad: response.data[0].nationality,\r\n Pais_Nacimiento: response.data[0].countryofBirth,\r\n RFC_Homoclave: response.data[0].rfc,\r\n CURP: response.data[0].curp,\r\n Cellphone2: response.data[0].cellphone,\r\n Num_ident_Oficial_Vigente: response.data[0].officialIdNumber,\r\n Tipo: response.data[0].officialIdType,\r\n Correo: response.data[0].email,\r\n Telf_Particular: response.data[0].phoneNumber,\r\n NumeroParcialidades: response.data[0].numeroParcialidades.toString(),\r\n MontoPosibleApagar: response.data[0].montoPosibleApagar.toString(),\r\n UsoCredito: response.data[0].usoCredito,\r\n DestinodelCredito: response.data[0].destinodelCredito,\r\n OtroDestinodelCredito: response.data[0].otroDestinodelCredito,\r\n Empleador: response.data[0].empleador,\r\n TipodeEmpleo: response.data[0].tipodeEmpleo,\r\n IngresosDeclaradosMensuales: response.data[0].ingresosDeclaradosMensuales.toString(),\r\n FechaIngreso: response.data[0].fechaIngreso,\r\n IdSolicitud: response.data[0].IdSolicitud,\r\n NombreCompleto1: response.data[0].nombreCompleto1,\r\n Parentesco1: response.data[0].parentesco1,\r\n TelfLd1: response.data[0].telfLd1,\r\n Telefono1: response.data[0].telefono1,\r\n TelfExt1: response.data[0].telfExt1,\r\n NombreCompleto2: response.data[0].nombreCompleto2,\r\n Parentesco2: response.data[0].parentesco2,\r\n TelfLd2: response.data[0].telfLd2,\r\n Telefono2: response.data[0].telefono2,\r\n TelfExt2: response.data[0].telfExt2,\r\n NombreCompleto3: response.data[0].nombreCompleto3,\r\n Parentesco3: response.data[0].parentesco3,\r\n TelfLd3: response.data[0].telfLd3,\r\n Telefono3: response.data[0].telefono3,\r\n TelfExt3: response.data[0].telfExt3,\r\n AddressDetail: response.data[0].addressDetail,\r\n CologneFractionation: response.data[0].cologneFractionation,\r\n PostalCode: response.data[0].postalCode,\r\n NumExt: response.data[0].numExt,\r\n NumInt: response.data[0].numInt,\r\n City: response.data[0].city,\r\n DelegationMunicipality: response.data[0].delegationMunicipality,\r\n State: response.data[0].state,\r\n MontoSolicitado: response.data[0].montoSolicitado.toString(),\r\n TypeHousing: response.data[0].typeHousing,\r\n YearsResidence: response.data[0].yearsResidence,\r\n MaximumDegreeStudies: response.data[0].maximumDegreeStudies,\r\n MaritalStatus: response.data[0].maritalStatus,\r\n SpousalRegime: response.data[0].spousalRegime,\r\n NumEconomicDependents: response.data[0].numEconomicDependents,\r\n FullNameSpouse: response.data[0].fullNameSpouse,\r\n OccupationSpouse: response.data[0].occupationSpouse,\r\n BusinessSpouse: response.data[0].businessSpouse,\r\n CellphoneSpouse: response.data[0].cellphoneSpouse,\r\n CompanyPhoneSpouse: response.data[0].companyPhoneSpouse,\r\n Estado: response.data[0].estadoCredito,\r\n UserId: response.data[0].idUser,\r\n Latitud: response.data[0].latitud,\r\n Longitud: response.data[0].longitud,\r\n Direccion: response.data[0].direccion,\r\n NSS: response.data[0].nss,\r\n OfficialIdNumber2 :response.data[0].officialIdNumber2,\r\n OfficialIdNumber3: response.data[0].officialIdNumber3\r\n\r\n })\r\n\r\n if (this.state.Tipo == \"INE/IFE\") {\r\n\r\n this.setState({\r\n labelTipo: \"Clave de Elector*\",\r\n hidePasaporte:false\r\n })\r\n } else {\r\n\r\n this.setState({\r\n labelTipo: \"Número de Pasaporte*\",\r\n hidePasaporte: true\r\n })\r\n }\r\n document.getElementById('LongitudAPI').value = this.state.Latitud\r\n\r\n document.getElementById('LatitudAPI').value = this.state.Longitud\r\n\r\n document.getElementById('UbicacionAPI').value = this.state.Direccion\r\n \r\n\r\n\r\n var Mensaje = \"Latitud\" + this.state.Latitud + \"\" +\r\n \"Longitud\" + this.state.Longitud + \"\" +\r\n //\"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[0].nodeName + \"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[0].textContent + \"\" +\r\n //\"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[1].nodeName + \"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[1].textContent + \"\" +\r\n //\"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[2].nodeName + \"\" + xmlDoc.childNodes[0].childNodes[6].childNodes[0].childNodes[1].childNodes[0].childNodes[4].childNodes[2].textContent + \"\" +\r\n\r\n\r\n \"Dirección\" + this.state.Direccion;\r\n document.getElementById('UbicacionAPIText').innerHTML = Mensaje\r\n\r\n\r\n document.getElementById('mapaAPI').src = \"https://www.bing.com/maps/embed?h=400&w=500&cp=\" + this.state.Latitud + \"~\" + this.state.Longitud +\r\n \"&lvl=11&typ=s&sty=r&src=SHELL&FORM=MBEDV8\"\r\n\r\n var fecha = response.data[0].dob.split('T')\r\n var fechaFinal = fecha[0].split('-')\r\n this.setState({\r\n Fecha_Nacimiento: fechaFinal[2] + '-' + fechaFinal[1] + '-' + fechaFinal[0]\r\n\r\n })\r\n\r\n this.BuscarCodigoPostalSEPOMEX()\r\n\r\n if (this.state.Rol == \"Admin\" || this.state.Rol == \"Vendedor\" || this.state.Rol == \"Analista de Crédito\") {\r\n\r\n if (this.state.Estado == \"EN REVISIÓN\") {\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 5, 0);\r\n \r\n }\r\n else {\r\n if (this.state.Estado == \"CONTRATO ANEXADO\") {\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 5, 1);\r\n }\r\n \r\n if (this.state.Estado == \"DISPERSADO\" || this.state.Estado == \"APROBADA\" || this.state.Estado == \"EN REVISIÓN FIRMA Y SELFIE\" || this.state.Estado == \"REQUIERE CAMBIOS EN FIRMA O SELFIE\") {\r\n \r\n window.refreshBlobList(this.state.UserId, this.state.Id, 6, 1);\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 5, 1); \r\n }\r\n }\r\n }\r\n else {\r\n\r\n if (this.state.UserId !== this.state.UserIdLogin) {\r\n //no es el usuario solicitante\r\n \r\n this.setState({\r\n mensajeModal: \"No es un usuario valido\"\r\n\r\n })\r\n\r\n this.setState({\r\n modal: true\r\n\r\n })\r\n \r\n\r\n }\r\n var verificarURL;\r\n\r\n if (this.state.Estado == \"CONTRATO ANEXADO\" || this.state.Estado == \"REQUIERE CAMBIOS EN FIRMA O SELFIE\") {\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 3, 0);\r\n verificarURL = window.refreshBlobList(this.state.UserId, this.state.Id, 6, 0);\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 5, 1);\r\n\r\n }\r\n else {\r\n \r\n if (this.state.Estado == \"DISPERSADO\") {\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 5, 1);\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 6, 1);\r\n }\r\n }\r\n\r\n }\r\n \r\n if (this.state.DestinodelCredito == \"OTRO\") {\r\n\r\n this.setState({ ['hideOtroDestinodelCredito']: false })\r\n }\r\n else {\r\n\r\n this.setState({ ['hideOtroDestinodelCredito']: true })\r\n\r\n }\r\n\r\n if (this.state.TypeHousing == \"OTRO\") {\r\n\r\n this.setState({ ['hideOtroTypeHousing']: false })\r\n }\r\n else {\r\n\r\n this.setState({ ['hideOtroTypeHousing']: true })\r\n\r\n } \r\n\r\n if (this.state.MaritalStatus == \"CASADO/A\") {\r\n\r\n this.setState({ ['statusEdoCivil']: false })\r\n }\r\n else {\r\n\r\n this.setState({ ['statusEdoCivil']: true })\r\n\r\n } \r\n\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 0, 1);\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 9, 1);\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 1, 1);\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 2, 1);\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 3, 1);\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 4, 1);\r\n window.refreshBlobList(this.state.UserId, this.state.Id, 8, 1);\r\n window.getFirma(this.state.UserId + \"/\" + this.state.Id + \"/7/Firma\")\r\n \r\n //this.cambiarColonia()\r\n\r\n // alert(document.getElementById(\"adjunto6\").getAttribute(\"href\"))\r\n this.GetDocument(this)\r\n this.f1()\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n \r\n \r\n }\r\n\r\n\r\n\r\n BuscarCodigoPostalSEPOMEX() {\r\n if (this.state.PostalCode == \"\") {\r\n\r\n\r\n } else {\r\n axios.get('/Api/Settings/Sepomex?id=' + this.state.PostalCode)\r\n .then(response => {\r\n console.log(response.data)\r\n\r\n\r\n this.setState({ Sepomex: response.data });\r\n\r\n this.setState({ State: response.data[0].dEstado })\r\n this.setState({ DelegationMunicipality: response.data[0].dMnpio })\r\n\r\n if (response.data[0].dCiudad == \"\" || response.data[0].dCiudad == null || response.data[0].dCiudad == \"null\") {\r\n this.setState({ bloquearCiudad: '' })\r\n \r\n } else {\r\n this.setState({ bloquearCiudad: 'disabled' })\r\n this.setState({ City: response.data[0].dCiudad })\r\n }\r\n\r\n\r\n console.log(response.data)\r\n\r\n console.log(document.querySelectorAll('.intent10').length)\r\n if (document.querySelectorAll('.intent10').length > 0) {\r\n this.setState({ CartaPoder: true });\r\n this.setState({ ['StatusCartapoder']: false })\r\n\r\n }\r\n\r\n\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n }\r\n }\r\n\r\n\r\n BuscarAviso() {\r\n\r\n axios.get('/Api/Settings/GetAvisos')\r\n .then(response => {\r\n\r\n\r\n this.setState({ Avisos: response.data });\r\n console.log(this.state.Avisos)\r\n\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n\r\n }\r\n\r\n async f1() {\r\n var x = await this.resolveAfter2Seconds(10);\r\n console.log(x); // 10\r\n var valor = x.split(\"?\")\r\n this.setState({ viewer0: valor[0] })\r\n console.log(this.state)\r\n\r\n //FileViewer.open(valor).then(() => {\r\n // console.log('success');\r\n //}).catch(error => {\r\n // console.log(error);\r\n // })\r\n }\r\n\r\n resolveAfter2Seconds() {\r\n return new Promise(resolve => {\r\n setTimeout(() => {\r\n resolve(window.file0);\r\n }, 2000);\r\n });\r\n}\r\n ValidateForm = () => {\r\n // e.preventDefault();\r\n let error = {};\r\n let validador = true;\r\n this.setState({ errors: {} });\r\n //if (this.state.Fecha_Nacimiento == \"\") {\r\n // error[\"Error_Fecha_Nacimiento\"] = \"Debe seleccionar una fecha valida.\";\r\n // this.setState({ errors: error });\r\n // validador = false;\r\n //} \r\n if (this.state.FechaIngreso == \"\") {\r\n error[\"Error_FechaIngreso\"] = \"Debe seleccionar una fecha valida.\";\r\n this.setState({ errors: error });\r\n validador = false;\r\n }\r\n\r\n if (validador) {\r\n this.setState({ errors: {} });\r\n console.log('validation successful')\r\n console.log(this.state)\r\n this.addCredito();\r\n\r\n \r\n } else {\r\n // alert('Por favor, verifique el formulario')\r\n }\r\n \r\n }\r\n addCredito = () => {\r\n\r\n const solicitud = {\r\n Id: parseInt(0),\r\n UserId: this.state.UserId\r\n };\r\n const credito = {\r\n IdSolicitud: 0,\r\n MontoSolicitado:parseFloat(this.state.MontoSolicitado.toString()),\r\n NumeroParcialidades: parseFloat(this.state.NumeroParcialidades.toString()),\r\n MontoPosibleApagar: parseFloat(this.state.MontoPosibleApagar.toString()),\r\n UsoCredito: this.state.UsoCredito,\r\n Estado: this.state.Estado\r\n };\r\n\r\n const laboral = {\r\n IdSolicitud: 0,\r\n Empleador: this.state.Empleador,\r\n TipodeEmpleo: this.state.TipodeEmpleo,\r\n IngresosDeclaradosMensuales: parseFloat(this.state.IngresosDeclaradosMensuales.toString()),\r\n FechaIngreso: this.state.FechaIngreso\r\n };\r\n\r\n const referencias = {\r\n IdSolicitud: 0,\r\n NombreCompleto1: this.state.NombreCompleto1,\r\n Parentesco1: this.state.Parentesco1,\r\n TelfLd1: this.state.TelfLd1,\r\n Telefono1: this.state.Telefono1,\r\n TelfExt1: this.state.TelfExt1,\r\n NombreCompleto2: this.state.NombreCompleto2,\r\n Parentesco2: this.state.Parentesco2,\r\n TelfLd2: this.state.TelfLd2,\r\n Telefono2: this.state.Telefono2,\r\n TelfExt2: this.state.TelfExt2,\r\n NombreCompleto3: this.state.NombreCompleto3,\r\n Parentesco3: this.state.Parentesco3,\r\n TelfLd3: this.state.TelfLd3,\r\n Telefono3: this.state.Telefono3,\r\n TelfExt3: this.state.TelfExt3,\r\n };\r\n const obj = {\r\n solicitud: solicitud,\r\n credito: credito,\r\n laboral: laboral,\r\n referencias: referencias\r\n }\r\n console.log(obj)\r\n //carga de la solicitud\r\n axios.post('/Api/Credito/AddSolicitud/', obj).then(json => {\r\n console.log(json.data)\r\n if (json.data.status === 'Success') {\r\n console.log(json.data.Message);\r\n obj.credito.IdSolicitud = json.data.Message;\r\n\r\n \r\n\r\n\r\n\r\n\r\n }\r\n \r\n }).catch(error => {\r\n console.log(error.response)\r\n });\r\n\r\n \r\n\r\n }\r\n handleChange = (e) => {\r\n // this.ValidateForm();\r\n console.log(e)\r\n e.preventDefault();\r\n this.setState({ [e.target.name]: e.target.value });\r\n }\r\n\r\n onUpdateEstadoFail = (val) => {\r\n console.log(val)\r\n this.setState({\r\n EstadoModal: val\r\n })\r\n\r\n console.log(this.state)\r\n };\r\n onUpdate = (val) => {\r\n console.log(val)\r\n this.setState({\r\n Comentario: val\r\n })\r\n\r\n console.log(this.state)\r\n };\r\n\r\n onActualizar = (val,Estado) => {\r\n console.log(val)\r\n console.log(Estado)\r\n this.UpdateCredito(Estado, val)\r\n }\r\n\r\n SaveValidateFormAdjunto = () => {\r\n\r\n window.uploadBlobByStream(false, this.state.UserId, 5, this.state.Id)\r\n }\r\n SaveValidateFormselfie = () => {\r\n\r\n window.uploadBlobByStream(false, this.state.UserId, 6, this.state.Id)\r\n }\r\n\r\n SaveValidateFormCarta = () => {\r\n console.log(\"/////////////////////////\")\r\n window.uploadBlobByStream(false, this.state.UserId, 3, this.state.Id)\r\n }\r\n saveFileFromString = () => {\r\n console.log(this.state.trimmedDataURL)\r\n window.uploadBlobFromText(this.state.UserId + \"/\" + this.state.Id + \"/7/Firma\", this.state.trimmedDataURL)\r\n \r\n \r\n }\r\n GetDocument = (modalValue) => {\r\n\r\n console.log(\"/////////////////////////\" + document.getElementById(\"adjunto7\"))\r\n console.log(\"/////////////////////////\" + document.getElementById(\"imagenFirmaGet\").src)\r\n\r\n \r\n window.getFirma(modalValue.state.UserId + \"/\" + modalValue.state.Id + \"/7/Firma\");\r\n\r\n \r\n \r\n }\r\n\r\n SaveValidateFormfoto = () => {\r\n\r\n window.uploadBlobByStream(false, this.state.UserId, 6, this.state.Id)\r\n }\r\n displayProcessR = () => {\r\n\r\n window.displayProcess(0)\r\n }\r\n refreshBlobListR = () => {\r\n console.log(\"acas\")\r\n \r\n }\r\n //sigPad = {\r\n // width: 500,\r\n // height: 200,\r\n //};\r\n handleChangeFirma = () => {\r\n // this.ValidateForm();\r\n \r\n \r\n // this.setState({ [e.target.name]: e.target.value });\r\n }\r\n trim = (modalValue) => {\r\n\r\n\r\n this.setState({\r\n trimmedDataURL: modalValue.state.sigPad.getTrimmedCanvas()\r\n .toDataURL('image/png')\r\n })\r\n console.log(this.state)\r\n\r\n \r\n\r\n\r\n\r\n console.log(modalValue)\r\n console.log(modalValue.state.trimmedDataURL)\r\n window.uploadBlobFromText(this.state.UserId + \"/\" + this.state.Id + \"/7/Firma\", modalValue.state.sigPad.getTrimmedCanvas().toDataURL('image/png'))\r\n\r\n \r\n }\r\n clear = (modalValue) => {\r\n modalValue.state.sigPad.clear()\r\n }\r\n render() {\r\n \r\n console.log(this.state)\r\n var Option3;\r\n if (this.state.Rol !== \"Admin\") {\r\n\r\n if (this.state.Estado == \"Contrato anexado\") {\r\n Option3 = \r\n \r\n \r\n This is a success alert — check it out!\r\n \r\n \r\n This is a danger alert — check it out!\r\n \r\n
;\r\n \r\n }\r\n else {\r\n Option3 = \"\";\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 ButtonEstado(cell, row) {\r\n\r\n var enlace = \"\"\r\n console.log(\"*************************\")\r\n console.log(row)\r\n console.log(cell)\r\n console.log(row)\r\n console.log(this.state)\r\n console.log(\"xxxxxxxxxxxxxxxxxxxxxxxxxxxx\")\r\n if (this.state.Rol == \"Admin\" || this.state.Rol == \"Vendedor\" || this.state.Rol == \"Analista de Crédito\") {\r\n console.log(row.rol)\r\n console.log(row.estado)\r\n if (row.estado == \"ENVIADA\") {\r\n return \r\n\r\n \r\n
;\r\n }\r\n\r\n else if (row.estado == \"COMPLETA\") {\r\n return \r\n\r\n \r\n
;\r\n }\r\n else if (row.estado == \"APROBADA\") {\r\n return \r\n\r\n \r\n
;\r\n }\r\n else if (row.estado == \"EN REVISIÓN\") {\r\n\r\n\r\n return \r\n\r\n \r\n
;\r\n }\r\n else if (row.estado == \"DISPERSADO\") {\r\n return \r\n\r\n \r\n
;\r\n\r\n }\r\n else if (row.estado == \"EN REVISIÓN FIRMA Y SELFIE\") {\r\n\r\n\r\n return \r\n\r\n \r\n
;\r\n\r\n }\r\n else if (row.estado == \"CONTRATO ANEXADO\") {\r\n return \r\n\r\n \r\n
;\r\n\r\n }\r\n else if (row.estado == \"RECHAZAR SOLICITUD\") {\r\n\r\n return \r\n \r\n
;\r\n\r\n }\r\n\r\n else if (row.estado == \"REQUIERE CAMBIOS\" || row.estado == \"REQUIERE CAMBIOS EN FIRMA O SELFIE\") {\r\n\r\n return \r\n\r\n \r\n
;\r\n }\r\n else {\r\n\r\n return \r\n\r\n \r\n
;\r\n }\r\n\r\n } else {\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 MontoFormatter(cell, row) {\r\n let numero = new Intl.NumberFormat(\"es-MX\", {\r\n style: \"currency\",\r\n currency: \"MXN\"\r\n }).format(row.montocredito)\r\n console.log(numero)\r\n\r\n return {numero}
;\r\n\r\n }\r\n Montodate(cell, row) {\r\n \r\n console.log(row.fechaModificacion)\r\n var date = new Date(row.fechaModificacion);\r\n\r\n var fecha = new Intl.DateTimeFormat(\"es-MX\", {\r\n year: \"numeric\",\r\n month: \"2-digit\",\r\n day: \"2-digit\"\r\n }).format(date)\r\n \r\n return {fecha}
;\r\n\r\n }\r\n handleExportCSVButtonClick = (onClick) => {\r\n // Custom your onClick event here,\r\n // it's not necessary to implement this function if you have no any process before onClick\r\n console.log('This is my custom function for ExportCSVButton click event');\r\n onClick();\r\n }\r\n createCustomExportCSVButton = (onClick) => {\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 ID \r\n usuarioID \r\n Empresa \r\n Apellido \r\n Nombres \r\n ID \r\n \r\n Fecha de modificación \r\n Monto \r\n Estado \r\n Acción \r\n Rol \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n","import React, { useState } from 'react';\r\nimport axios from 'axios';\r\nimport { Alert,Container, FormText, Col, Form, Row, FormGroup, Label, Input, Button } from 'reactstrap';\r\nimport AuthorizeRoute from './api-authorization/AuthorizeRoute';\r\nimport ApiAuthorizationRoutes from './api-authorization/ApiAuthorizationRoutes';\r\nimport { ApplicationPaths } from './api-authorization/ApiAuthorizationConstants';\r\nimport authService from './api-authorization/AuthorizeService';\r\nimport { FaDownload } from 'react-icons/fa'; \r\n\r\nclass VerDocumentos extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n Id: 0,\r\n UserId: '',\r\n ApellidoP: '',\r\n ApellidoM: '',\r\n Nombres: '',\r\n Genero: '',\r\n lugar_Nacimiento: '',\r\n Nacionalidad: '',\r\n Pais_Nacimiento: '',\r\n RFC_Homoclave: '',\r\n CURP: '',\r\n Fecha_Nacimiento: '',\r\n Num_ident_Oficial_Vigente: '',\r\n Tipo: '',\r\n Correo: '',\r\n hideOtroDestinodelCredito: true,\r\n\r\n\r\n\r\n AddressDetail: '',\r\n CologneFractionation: '',\r\n PostalCode: 0,\r\n DelegationMunicipality: '',\r\n State: '',\r\n Telf_Particular: '',\r\n Telf_Particular2: '',\r\n Cellphone: '',\r\n Telf_Celular2: '',\r\n\r\n\r\n\r\n MaximumDegreeStudies: '',\r\n MaritalStatus: '',\r\n SpousalRegime: '',\r\n NumEconomicDependents: 0,\r\n FullNameSpouse: '',\r\n OccupationSpouse: '',\r\n BusinessSpouse: '',\r\n CellphoneSpouse: '',\r\n CompanyPhoneSpouse: '',\r\n TypeHousing: '',\r\n Otro: '',\r\n YearsResidence: 0,\r\n Empleador: '',\r\n TipodeEmpleo: '',\r\n IngresosDeclaradosMensuales: 0,\r\n FechaIngreso: '',\r\n MontoSolicitado: 0,\r\n NumeroParcialidades: 0,\r\n MontoPosibleApagar: 0,\r\n UsoCredito: '',\r\n DestinodelCredito: '',\r\n OtroDestinodelCredito: '',\r\n NombreCompleto1: '',\r\n Parentesco1: '',\r\n TelfLd1: '',\r\n Telefono1: '',\r\n TelfExt1: '',\r\n NombreCompleto2: '',\r\n Parentesco2: '',\r\n TelfLd2: '',\r\n Telefono2: '',\r\n TelfExt2: '',\r\n NombreCompleto3: '',\r\n Parentesco3: '',\r\n TelfLd3: '',\r\n Telefono3: '',\r\n TelfExt3: '',\r\n Estado: '',\r\n FechaModificacion: '',\r\n Firma: '',\r\n UserIdLogin: '',\r\n aceptarCondiciones: false,\r\n Rol: '',\r\n Comentario: '',\r\n EstadoModal: '',\r\n errors: {},\r\n sigPad: {\r\n width: 500,\r\n height: 200,\r\n },\r\n\r\n trimmedDataURL: null,\r\n imageFirma: null,\r\n imagenselfie: false,\r\n \r\n\r\n }\r\n \r\n }\r\n componentDidMount() {\r\n // console.log(\"acaaaas\")\r\n\r\n \r\n\r\n this._subscription = authService.subscribe(() => this.populateState2());\r\n this.populateState2();\r\n \r\n //var validador = window.checkParameters()\r\n\r\n\r\n axios.get('GetSaS')\r\n .then(response => {\r\n\r\n var azure = response.data.split('@')\r\n window.sas = azure[0];\r\n window.account = azure[1];\r\n var validador = window.checkParameters()\r\n if (validador == true) {\r\n window.getBlobService()\r\n window.viewContainer(azure[2])\r\n }\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n //if (validador == true) {\r\n // window.getBlobService()\r\n // window.viewContainer('maxcapitalmexdocs')\r\n\r\n\r\n //}\r\n\r\n\r\n\r\n\r\n\r\n }\r\n async populateState2() {\r\n const [isAuthenticated, user] = await Promise.all([authService.isAuthenticated(), authService.getUser()])\r\n \r\n this.setState({ UserIdLogin: user.sub })\r\n\r\n\r\n this.GetUserCurrent();\r\n \r\n\r\n // window.refreshBlobList(this.state.UserId)\r\n }\r\n\r\n \r\n cancelarPantalla = () => {\r\n window.history.back();\r\n }\r\n GetUserCurrent = () => {\r\n // console.log(this.props.match.params.id)\r\n axios.get('/Api/Usuario/UsuarioRole?idEmpleado=' + this.state.UserIdLogin)\r\n\r\n .then(response => {\r\n // console.log(response);\r\n // console.log(response.data);\r\n if (response.data.length > 0) {\r\n this.setState({\r\n Rol: response.data[0].role\r\n })\r\n this.getInfo()\r\n } else {\r\n alert(\"No tiene los permisos para ingresar a página\")\r\n this.props.history.push('/')\r\n }\r\n\r\n \r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n //\r\n }\r\n\r\n getInfo = () => {\r\n axios.get('/Api/Credito/CreditodetailById?id=' + this.props.match.params.id)\r\n .then(response => {\r\n // console.log(response.data);\r\n // console.log(this.state)\r\n this.setState({\r\n Id: this.props.match.params.id,\r\n ApellidoP: response.data[0].lastName,\r\n Nombres: response.data[0].name,\r\n ApellidoM: response.data[0].secondLastName,\r\n Genero: response.data[0].gender,\r\n lugar_Nacimiento: response.data[0].cityofBirth,\r\n Nacionalidad: response.data[0].nationality,\r\n Pais_Nacimiento: response.data[0].countryofBirth,\r\n RFC_Homoclave: response.data[0].rfc,\r\n CURP: response.data[0].curp,\r\n Fecha_Nacimiento: response.data[0].dob,\r\n Num_ident_Oficial_Vigente: response.data[0].officialIdNumber,\r\n Tipo: response.data[0].officialIdType,\r\n Correo: response.data[0].email,\r\n Telf_Particular: response.data[0].phoneNumber,\r\n NumeroParcialidades: response.data[0].numeroParcialidades.toString(),\r\n MontoPosibleApagar: response.data[0].montoPosibleApagar.toString(),\r\n UsoCredito: response.data[0].usoCredito,\r\n DestinodelCredito: response.data[0].destinodelCredito,\r\n OtroDestinodelCredito: response.data[0].otroDestinodelCredito,\r\n Empleador: response.data[0].empleador,\r\n TipodeEmpleo: response.data[0].tipodeEmpleo,\r\n IngresosDeclaradosMensuales: response.data[0].ingresosDeclaradosMensuales.toString(),\r\n FechaIngreso: response.data[0].fechaIngreso,\r\n IdSolicitud: response.data[0].IdSolicitud,\r\n NombreCompleto1: response.data[0].nombreCompleto1,\r\n Parentesco1: response.data[0].parentesco1,\r\n TelfLd1: response.data[0].telfLd1,\r\n Telefono1: response.data[0].telefono1,\r\n TelfExt1: response.data[0].telfExt1,\r\n NombreCompleto2: response.data[0].nombreCompleto2,\r\n Parentesco2: response.data[0].parentesco2,\r\n TelfLd2: response.data[0].telfLd2,\r\n Telefono2: response.data[0].telefono2,\r\n TelfExt2: response.data[0].telfExt2,\r\n NombreCompleto3: response.data[0].nombreCompleto3,\r\n Parentesco3: response.data[0].parentesco3,\r\n TelfLd3: response.data[0].telfLd3,\r\n Telefono3: response.data[0].telefono3,\r\n TelfExt3: response.data[0].telfExt3,\r\n AddressDetail: response.data[0].addressDetail,\r\n CologneFractionation: response.data[0].cologneFractionation,\r\n PostalCode: response.data[0].postalCode,\r\n DelegationMunicipality: response.data[0].delegationMunicipality,\r\n State: response.data[0].state,\r\n Cellphone: response.data[0].cellphone,\r\n TypeHousing: response.data[0].typeHousing,\r\n YearsResidence: response.data[0].yearsResidence,\r\n MaximumDegreeStudies: response.data[0].maximumDegreeStudies,\r\n MaritalStatus: response.data[0].maritalStatus,\r\n SpousalRegime: response.data[0].spousalRegime,\r\n NumEconomicDependents: response.data[0].numEconomicDependents,\r\n FullNameSpouse: response.data[0].fullNameSpouse,\r\n OccupationSpouse: response.data[0].occupationSpouse,\r\n BusinessSpouse: response.data[0].businessSpouse,\r\n CellphoneSpouse: response.data[0].cellphoneSpouse,\r\n CompanyPhoneSpouse: response.data[0].companyPhoneSpouse,\r\n Estado: response.data[0].estadoCredito,\r\n UserId: response.data[0].idUser\r\n })\r\n\r\n \r\n window.refreshBlobListAllDocumentos(this.state.UserId, this.state.Id, 0);\r\n \r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n })\r\n\r\n\r\n }\r\n Getzip = () => {\r\n window.refreshBlobListzip(this.state.UserId, this.state.Id, 0);\r\n }\r\n render() {\r\n return (\r\n Solicitudes
\r\n\r\n\r\n
DOCUMENTOS
\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","import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\n//import registerServiceWorker from './registerServiceWorker';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n \r\n