{"id":1237,"date":"2024-08-15T22:18:53","date_gmt":"2024-08-15T22:18:53","guid":{"rendered":"https:\/\/site.japami.gob.mx\/?page_id=1237"},"modified":"2024-08-15T22:19:49","modified_gmt":"2024-08-15T22:19:49","slug":"recuperar-contrasena","status":"publish","type":"page","link":"https:\/\/www.japami.gob.mx\/index.php\/recuperar-contrasena\/","title":{"rendered":"Recuperar Contrase\u00f1a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1237\" class=\"elementor elementor-1237\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e5c45f e-flex e-con-boxed e-con e-parent\" data-id=\"8e5c45f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-97ce0b5 e-con-full e-flex e-con e-child\" data-id=\"97ce0b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f8385f elementor-widget elementor-widget-shortcode\" data-id=\"8f8385f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"container my-5\">\r\n    <div class=\"row justify-content-center\">\r\n        <div class=\"p-2 p-md-5 fondo_gris col-md-7 col-11\" style=\"box-shadow: 4px 13px 37px -10px rgba(0, 0, 0, 0.5);\">\r\n            <form id=\"emailForm\">\r\n                <div class=\"px-5\">\r\n                    <p class=\"text-center fw-bolder my-3\">RECUPERA TU CONTRASE\u00d1A<\/p>\r\n                    <label for=\"email\">Email<\/label>\r\n                    <input type=\"email\" id=\"email\" class=\"input4\" placeholder=\"\">\r\n                    <div class=\"d-flex justify-content-end my-4\">\r\n                        <button type=\"submit\" class=\"button\">RESPONDER PREGUNTA SECRETA<\/button>\r\n                    <\/div>\r\n                    <div class=\"px-5\">\r\n                        <p class=\"text-center\" id=\"P_primaria\">Para poder recuperar su contrase\u00f1a debe teclear el email que utiliz\u00f3 para registrarse y responder a la pregunta secreta que usted proporcion\u00f3 al crear la cuenta.<\/p>\r\n                    <\/div>\r\n                    <p id=\"errorMessage\" class=\"text-center text-danger\" style=\"display:none;\">Correo no registrado<\/p>\r\n                <\/div>\r\n            <\/form>\r\n\r\n            <form id=\"secretQuestionForm\" style=\"display:none;\">\r\n                <div class=\"px-5\">\r\n                    <p class=\"text-center fw-bolder my-3\">PREGUNTA SECRETA<\/p>\r\n                    <label for=\"secretQuestion\">Pregunta Secreta<\/label>\r\n                    <input type=\"text\" id=\"secretQuestion\" class=\"input4\" disabled> \r\n                    <label for=\"secretAnswer\">Respuesta<\/label>\r\n                    <input type=\"text\" id=\"secretAnswer\" class=\"input4\" placeholder=\"\"> \r\n                    <div class=\"d-flex justify-content-end my-4\">\r\n                        <button type=\"submit\" class=\"button\">RECUPERAR CONTRASE\u00d1A<\/button>\r\n                    <\/div>\r\n                    <div class=\"px-5\">\r\n                        <p class=\"text-center\">Si usted responde correctamente a la pregunta secreta, recibir\u00e1 su usuario y contrase\u00f1a en su cuenta de correo.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/form>\r\n\t\t\t<div id=\"successMessage\" style=\" display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:white; padding:20px; box-shadow: 4px 13px 37px -10px rgba(0, 0, 0, 0.5); text-align:center;\">\r\n                <p class=\"mb-4\">Se ha enviado un correo de recuperaci\u00f3n<\/p>\r\n                <button id=\"goToLogin\" class=\"button\">Ir a inicio de sesi\u00f3n<\/button>\r\n            <\/div>\r\n            <div class=\"px-5 my-3\">\r\n               <p class=\"text-center\"><a href=\"https:\/\/www.japami.gob.mx\/index.php\/inicio-de-sesion\/\" class=\"enlaces\">INICIO DE SESI\u00d3N<\/a><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>  \r\n<\/section>\r\n\r\n<script>\r\ndocument.getElementById('emailForm').addEventListener('submit', function(event) {\r\n    event.preventDefault();\r\n    const email = document.getElementById('email').value;\r\n\r\n    \/\/ Validaci\u00f3n b\u00e1sica de email\r\n    if (!email.includes('@') || !email.includes('.')) {\r\n        document.getElementById('errorMessage').style.display = 'block';\r\n        document.getElementById('errorMessage').textContent = 'Por favor, ingrese un correo v\u00e1lido';\r\n        return;\r\n    }\r\n\r\n    fetch('https:\/\/webapi.japami.gob.mx\/client\/secretQuestion', {\r\n        method: 'POST',\r\n        headers: {\r\n            'Content-Type': 'application\/json',\r\n            'accept': 'application\/json'\r\n        },\r\n        body: JSON.stringify({ email: email })\r\n    })\r\n    .then(response => {\r\n        if (response.status === 401) {\r\n            throw new Error('Correo invalido');\r\n        }\r\n        return response.json();\r\n    })\r\n    .then(data => {\r\n        \/\/console.log('Respuesta de la API:', data);\r\n        document.getElementById('secretQuestion').value = data.secreteQuestion;\r\n\t\tdocument.getElementById('email').disabled = true;\r\n        document.getElementById('secretQuestionForm').style.display = 'block';\r\n\t\tdocument.getElementById('P_primaria').style.display = 'none';\r\n    })\r\n    .catch(error => {\r\n        document.getElementById('errorMessage').style.display = 'block';\r\n        document.getElementById('errorMessage').textContent = 'Correo no registrado';\r\n    });\r\n});\r\n\r\ndocument.getElementById('secretAnswer').addEventListener('keydown', function(event) {\r\n    if (event.key === 'Enter') {\r\n        event.preventDefault();\r\n    }\r\n});\r\n\r\ndocument.getElementById('secretQuestionForm').addEventListener('submit', function(event) {\r\n    event.preventDefault();\r\n    \r\n    const secretAnswer = document.getElementById('secretAnswer').value;\r\n    const email = document.getElementById('email').value;\r\n    \r\n    \/\/ Crear el objeto con los datos\r\n    const data = {\r\n        email: email,\r\n        secretAnswer: secretAnswer\r\n    };\r\n    \r\n    fetch('https:\/\/webapi.japami.gob.mx\/client\/recoverPassword', {\r\n        method: 'POST',\r\n        headers: {\r\n            'Content-Type': 'application\/json',\r\n            'accept': 'application\/json'\r\n        },\r\n        body: JSON.stringify(data)\r\n    })\r\n    .then(response => {\r\n        if (response.status === 422) {\r\n            throw new Error('Respuesta inv\u00e1lida');\r\n        }\r\n        return response.json();\r\n    })\r\n    .then(data => {\r\n        document.getElementById('successMessage').style.display = 'block';\r\n\r\n        document.getElementById('goToLogin').onclick = function() {\r\n            window.location.href = 'https:\/\/www.japami.gob.mx\/index.php\/inicio-de-sesion\/';\r\n        };\r\n    })\r\n    .catch(error => {\r\n        document.getElementById('errorMessage').style.display = 'block';\r\n        document.getElementById('errorMessage').textContent = 'Respuesta inv\u00e1lida';\r\n    });\r\n});\r\n<\/script>\r\n\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1237","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.japami.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/1237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.japami.gob.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.japami.gob.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.japami.gob.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.japami.gob.mx\/index.php\/wp-json\/wp\/v2\/comments?post=1237"}],"version-history":[{"count":4,"href":"https:\/\/www.japami.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/1237\/revisions"}],"predecessor-version":[{"id":1241,"href":"https:\/\/www.japami.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/1237\/revisions\/1241"}],"wp:attachment":[{"href":"https:\/\/www.japami.gob.mx\/index.php\/wp-json\/wp\/v2\/media?parent=1237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}