script.js 7.23 KB
$(document).ready(function(){
    footer();
    cabinet();
    formsHome();

    function footer(){
        footerBottom();
        resizeFooterBottom();

        function footerBottom(){
            var heightHeader = $('.section-box-header').height()
            var heightFooter = $('.section-box-footer').height()
            var windowHeight = $(window).height()
            $('.section-box-content').css({minHeight:windowHeight-heightHeader-heightFooter})
        }

        function resizeFooterBottom(){
            $(window).resize(function(){
                footerBottom();
            })
        }
    }
    
    function cabinet() {
        sidebar();
        forms();
        tabsContentOiv();

        function sidebar() {
            $('.list-cab li').click(function (e) {
                e.preventDefault()

                var dropDownList = $(this).find('ul').length



                if($(this).hasClass('active-li')){

                } else {

                    if(dropDownList){
                        $('.list-cab li').removeClass('active-li')
                        $(this).addClass('active-li')




                    } else {
                        if($(this).hasClass('second-list')){

                        } else {
                            $('.list-cab li').removeClass('active-li')
                            $(this).addClass('active-li')
                            var thisNum = $(this).index()
                            var cabContent = $('.cab_content_list')
                            $('body').append('<div id="preload-cab"><div></div></div>')
                            cabContent.removeClass('active-cab')
                            setTimeout(function () {
                                $(cabContent[thisNum]).addClass('active-cab')
                                $('#preload-cab').remove()
                            },800)
                        }
                    }


                }
            })

            $('ul.list-cab li ul li').click(function (e) {
                e.preventDefault();
                $('ul.list-cab li ul li').removeClass('active-li-drop')
                $(this).addClass('active-li-drop')
                var thisParentNum = $(this).parent().parent().index()
                var thisNum = $(this).index()

                var cabContent = $('.cab_content_list')
                var cabContentDropDawn = $(cabContent[thisParentNum]).find('.cab_content_list-dropdown')


                cabContent.removeClass('active-cab')
                cabContentDropDawn.removeClass('active-cab-dropdown')

                $('body').append('<div id="preload-cab"><div></div></div>')

                setTimeout(function () {
                    $(cabContent[thisParentNum]).addClass('active-cab')
                    $(cabContentDropDawn[thisNum]).addClass('active-cab-dropdown')
                    $('#preload-cab').remove()
                },800)
            })
        }
        function forms() {
            if($('.phone-input input').length){
                $('.phone-input input').mask('+38 (000) 000 00 00');
            }
        }
        function tabsContentOiv() {
            $('.oiv-list li').click(function (e) {
                e.preventDefault()
                if($(this).hasClass('active-list-oiv')){

                } else {
                    $('.table-wrapp-2').after('<div id="preload-cab"><div></div></div>')
                    $('.oiv-list li').removeClass('active-list-oiv')
                    $(this).addClass('active-list-oiv')

                    var thisNum = $(this).index()
                    var cabContent = $('.hidden-tables-oiv')


                    setTimeout(function () {
                        cabContent.removeClass('active-tab-oiv')
                        $(cabContent[thisNum]).addClass('active-tab-oiv')
                        $('#preload-cab').remove()
                    },800)
                }
            })
        }
    }

    function formsHome() {
        $('.btn_login, .btn_login_2').click(function (e) {
            e.preventDefault()
            var pos = ($(window).scrollTop())+20
            $('#overlay').fadeIn(400,
                function(){
                    $('#login_form')
                        .css('display', 'block')
                        .animate({opacity: 1, top: pos}, 200);
                });
        })

        $('#modal_close, #overlay').click( function(){
            $('.forms_').animate({opacity: 0, top: '0'}, 200,function(){
                $(this).css('display', 'none');
                $('#overlay').fadeOut(400);
            });
        });

        $('.btn_register').click( function(e){
            e.preventDefault()
            var pos = ($(window).scrollTop())+20
            $('#login_form').animate({opacity: 0, top: '-50px'}, 200,function(){
                $('#register_form')
                    .css('display', 'block')
                    .animate({opacity: 1, top: pos}, 200);
            });
        });



        $('#login_form form button').click(function (e) {
            if($('#input-1').val().length<1){
                e.preventDefault()
                $('#input-1').addClass('errors')
            } else {
                $('#input-1').removeClass('errors')
            }
            if($('#input-2').val().length<1){
                e.preventDefault()
                $('#input-2').addClass('errors')
            } else {
                $('#input-2').removeClass('errors')
            }
        })

        $('#register_form form button').click(function (e) {
            if($('#input-3').val().length<1){
                e.preventDefault()
                $('#input-3').addClass('errors')
            } else {
                $('#input-3').removeClass('errors')
            }
            if($('#input-4').val().length<1){
                e.preventDefault()
                $('#input-4').addClass('errors')
            } else {
                $('#input-4').removeClass('errors')
            }
            if($('#input-5').val().length<1){
                e.preventDefault()
                $('#input-5').addClass('errors')
            } else {
                $('#input-5').removeClass('errors')
            }
        })
    }

    $(document).on('beforeSubmit', '#personal-form', function(e) {
        postForm(this);
        return false;
    });

    $(document).on('beforeSubmit', '#passport-form', function(e) {
        postForm(this);
        return false;
    });

    function postForm(context) {
        $.post($(context).attr('action'), $(context).serialize(), function(data) {
            var type;
            if(data.error) {
                type = 'danger';
            } else {
                type = 'success';
            }
            showStatus(data.message, type);
            reload($(context).parents('.pjax_container').attr('id'));
        }.bind(this));
    }

    function showStatus(txt, type) {
        $.notify({
            message: txt
        }, {
            type: type
        });
    }

    function reload(id) {
        $('#'+id).prepend('<div class="preloader"></div>');
        $.pjax.reload('#'+id);
    }
});