SitioWebSolerPalau/js/popover-exit.js

// localStorage.clear();
// Cookies.remove('modalBoletin');

setTimeout(function() {
    let localBoletin = localStorage.getItem("modalEmail");
    let cookieBoletin = Cookies.get('cookieBoletin');

    if (!localBoletin && !cookieBoletin) {
        $j('#ouibounce-modal').show();
    }
}, 300000);

$j(document).ready(function() {
    $j(".caso_practico").click(function(event) {
        event.preventDefault(); //evitar redireccionar al documento

        var href = $j(this).attr('href');
        // c, almacena el numero de formulario en el que vamos
        var c = Cookies.get('c');
        if (c == null) {
            //Primer modal
            $j("#popover-datos2").hide();
            $j("#popover-datos3").hide();
            $j("#popover-datos4").hide();
            $j("#popover-datos5").hide();

            localStorage.setItem("href", href);
            //mostramos el modal para obtener la información del usuario y poder descargar cualquier archivo
            $j('#myModal2').css({
                display: 'block'
            });
            //Si preciona el boton enviar datos
            $j('#enviar_form').click(function(event) {
                var nombre = $j('#nombre').val();
                var apellido = $j('#apellido').val();
                var email = $j('#email').val();
                Cookies.set('email', email, { expires: 3 });    
                var acceptc = $j('#accept_conditions').prop('checked');

                if (nombre != "" && apellido != "" && email != "" && acceptc == true) {
                    var modal = "modalPreguntas";
                    //enviar los datos por ajax
                    $j.ajax({
                        type: 'POST',
                        url: 'shared/procesar_formularios.php',
                        data: { 'nombre': nombre, 'apellido': apellido, 'email': email, 'modalPreguntas': modal },
                        beforeSend: function() {
                            $j('#contenido_modal').html("<center><p><img src='media/img/loader.gif'/></p></center>")
                        },
                        success: function(data) {
                            
                            var arrResponse = JSON.parse(data);
                            $j('#contenido_modal').html(arrResponse.msj);
                            if (arrResponse.error) {

                                if (arrResponse.data !== '' && arrResponse.data !== null &&  typeof arrResponse.data === 'number') {
                                    Cookies.set('c', arrResponse.data); //cookie que caduca a los 3 días
                                }else{
                                    Cookies.set('c', 1); //cookie que caduca a los 3 días
                                }
                                setInterval('no_redireccionar()', 3000);
                            }else{
                                //capturamos el error de vuelta
                                var r = $j("#error")[0];
                                if (r == null) {
                                    var r = "";
                                }
                                if(r == ""){
                                    Cookies.set('c', 1); //cookie que caduca a los 3 días
                                    setInterval('redireccionar()', 3000);
                                }else if(r.classList.contains("descargar")){
                                    Cookies.set('c', 1); //cookie que caduca a los 3 días
                                    setInterval('redireccionar()', 3000);
                                }else{
                                    setInterval('no_redireccionar()', 3000);
                                }
                            }
                        }
                    });
                } //fin if validatos
                else {
                    //evita que el formulario se envie y muetras las validaciones
                    event.stopPropagation();
                }
            }) //fin enviar_datos form

            //termina el primer modal
        } else if (c == 1) {
            //segundo modal
            $j("#popover-datos1").hide();
            $j("#popover-datos3").hide();
            $j("#popover-datos4").hide();
            $j("#popover-datos5").hide();
            //mostramos el modal para obtener la información del usuario y poder descargar cualquier archivo
            $j('#myModal2').css({
                display: 'block'
            });

            $j('#enviar_form2').click(function(event) {
                localStorage.setItem("href", href);

                var email = $j('#email2').val();
                var pr1 = $j('#pr1').val();

                if (pr1 != "" && email != "") {
                    // console.log("Datos capturados "+email);
                    pro_pregunta(pr1, 1, email);
                } else {
                    //evita que el formulario se envie y muetras las validaciones
                    event.stopPropagation();
                }
            });

        } //fin if c == 1
        else if (c == 2) {
            //tercer Modal
            $j("#popover-datos1").hide();
            $j("#popover-datos2").hide();
            $j("#popover-datos4").hide();
            $j("#popover-datos5").hide();
            //mostramos el modal para obtener la información del usuario y poder descargar cualquier archivo
            $j('#myModal2').css({
                display: 'block'
            });
            //al precionar submit3
            $j('#enviar_form3').click(function(event) {
                localStorage.setItem("href", href);

                var email = $j('#email3').val();
                var pr2 = $j('#pr2').val();

                if (pr2 != "" && email != "") {
                    // console.log("Datos capturados "+email);
                    pro_pregunta(pr2, 2, email);
                } else {
                    //evita que el formulario se envie y muetras las validaciones
                    event.stopPropagation();
                }
            });
        } else if (c == 3) {
            //Cuarto Modal
            $j("#popover-datos1").hide();
            $j("#popover-datos2").hide();
            $j("#popover-datos3").hide();
            $j("#popover-datos5").hide();
            //mostramos el modal para obtener la información del usuario y poder descargar cualquier archivo
            $j('#myModal2').css({
                display: 'block'
            });
            //al precionar submit4
            $j('#enviar_form4').click(function(event) {
                localStorage.setItem("href", href);

                var email = $j('#email4').val();
                var pr3 = $j('#pr3').val();

                if (pr3 != "" && email != "") {
                    pro_pregunta(pr3, 3, email);
                } else {
                    //evita que el formulario se envie y muetras las validaciones
                    event.stopPropagation();
                }
            });
        } else if (c == 4) {
            //quinto modal
            $j("#popover-datos1").hide();
            $j("#popover-datos2").hide();
            $j("#popover-datos3").hide();
            $j("#popover-datos4").hide();
            //mostramos el modal para obtener la información del usuario y poder descargar cualquier archivo
            $j('#myModal2').css({
                display: 'block'
            });
            //al precionar submit5
            $j('#enviar_form5').click(function(event) {
                localStorage.setItem("href", href);

                var email = $j('#email5').val();
                var pr4 = $j('#pr4').val();

                if (pr4 != "" && email != "") {
                    pro_pregunta(pr4, 4, email);
                } else {
                    //evita que el formulario se envie y muetras las validaciones
                    event.stopPropagation();
                }
            });

        } else {
            window.location.href = href;
        }
    });
    // cuando los usuarios hagan clic <span> (x), cerrar modal
    $j(".close").click(function(event) {
        /* Act on the event */
        $j('#myModal2').css({
            display: 'none'
        });

    });

    //Reiniciar si se mueve el mouse o presiona alguna tecla
    //   $j(this).mousemove(function(e) {
    //       //   console.log(idleTime);
    //       idleTime = 0;
    //   });
    //   $j(this).keypress(function(e) {
    //       //   console.log(idleTime);
    //       idleTime = 0;
    //   });

    // cuando los usuarios hagan clic <span> (x), cerrar modal
    $j('#exit_modal').click(function(event) {
        $j('#ouibounce-modal').fadeOut('fast');

    });

    //Si presionamos si, deseo suscribirme en el modal principal
    $j("#emailRequerido").hide();
    $j("#emailValido").hide();

    $j("#enviarModal1").click(function(event) {
        var modal = 'modalPrincipal';
        event.preventDefault();
        var email = $j("#emailModal1").val();

        if (email.length != 0) {
            if (validateEmail(email)) {
                localStorage.setItem('modalEmail', email);
                Cookies.set('cookieBoletin', email, { expires: 365 });
                enviarEmail(email, modal);
            } else {
                $j("#emailRequerido").hide();
                $j("#emailValido").show();
            }
        } else {
            $j("#emailRequerido").show();
            $j("#emailValido").hide();
        }
    });
}); //exit document ready function

function enviarEmail(email, modal) {
    $j.ajax({
        type: 'POST',
        url: 'shared/procesar_formularios.php',
        data: { 'email': email, 'modal': modal },
        beforeSend: function() {
            $j('#load').html("<center><p><img src='media/img/loader.gif'/></p> <p>Cargando...</p> </center>")
        },
        success: function(data) {
            $j('#load').html(data);
            $j('#footer-modal').hide();
        }
    })
}

function pro_pregunta(pregunta, nm, email) {
    var pr = "pregunta" + nm;

    $j.ajax({
        type: 'POST',
        url: 'shared/procesar_formularios.php',
        data: { 'pr': pr, 'email': email, 'pregunta': pregunta },
        beforeSend: function() {
            $j('#contenido_modal').html("<center><p><img src='media/img/loader.gif'/></p></center>")
        },
        success: function(data) {
            $j('#contenido_modal').html(data);
            //capturamos el error de vuelta
            var r = $j("#error")[0];
            var r2 = $j("#error-r")[0];
            if (r == null && r2 == null) {
                var r = "";
                var r2 = "";
            }
            //error -r reinciiar cookie a cero y recargar
            if (r2.id == "error-r") {
                Cookies.remove('c');
                setInterval('no_redireccionar()', 2000);
                return false;
            }
            if (r.id != "error") {
                Cookies.set('c', nm + 1, { expires: 3 }); //cookie que caduca a los 3 días
                setInterval('redireccionar()', 2000);
            }
        }
    });

}

function redireccionar() {
    var href = localStorage.getItem("href");
    window.open(href, '_blank');
    localStorage.clear(href);
    location.reload();
}

function no_redireccionar() {
    location.reload();
}

function validateEmail(email) {
    var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(String(email).toLowerCase());
}