{"id":3015,"date":"2024-05-31T02:25:42","date_gmt":"2024-05-31T08:25:42","guid":{"rendered":"https:\/\/ubga.org.mx\/?page_id=3015"},"modified":"2024-05-31T08:28:53","modified_gmt":"2024-05-31T14:28:53","slug":"mi-ubga","status":"publish","type":"page","link":"https:\/\/ubga.org.mx\/en\/mi-ubga\/","title":{"rendered":"Mi UBGA"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3015\" class=\"elementor elementor-3015\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-553cab9 elementor-section-full_width elementor-section-height-min-height elementor-section-stretched elementor-section-height-default elementor-section-items-middle\" data-id=\"553cab9\" 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-f0bf978\" data-id=\"f0bf978\" 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-4e1a5f1 elementor-widget elementor-widget-heading\" data-id=\"4e1a5f1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Bienvenidos<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8653a1 elementor-widget elementor-widget-html\" data-id=\"a8653a1\" 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                    \r\n                    <div class=\"contenedor-img\">\r\n                     <img decoding=\"async\" src=\"https:\/\/ubga.org.mx\/wp-content\/uploads\/2024\/05\/MI-Ubga.png\" alt=\"\" class=\"img-logo\">\r\n                    <\/div>\r\n                    <br>\r\n                    <br>\r\n                    \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(4px);\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\r\n.contenedor-img {\r\n    align-content: center;\r\n    text-align: center;\r\n}\r\n\r\n.img-logo {\r\nwidth: 150px;\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>Bienvenidos Login Nombre de Usuario<\/p>","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-3015","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ubga.org.mx\/en\/wp-json\/wp\/v2\/pages\/3015","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=3015"}],"version-history":[{"count":29,"href":"https:\/\/ubga.org.mx\/en\/wp-json\/wp\/v2\/pages\/3015\/revisions"}],"predecessor-version":[{"id":3054,"href":"https:\/\/ubga.org.mx\/en\/wp-json\/wp\/v2\/pages\/3015\/revisions\/3054"}],"wp:attachment":[{"href":"https:\/\/ubga.org.mx\/en\/wp-json\/wp\/v2\/media?parent=3015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}