{"id":7216,"date":"2022-02-10T18:57:15","date_gmt":"2022-02-10T23:57:15","guid":{"rendered":"https:\/\/elsaber.com.pe\/site\/?page_id=7216"},"modified":"2022-02-10T19:01:14","modified_gmt":"2022-02-11T00:01:14","slug":"verificacion-diplomas","status":"publish","type":"page","link":"https:\/\/elsaber.com.pe\/site\/verificacion-diplomas\/","title":{"rendered":"Verificaci\u00f3n diplomas"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"7159\" class=\"elementor elementor-7159\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-62516fa elementor-section-boxed elementor-section-height-default elementor-section-height-default row-top\" data-id=\"62516fa\" data-element_type=\"section\" data-e-type=\"section\">\n\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-789b0f1 column-style-top\" data-id=\"789b0f1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7c924a9 elementor-widget elementor-widget-gva-heading-block\" data-id=\"7c924a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-heading-block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-heading-block gva-element\">   <div class=\"align-left style-1 widget gsc-heading box-align-left auto-responsive\">\r\n      <div class=\"content-inner\">\r\n         \r\n                  \r\n           \r\n         \r\n                     <h2 class=\"title\">\r\n               <span>Verificaci\u00f3n de Diplomas<\/span>\r\n            <\/h2>\r\n                              <div class=\"title-desc\">En esta secci\u00f3n puede realizar la b\u00fasqueda y validaci\u00f3n de diploma, debe de ingresar su n\u00famero de DNI y presionar en e bot\u00f3n Verificar.<\/div>\r\n         \r\n         \r\n      <\/div>\r\n   <\/div>\r\n<\/div>\t\t\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d270e88 elementor-section-boxed elementor-section-height-default elementor-section-height-default row-top\" data-id=\"d270e88\" data-element_type=\"section\" data-e-type=\"section\">\n\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-e994407 column-style-top\" data-id=\"e994407\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f65e70a elementor-widget elementor-widget-html\" data-id=\"f65e70a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"search-section\">\r\n    <fieldset class=\"mb-2\">\r\n\t\t<h6>Seleccione un tipo de dato:<\/h6>\r\n\t\t<label class=\"container\">DNI\r\n\t\t\t<input type=\"radio\" checked=\"checked\" name=\"tipo\" value=\"dni\">\r\n\t\t\t<span class=\"checkmark\"><\/span>\r\n\t\t<\/label>\r\n\t\t<label class=\"container\">C\u00f3digo diploma\r\n\t\t\t<input type=\"radio\" name=\"tipo\" value=\"codigo\">\r\n\t\t\t<span class=\"checkmark\"><\/span>\r\n\t\t<\/label>\r\n\t<\/fieldset>\r\n    <div class=\"input-form\">\r\n        \r\n\t    <input type=\"text\" placeholder=\"Digite el c\u00f3digo de diploma o DNI\" id=\"codigo\" name=\"codigo\">\r\n\t\t<diav class=\"button\" id=\"btn-verificar\" name=\"btn-verificar\">\r\n\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\t\t\t\t<path d=\"M13.3333 22.6667C18.488 22.6667 22.6667 18.488 22.6667 13.3333C22.6667 8.17868 18.488 4 13.3333 4C8.17868 4 4 8.17868 4 13.3333C4 18.488 8.17868 22.6667 13.3333 22.6667Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n\t\t\t\t<path d=\"M28 28L20 20\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n\t\t\t<\/svg>\r\n\t\t\t<span>Verificar<\/span>\r\n\t\t<\/diav>\r\n\t<\/div>\r\n\r\n    <div class=\"success-searh\">\r\n        <div id=\"datosContainer\"><\/div>\r\n        <p id=\"error\"><\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.search-section {\r\n  position: relative;\r\n  background-color: #fff;\r\n  height: 900px;\r\n}\r\n.search-section .shadow {\r\n  background-color: rgba(255, 255, 255, 0.4);\r\n  border-radius: 20px;\r\n  z-index: -1;\r\n  position: absolute;\r\n  top: 0px;\r\n  left: 30px;\r\n}\r\n.search-section .title {\r\n  font-size: 42px;\r\n  color: #151a46;\r\n  width: 700px;\r\n}\r\n.search-section .text {\r\n  width: 600px;\r\n  font-size: 24px;\r\n  font-weight: 400;\r\n  margin-top: 25px;\r\n}\r\n.search-section .input-form {\r\n  display: flex;\r\n  height: 40px;\r\n}\r\n.search-section .input-form input {\r\n  width: 80%;\r\n  font-size: 15px;\r\n  background-color: #fafaff;\r\n  border: 1px solid #b3b8d8;\r\n  padding: 25px 30px;\r\n  margin-right: 14px;\r\n  border-radius: 5px;\r\n}\r\n.search-section .input-form .button {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background-color: #151a46;\r\n  border-radius: 5px;\r\n  color: white;\r\n  font-size: 15px;\r\n  padding: 25px;\r\n  cursor: pointer;\r\n}\r\n.search-section .input-form .button svg {\r\n  margin-right: 15px;\r\n}\r\n.search-section .tag-title {\r\n  margin-top: 60px;\r\n  font-size: 18px;\r\n}\r\n\r\n.success-searh{\r\n    color: #4caf50;\r\n    font-weight: bold;\r\n    margin-bottom: 0.1rem;\r\n    margin-top: 3rem;\r\n}\r\n\r\n#error {\r\n    color: #d41508;\r\n    font-weight: bold;\r\n}\r\n\r\np.detail-search{\r\n    margin-bottom: 0.1rem;\r\n    color: #001970\r\n}\r\n\r\n\r\n\/* The container *\/\r\n\r\n.container {\r\n  display: block;\r\n  position: relative;\r\n  padding-left: 35px;\r\n  margin-bottom: 12px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n}\r\n\r\n\r\n\/* Hide the browser's default radio button *\/\r\n\r\n.container input[type=radio] {\r\n  position: absolute;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n\/* Create a custom radio button *\/\r\n\r\n.checkmark {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 20px;\r\n  width: 20px;\r\n  background-color: #eee;\r\n  border-radius: 50%;\r\n}\r\n\r\n\r\n\/* On mouse-over, add a grey background color *\/\r\n\r\n.container:hover input~.checkmark {\r\n  background-color: #ccc;\r\n}\r\n\r\n\r\n\/* When the radio button is checked, add a blue background *\/\r\n\r\n.container input:checked~.checkmark {\r\n  background-color: #000070;\r\n}\r\n\r\n\r\n\/* Create the indicator (the dot\/circle - hidden when not checked) *\/\r\n\r\n.checkmark:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  display: none;\r\n}\r\n\r\n\r\n\/* Show the indicator (dot\/circle) when checked *\/\r\n\r\n.container input:checked~.checkmark:after {\r\n  display: block;\r\n}\r\n\r\n\r\n\/* Style the indicator (dot\/circle) *\/\r\n\r\n.container .checkmark:after {\r\n  top: 6px;\r\n  left: 6px;\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: white;\r\n}\r\n\r\n.mencion{\r\n    margin-bottom: 0;\r\n    margin-top: 0;\r\n    font-weight: 300;\r\n}\r\n\r\n.mencion>b{\r\n    font-weight: 800;\r\n}\r\n\r\n.result {\r\n    border: 1px solid #efefef;\r\n    padding: 1rem;\r\n    border-radius: 7px;\r\n    margin-top: 1rem;\r\n}\r\n\r\n.result>span{\r\n    font-weight: 300;\r\n    padding-right: 10px;\r\n}\r\n\r\n.result>span>b{\r\n    font-weight: 800;\r\n}\r\n\r\n.result label{\r\n    color: #151a46;\r\n    font-weight: 200;\r\n}\r\n\r\n.result label>b{\r\n    font-weight: 800;\r\n    font-size: 15px;\r\n}\r\n<\/style>\r\n\r\n<script>\r\njQuery('#btn-verificar').click(async function(e)  {\r\n    e.preventDefault();\r\n\r\n    var expresionRegular = \/^\\d{8}$\/;\r\n\r\n    jQuery(\"#datosContainer\").empty();\r\n    jQuery(\"#error\").empty();\r\n\r\n    let codigo = jQuery('#codigo').val()\r\n\tlet tipo= jQuery('input:radio[name=tipo]:checked').val()\r\n\r\n    if ( tipo === 'dni' ) {\r\n\r\n        if (expresionRegular.test(codigo)) {\r\n            console.log('exito')\r\n        } else {\r\n            \/\/ Si no coincide, el valor no es v\u00e1lido\r\n            \/\/ Muestra un mensaje de error\r\n            jQuery(`#error`).text('El DNI debe contener 8 d\u00edgitos y deben de ser n\u00fameros.')\r\n            return false\r\n        }\r\n        type = 2\r\n\r\n    } else if ( tipo == 'codigo' ) {\r\n\r\n        if (validarTipoCodigo(codigo)) {\r\n            console.log('exito')\r\n            codigo = codigo.replace('\/', '');\r\n            type = 1\r\n\r\n        } else {\r\n            jQuery(`#error`).text('El formato del codigo de diploma debe de ser ejemplo: GES\/555 o 1111\/GES')\r\n            return false\r\n        }\r\n\r\n    } else {\r\n        jQuery(`#error`).text('Por favor seleccione un tipo de dato.')\r\n        return false\r\n    }\r\n\r\n    const request = await fetch(`https:\/\/apps.elsaber.com.pe\/api\/academico\/${type}\/${codigo}`, {\r\n\t        'mode': 'cors',\r\n\t        'headers': {\r\n            \t'Access-Control-Allow-Origin': '*',\r\n        \t}\r\n    \t});\r\n    \/\/const data = await request.json();\r\n    \/\/console.log(data.length)\r\n\r\n    if (!request.ok) {\r\n        \/\/ Si la solicitud tiene un error (por ejemplo, 404 Not Found),\r\n        \/\/ puedes manejar el error aqu\u00ed y mostrar un mensaje al usuario\r\n        jQuery(`#error`).text( `No contamos con el registro del documento ${codigo}, en caso el documento sea posterior a setiembre del 2023 por favor pongase a contacto con nosotros.` );\r\n    } else {\r\n        const data = await request.json();\r\n        \/\/ Procesa los datos normalmente\r\n        if (data.length > 0 ){\r\n       \r\n            jQuery.each(data, function (index, objeto) {\r\n                \/\/ Crear un elemento div para cada objeto\r\n                var div = jQuery(`<div>`);\r\n                \r\n                \/\/ Agregar los campos como elementos de p\u00e1rrafo en el div\r\n                div.append(`<div class=\"result\"><h6 class=\"mencion\">Menci\u00f3n: <b>${normalizarTexto(objeto.vacademico_mencion)}<\/b> <\/h6>\r\n                    <label>Alumno: <b>${normalizarTexto(objeto.vacademico_cliente)}<\/b> <\/label><br>\r\n                    <span>C\u00f3digo: <b>${objeto.vacademico_codigo}<\/b> <\/span>\r\n                    <span> | <\/span>\r\n                    <span>Libro: <b>${objeto.vacademico_libro}<\/b> <\/span>\r\n                    <span> | <\/span>\r\n                    <span>N\u00b0 Asiento: <b>${objeto.vacademico_nro_asiento}<\/b> <\/span>\r\n                <\/div>`);\r\n\r\n                \/\/ Verificar si existe \"vacademico_codigo_p1\" y mostrar \"vacademico_libro_p1\" si corresponde\r\n                if (objeto.vacademico_codigo_p1) {\r\n                    div.append(`<div class=\"result\"><h6 class=\"mencion\">Menci\u00f3n: <b>${normalizarTexto(objeto.vacademico_promocion1)}<\/b> <\/h6>\r\n                        <label>Alumno: <b>${normalizarTexto(objeto.vacademico_cliente)}<\/b> <\/label><br>\r\n                        <span>C\u00f3digo: <b>${objeto.vacademico_codigo_p1}<\/b> <\/span>\r\n                        <span> | <\/span>\r\n                        <span>Libro: <b>${objeto.vacademico_libro_p1}<\/b> <\/span>\r\n                        <span> | <\/span>\r\n                        <span>N\u00b0 Asiento: <b>${objeto.vacademico_nro_asiento_p1}<\/b> <\/span>\r\n                    <\/div>`);\r\n                }\r\n\r\n                \/\/ Verificar si existe \"vacademico_codigo_p2\" y mostrar \"vacademico_libro_p2\" si corresponde\r\n                if (objeto.vacademico_codigo_p2) {\r\n                    div.append(`<div class=\"result\"><h6 class=\"mencion\">Menci\u00f3n: <b>${normalizarTexto(objeto.vacademico_promocion2)}<\/b> <\/h6>\r\n                        <label>Alumno: <b>${normalizarTexto(objeto.vacademico_cliente)}<\/b> <\/label><br>\r\n                        <span>C\u00f3digo: <b>${objeto.vacademico_codigo_p2}<\/b> <\/span>\r\n                        <span> | <\/span>\r\n                        <span>Libro: <b>${objeto.vacademico_libro_p2}<\/b> <\/span>\r\n                        <span> | <\/span>\r\n                        <span>N\u00b0 Asiento: <b>${objeto.vacademico_nro_asiento_p2}<\/b> <\/span>\r\n                    <\/div>`);\r\n                }\r\n\r\n                \/\/ Verificar si existe \"vacademico_codigo_p3\" y mostrar \"vacademico_libro_p3\" si corresponde\r\n                if (objeto.vacademico_codigo_p3) {\r\n                    div.append(`<div class=\"result\"><h6 class=\"mencion\">Menci\u00f3n: <b>${normalizarTexto(objeto.vacademico_promocion3)}<\/b> <\/h6>\r\n                        <label>Alumno: <b>${normalizarTexto(objeto.vacademico_cliente)}<\/b> <\/label><br>\r\n                        <span>C\u00f3digo: <b>${objeto.vacademico_codigo_p3}<\/b> <\/span>\r\n                        <span> | <\/span>\r\n                        <span>Libro: <b>${objeto.vacademico_libro_p3}<\/b> <\/span>\r\n                        <span> | <\/span>\r\n                        <span>N\u00b0 Asiento: <b>${objeto.vacademico_nro_asiento_p3}<\/b> <\/span>\r\n                    <\/div>`);\r\n                }\r\n\r\n                \/\/ Agregar el div al contenedor\r\n                jQuery(`#datosContainer`).append(div);\r\n            });\r\n        }\r\n        else\r\n        { \r\n            jQuery(`#error`).text( `No contamos con el registro del documento ${codigo}, en caso el documento sea posterior a setiembre del 2023 por favor pongase a contacto con nosotros.` );\r\n            \r\n        }\r\n    }\r\n\r\n});\r\n\r\nfunction normalizarTexto(dato){\r\n    \r\n    \/\/ Reemplazar el guion largo \u00e2\u20ac\u201c por un guion normal -\r\n    textoNormalizado = dato.replace(\/\u00c3\u201c\/g, \"\u00d3\").replace(\/\u00c3\u2018\/g, \"\u00d1\").replace(\/\u00e2\u20ac\u201c\/g, \"&\");\r\n    return textoNormalizado;\r\n}\r\n\r\nfunction validarTipoCodigo(tipocodigo) {\r\n    \/\/ Define una expresi\u00f3n regular para el formato\r\n    var expresionRegular = \/.+\\\/.+\/;\r\n\r\n    \/\/ Comprueba si el valor cumple con la expresi\u00f3n regular\r\n    return expresionRegular.test(tipocodigo);\r\n}\r\n\r\n<\/script>\t\t\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<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_joinchat":[],"footnotes":""},"class_list":["post-7216","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elsaber.com.pe\/site\/wp-json\/wp\/v2\/pages\/7216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elsaber.com.pe\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elsaber.com.pe\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elsaber.com.pe\/site\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elsaber.com.pe\/site\/wp-json\/wp\/v2\/comments?post=7216"}],"version-history":[{"count":0,"href":"https:\/\/elsaber.com.pe\/site\/wp-json\/wp\/v2\/pages\/7216\/revisions"}],"wp:attachment":[{"href":"https:\/\/elsaber.com.pe\/site\/wp-json\/wp\/v2\/media?parent=7216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}