{"id":499,"date":"2024-07-24T17:26:01","date_gmt":"2024-07-24T17:26:01","guid":{"rendered":"https:\/\/site.japami.gob.mx\/?page_id=499"},"modified":"2024-08-01T20:50:13","modified_gmt":"2024-08-01T20:50:13","slug":"inicio-de-sesion","status":"publish","type":"page","link":"https:\/\/www.japami.gob.mx\/index.php\/inicio-de-sesion\/","title":{"rendered":"Inicio de sesi\u00f3n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"499\" class=\"elementor elementor-499\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-084fc1c e-flex e-con-boxed e-con e-parent\" data-id=\"084fc1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dd86ab elementor-widget elementor-widget-shortcode\" data-id=\"1dd86ab\" 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        <form id=\"loginForm\">\r\n            <div class=\"row justify-content-center\">\r\n                <div class=\"p-5 fondo_gris col-md-6 col-12 rounded-start-5\">\r\n\t\t\t\t\t\r\n                    <!--<h4 class=\"text-center fw-bolder\">SITIO EN MANTENIMIENTO, FAVOR DE USAR LA APP<\/h4>-->\r\n\t\t\t\t\t<h4 class=\"text-center fw-bolder\">INICIO DE SESI\u00d3N<\/h4>\r\n                    \r\n\t\t\t\t\t<div class=\"p-3\">\r\n                        <label for=\"Usuario\" class=\"labels\">Usuario<\/label>\r\n                        <input type=\"text\" id=\"Usuario\" name=\"Usuario\" class=\"input2\" placeholder=\"Correo electr\u00f3nico\" required>\r\n                        <div class=\"my-3\"><\/div>\r\n                        <label for=\"Contrase\u00f1a\" class=\"labels\">Contrase\u00f1a<\/label>\r\n                        <input type=\"password\" id=\"Contrase\u00f1a\" name=\"Contrasena\" class=\"input2\" placeholder=\"Japa**********\" required>\r\n                        <legend class=\"legend p-0\">DATOS OBLIGATORIOS*<\/legend>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n                        <div id=\"error-message\" style=\"color: red; display: none;\"><\/div> <!-- Elemento para mostrar el mensaje de error -->\r\n                    \r\n\t\t\t\t\t<div class=\"my-3\">\r\n                            <a href=\"#\" class=\"enlaces\" id=recuperarcontrase\u00f1a>\u00bfOlvidaste la contrase\u00f1a?<\/a>\r\n                        <\/div>\r\n                        <div class=\"my-3\">\r\n                            <button type=\"submit\" class=\"button\" style=\"width: 100%;\">Iniciar Sesi\u00f3n<\/button>\r\n                        <\/div>\r\n                        <div class=\"my-5\">\r\n                            <p class=\"text-center\">\u00bfNo tienes una cuenta? <a href=\"https:\/\/www.japami.gob.mx\/index.php\/registro\/\" class=\"enlaces\">Reg\u00edstrate<\/a><\/p>\r\n                        <\/div>\r\n\t\t\t\t\t\r\n                    <\/div>\r\n\t\t\t\t\r\n                <\/div>\r\n                <div class=\"col-4 d-none d-md-flex align-items-md-center justify-content-md-center rounded-end-5\" style=\"background-color: #182a52;\">\r\n                    <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/www.japami.gob.mx\/wp-content\/uploads\/2024\/08\/JAPI-NUEVO-951x1024-1.png\" alt=\"\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/form>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.getElementById('loginForm').addEventListener('submit', function(event) {\r\n            event.preventDefault(); \/\/ Prevenir el env\u00edo del formulario por defecto\r\n\r\n            \/\/ Ocultar mensaje de error antes de enviar la solicitud\r\n            const errorMessage = document.getElementById('error-message');\r\n            errorMessage.style.display = 'none';\r\n\r\n            \/\/ Obtener los datos del formulario\r\n            const usuario = document.getElementById('Usuario').value;\r\n            const contrasena = document.getElementById('Contrase\u00f1a').value;\r\n\r\n            \/\/ Crear el objeto con los datos\r\n            const data = {\r\n                email: usuario,\r\n                password: contrasena\r\n            };\r\n\r\n            \/\/ Hacer la llamada a la API\r\n            fetch('https:\/\/webapi.japami.gob.mx\/client\/logIn', {\r\n                method: 'POST',\r\n                headers: {\r\n                    'Accept': 'application\/json',\r\n                    'Content-Type': 'application\/json'\r\n                },\r\n                body: JSON.stringify(data)\r\n            })\r\n            .then(response => {\r\n                if (response.status === 401) {\r\n                    throw new Error('Correo o contrase\u00f1a inv\u00e1lida');\r\n                }\r\n                return response.json();\r\n            })\r\n            .then(data => {\r\n                console.log('Respuesta de la API:', data);\r\n\r\n                \/\/ Verificar si el JSON est\u00e1 vac\u00edo\r\n                if (Object.keys(data).length === 0) {\r\n                    errorMessage.textContent = 'Ocurri\u00f3 un error inesperado';\r\n                    errorMessage.style.display = 'block';\r\n                } else {\r\n                    \/\/ Verificar que `token` y `name` existen antes de guardarlos\r\n                    if (data.token && data.name) {\r\n                        \/\/ Guardar token y nombre en localStorage o sessionStorage\r\n                        localStorage.setItem('token', data.token);\r\n                        localStorage.setItem('name', data.name);\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t \/\/ Obtener la fecha y hora actuales\r\n                        const now = new Date();\r\n                        const formattedDate = now.toLocaleString(); \/\/ Formato legible: \"dd\/mm\/aaaa, hh:mm:ss\"\r\n\t\t\t\t\t\t\/\/Guarda la fecha y hora sin formato\r\n\t\t\t\t\t\tlocalStorage.setItem('lastloginf', now);\r\n                        \/\/ Guardar la fecha y hora en localStorage\r\n                        localStorage.setItem('lastLogin', formattedDate);\r\n\t\t\t\t\t\t\r\n                    } else {\r\n                        errorMessage.textContent = 'Datos incompletos recibidos';\r\n                        errorMessage.style.display = 'block';\r\n                    }\r\n\r\n                    \/\/ Mostrar el JSON completo para depuraci\u00f3n\r\n                    \/\/errorMessage.textContent =  localStorage.getItem('name');\r\n                    \/\/errorMessage.style.display = 'block';\r\n\r\n                    \/\/ Redireccionar o mostrar un mensaje de \u00e9xito\r\n                    window.location.href = 'https:\/\/japami.gob.mx\/index.php\/inicio-2\/';\r\n                }\r\n            })\r\n            .catch((error) => {\r\n                \/\/ Mostrar el mensaje de error en el formulario si hay un error 401 u otro error\r\n                errorMessage.textContent = error.message;\r\n                errorMessage.style.display = 'block';\r\n                console.error('Error:', error);\r\n            });\r\n        });\r\n    <\/script>\r\n    <\/div>\n\t\t\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-499","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.japami.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/499","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=499"}],"version-history":[{"count":38,"href":"https:\/\/www.japami.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/499\/revisions"}],"predecessor-version":[{"id":4143,"href":"https:\/\/www.japami.gob.mx\/index.php\/wp-json\/wp\/v2\/pages\/499\/revisions\/4143"}],"wp:attachment":[{"href":"https:\/\/www.japami.gob.mx\/index.php\/wp-json\/wp\/v2\/media?parent=499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}