{"id":2893,"date":"2024-05-30T20:32:29","date_gmt":"2024-05-31T02:32:29","guid":{"rendered":"https:\/\/ubga.org.mx\/?page_id=2893"},"modified":"2024-05-31T02:21:09","modified_gmt":"2024-05-31T08:21:09","slug":"validacion","status":"publish","type":"page","link":"https:\/\/ubga.org.mx\/en\/validacion\/","title":{"rendered":"validacion"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2893\" class=\"elementor elementor-2893\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8b57f74 elementor-section-full_width elementor-section-height-min-height elementor-section-stretched elementor-section-height-default elementor-section-items-middle\" data-id=\"8b57f74\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d8daaa3\" data-id=\"d8daaa3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7673b11 elementor-widget elementor-widget-html\" data-id=\"7673b11\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <script src=\"https:\/\/kit.fontawesome.com\/8786353271.js\" crossorigin=\"anonymous\"><\/script>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link rel=\"stylesheet\" href=\"style.css\">\r\n    <title>Login<\/title>\r\n<\/head>\r\n<body>\r\n    <section class=\"seccion-login\">\r\n        <div class=\"contenedor\">\r\n            <div class=\"formulario\">\r\n                <form action=\"#\" id=\"formulario\" data-trp-original-action=\"#\">\r\n                    <h2>Bienvenido<\/h2>\r\n                    <div class=\"input-contenedor\" >\r\n                        \r\n                      <input type=\"text\" id=\"username\" name=\"username\" required>\r\n                      <label for=\"#\">Nombre de Usuario<\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"contenedor-button\">\r\n                        <input type=\"submit\" value=\"Acceder\" class=\"button\">\r\n                        \r\n                    <\/div>\r\n    \r\n                    <div class=\"\" id=\"mensaje\">\r\n    \r\n                    <\/div>\r\n\r\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n\r\n                \r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n    document.getElementById('formulario').addEventListener('submit', function(event) {\r\n        event.preventDefault(); \/\/ Evitar el env\u00edo del formulario normal\r\n\r\n        var username = document.getElementById('username').value;\r\n\r\n        \/\/ Mostrar el mensaje de validaci\u00f3n\r\n        document.getElementById('mensaje').innerHTML = '<center><strong style=\"color:green;\">Validando datos...<\/strong><\/center>';\r\n        \r\n        \/\/ Hacer una solicitud HTTP POST a la API para validar el nombre de usuario\r\n        fetch('https:\/\/mi.ubga.org.mx\/api\/users\/validateuser', {\r\n            method: 'POST',\r\n            headers: {\r\n                'Content-Type': 'application\/json'\r\n            },\r\n            body: JSON.stringify({\r\n                username: username\r\n            })\r\n        })\r\n        .then(response => {\r\n            if (response.ok) {\r\n                setTimeout(function() {\r\n                    window.location.href = 'https:\/\/mi.ubga.org.mx';\r\n                }, 3000);\r\n            } else {\r\n                setTimeout(function() {\r\n                    document.getElementById('mensaje').innerHTML = '<center><strong style=\"color: red;\">Nombre de usuario no v\u00e1lido<\/strong><\/center>';\r\n                }, 3000);\r\n            }\r\n        })\r\n        .catch(error => {\r\n            \/\/ Manejar errores de la solicitud\r\n            document.getElementById('mensaje').innerHTML = '<center><strong style=\"color: red;\">' + error.message + '<\/strong><\/center>';\r\n        });\r\n    });\r\n    <\/script>\r\n   \r\n   \r\n   <style type=\"text\/css\" media=\"screen\">\r\n   \r\n.seccion-login{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    \r\n    background-position: center;\r\n    background-size: cover;\r\n}\r\n\r\n.contenedor{\r\n    position: relative;\r\n    width: 400px;\r\n    border: 2px solid rgba(255,255,255, .6);\r\n    border-radius: 20px;\r\n    backdrop-filter: blur(20px);\r\n    height: 450px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 20px;\r\n}\r\n\r\n.contenedor h2{\r\n    font-size: 2.3rem;\r\n    color: #fff;\r\n    text-align: center;\r\n}\r\n\r\n.input-contenedor{\r\n    position: relative;\r\n    margin: 30px auto;\r\n    width: 300px;\r\n    border-bottom: 2px solid #fff;\r\n}\r\n\r\n.input-contenedor label{\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 5px;\r\n    transform: translateY(-50%);\r\n    color: #fff;\r\n    font-size: 1rem;\r\n    pointer-events: none;\r\n    transition: .6s;\r\n    font-weight: bold;\r\n}\r\n\r\n.contenedor-button {\r\n    text-align: center;\r\n}\r\n\r\ninput:focus ~ label, \r\ninput:valid ~ label{\r\n    top: -5px;\r\n}\r\n\r\n.input-contenedor input{\r\n    width: 100%;\r\n    height: 50px;\r\n    background-color: transparent;\r\n    border: none;\r\n    outline: none;\r\n    font-size: 1rem;\r\n    padding: -35px 0 5px;\r\n    color: #fff;\r\n}\r\n\r\n.input-contenedor i{\r\n    position: absolute;\r\n    color: #fff;\r\n    font-size: 1.6rem;\r\n    top:19px;\r\n    right: 8px;\r\n}\r\n\r\n.olvidar {\r\n    margin: -15px 0 15px;\r\n    font-size: .9em;\r\n    color: #fff;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.olvidar label input {\r\n    margin: 3px;\r\n}\r\n\r\n.olvidar label a {\r\n    color: #fff;\r\n    text-decoration: none;\r\n    transition: .3s;\r\n    font-size: .9em;\r\n}\r\n\r\n.olvidar label a:hover{\r\n    text-decoration: underline;\r\n}\r\n\r\n.button{\r\n    width: 90%;\r\n    height: 50px;\r\n    border-radius: 40px;\r\n    background: red;\r\n    border: none;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    outline: none;\r\n    font-size: 1rem;\r\n    transition: .4s;\r\n}\r\n\r\nbutton, input[type=button], input[type=reset], input[type=submit] {\r\n     width: 90%;\r\n    height: 55px;\r\n    border-radius: 40px;\r\n    background: #F7A800;\r\n    border: none;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    outline: none;\r\n    font-size: 1rem;\r\n    transition: .4s;\r\n}\r\n\r\n.button:hover{\r\n    opacity: .9;\r\n}\r\n\r\n.registrar{\r\n    font-size: .8rem;\r\n    color: #fff;\r\n    text-align: center;\r\n    margin: 20px 0 10px;\r\n}\r\n\r\n.registrar p a{\r\n    text-decoration: none;\r\n    color: #fff;\r\n    font-weight: bold;\r\n    transition: .3s;\r\n}\r\n\r\n.registrar p a:hover{\r\ntext-decoration: underline;\r\n}\r\n   <\/style>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Login Bienvenido Nombre de Usuario<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2893","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ubga.org.mx\/en\/wp-json\/wp\/v2\/pages\/2893","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubga.org.mx\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ubga.org.mx\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ubga.org.mx\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubga.org.mx\/en\/wp-json\/wp\/v2\/comments?post=2893"}],"version-history":[{"count":112,"href":"https:\/\/ubga.org.mx\/en\/wp-json\/wp\/v2\/pages\/2893\/revisions"}],"predecessor-version":[{"id":3014,"href":"https:\/\/ubga.org.mx\/en\/wp-json\/wp\/v2\/pages\/2893\/revisions\/3014"}],"wp:attachment":[{"href":"https:\/\/ubga.org.mx\/en\/wp-json\/wp\/v2\/media?parent=2893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}