js/window.js - master - Ladlen/modal-steps

js/window.js
164 строки6 KB
Dolgov Dmitriy
refactoring
03 июл 2017, 21:35
03 июл 2017, 21:35c1b0998
jQuery(function ($) {
    var wnd = $("#widget_right_panel");
    $(".close_calculator", wnd).click(function () {
        //wnd.find("ul").hide();
        //wnd.find(".close_calculator").hide();
        wnd.animate({right: "-185px"}, function () {
            wnd.find(".open_right_panel").fadeIn();
        });
    });
    $(".open_right_panel", wnd).click(function () {
        /*wnd.find("ul").show();*/
        wnd.find(".open_right_panel").hide();
        //wnd.find(".close_calculator").show();
        wnd.animate({right: 0});
    });
    $(".calculator_calc", wnd).click(function () {
        $("div[data-step]").hide();
        $("div[data-step=1]").show();
        $("#calc_form")[0].reset();
        $("#calculator_popup").fadeIn();
    });

    var wndForm = $("#calc_form");
    $(".calculator_close_link", wndForm).click(function () {
        $("#calculator_popup").fadeOut();
        $("#calc_form")[0].reset();
    });
    wndForm.submit(function (e) {
        e.preventDefault();
        return false;
    });

    $("#ans2-01, #ans3-01, #calculator_phone_input").keypress(function (event) {
        if (event.keyCode === 10 || event.keyCode === 13) {
            event.preventDefault();
        }
    });

    // Step 1
    $("div[data-step=1] .calculator_calc_next").click(function () {
        if ($("[name=ans0]:checked").length > 0) {
            //$("div[data-step=1]").hide();
            //$("div[data-step=2]").show();
            $("div[data-step=1]").fadeOut(300, function () {
                $("div[data-step=2]").fadeIn();
            });
            $(window).scrollTop(0);
        } else {
            alert("Пожалуйста выберите тип забора.");
        }
    });

    // Step 2
    $("div[data-step=2] .calculator_calc_next").click(function () {
        if ($('[name="ans1[]"]:checked').length > 0) {
            //$("div[data-step=2]").hide();
            //$("div[data-step=3]").show();
            $("div[data-step=2]").fadeOut(300, function () {
                $("div[data-step=3]").fadeIn();
            });
            $(window).scrollTop(0);
        } else {
            alert("Не выбран ни один пункт!");
        }
    });
    $("div[data-step=2] .calculator_back_link").click(function () {
        //$("div[data-step=2]").hide();
        //$("div[data-step=1]").show();
        $("div[data-step=2]").fadeOut(300, function () {
            $("div[data-step=1]").fadeIn();
        });
        $(window).scrollTop(0);
    });

    // Step 3
    $("div[data-step=3] .calculator_calc_next").click(function () {
        //$("div[data-step=3]").hide();
        //$("div[data-step=4]").show();
        $("div[data-step=3]").fadeOut(300, function () {
            $("div[data-step=4]").fadeIn();
        });
        $(window).scrollTop(0);
    });
    $("div[data-step=3] .calculator_back_link").click(function () {
        //$("div[data-step=3]").hide();
        //$("div[data-step=2]").show();
        $("div[data-step=3]").fadeOut(300, function () {
            $("div[data-step=2]").fadeIn();
        });
        $(window).scrollTop(0);
    });

    // Step 4
    $("div[data-step=4] .calculator_calc_next").click(function () {
        //$("div[data-step=4]").hide();
        //$("div[data-step=calc]").show();
        $("div[data-step=4]").fadeOut(300, function () {
            $("div[data-step=calc]").fadeIn();
        });
        $(window).scrollTop(0);
        setTimeout(function () {
            //$("div[data-step=calc]").hide();
            //$("div[data-step=phone]").show();
            $("div[data-step=calc]").fadeOut(300, function () {
                $("div[data-step=phone]").fadeIn();
            });
        }, 2000);
    });
    $("div[data-step=4] .calculator_back_link").click(function () {
        //$("div[data-step=4]").hide();
        //$("div[data-step=3]").show();
        $("div[data-step=4]").fadeOut(300, function () {
            $("div[data-step=3]").fadeIn();
        });
        $(window).scrollTop(0);
    });

    // Step calc
    $("div[data-step=calc] .calculator_calc_next").click(function () {
        //$("div[data-step=calc]").hide();
        //$("div[data-step=phone]").show();
        $("div[data-step=calc]").fadeOut(300, function () {
            $("div[data-step=phone]").fadeIn();
        });
        $(window).scrollTop(0);
    });
    $("div[data-step=calc] .calculator_back_link").click(function () {
        //$("div[data-step=calc]").hide();
        //$("div[data-step=4]").show();
        $("div[data-step=calc]").fadeOut(300, function () {
            $("div[data-step=4]").fadeIn();
        });
        $(window).scrollTop(0);
    });

    // Step phone
    $("div[data-step=phone] .meedget_calc_submit").click(function () {
        var phone = $.trim($("#calculator_phone_input").val());
        $("#calculator_phone_input").val(phone);
        if (!phone) {
            alert("Введите пожалуйста телефон");
        } else {
            phone = phone.replace(/\s/g, '');

            var phoneMask = /^[+]*[(]{0,1}[0-9]{1,3}[)]{0,1}[-\s\./0-9]*$/g;
            //var phoneMask = /^[0-9-()+]{3,20}$/;
            if (!phone.match(phoneMask)) {
                alert("Номер телефона не корректен");
            } else {
                $.post('file.php', $('#calc_form').serialize());
                //$("div[data-step=phone]").hide();
                //$("div[data-step=finish]").show();
                $("div[data-step=phone]").fadeOut(300, function () {
                    $("div[data-step=finish]").show();
                });
                $(window).scrollTop(0);
            }
        }
    });

    // Step finish


});