saas-platform/frontend/saas-portal-web/static/js/mains.js

/* ========================================================================= */
/*	Preloader
/* ========================================================================= */

jQuery(window).load(function(){

    $("#preloader").fadeOut("slow");
    // .........................................................................
    // 手机验证
    isPhone = function (phone) {
        var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
        if (!myreg.test(phone)) {
            return false;
        } else {
            return true;
        }
    };
    // 密码验证
    isMima = function(mima){
        let mimareg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,20}$/;
        if (!mimareg.test(mima)) {
            return false;
        } else {
            return true;
        }
    };
    // $('#pwd').change(function(){
    //     if (isMima($(this).val())) {
    //         return
    //     } else {
    //         alert("密码格式不对")
    //     }
    // })
    // 注册手机号验证
    // $("#zc-phone").bind('input propertychange',function(){
    //     if (isPhone($(this).val())) {
    //         $(".zc-phone").html("");
    //         $(this).parent().parent().css('border','1px #D8DCE8 solid');
    //         $(this).css('outline','');
    //     } else {
    //         $(".zc-phone").html("<img src='./img/assets/tishi1x.png'/>请输入正确的手机号码");
    //         $(this).parent().parent().css('border','1px red solid');
    //         $(this).css('outline','none');
    //     }
    // })
    // 账号手机号验证
    // $("#zh-phone").bind('input propertychange',function(){
    //     if (isPhone($(this).val())) {
    //         $(".zh-phone").html("");
    //         $(this).parent().parent().css('border','1px #D8DCE8 solid');
    //         $(this).css('outline','');
    //     } else {
    //         $(".zh-phone").html("<img src='./img/assets/tishi1x.png'/>请输入正确的手机号码");
    //         $(this).parent().parent().css('border','1px red solid');
    //         $(this).css('outline','none');
    //     }
    // })
    // 短信手机号验证
    // $("#dx-phone").bind('input propertychange',function(){
    //     if (isPhone($(this).val())) {
    //         $(".dx-phone").html("");
    //         $(this).parent().parent().css('border','1px #D8DCE8 solid');
    //         $(this).css('outline','');
    //     } else {
    //         $(".dx-phone").html("<img src='./img/assets/tishi1x.png'/>请输入正确的手机号码");
    //         $(this).parent().parent().css('border','1px red solid');
    //         $(this).css('outline','none');
    //     }
    // })

    // 注册协议按钮同意可以点击注册
    // $(".checked").click(function(){
    //     if ($(".checked").get(0).checked) {
    //         $(".form-btn").attr('disabled',false);
    //         $(".form-btn").removeClass("back");
    //     } else {
    //         $(".form-btn").attr('disabled',true);
    //         $(".form-btn").addClass("back");
    //     }
    // })
    
    // 帮助中心
    $(".bz-right-conent>div").eq(0).show()
    let abtn = $(".bz-ul").children('li').click(function(){
        var _index = $(this).index();
        //让内容框的第 _index 个显示出来，其他的被隐藏
        $(".bz-right-conent>div").eq(_index).show().siblings().hide();
        $(this).addClass("active").siblings().removeClass('active')
    });
});

/* ========================================================================= */
/*  Welcome Section Slider
/* ========================================================================= */

$(function() {

    var Page = (function() {

        var $navArrows = $( '#nav-arrows' ),
            $nav = $( '#nav-dots > span' ),
            slitslider = $( '#slider' ).slitslider( {
                onBeforeChange : function( slide, pos ) {

                    $nav.removeClass( 'nav-dot-current' );
                    $nav.eq( pos ).addClass( 'nav-dot-current' );

                }
            } ),

            init = function() {

                initEvents();
                
            },
            initEvents = function() {

                // add navigation events
                $navArrows.children( ':last' ).on( 'click', function() {

                    slitslider.next();
                    return false;

                } );

                $navArrows.children( ':first' ).on( 'click', function() {
                    
                    slitslider.previous();
                    return false;

                } );

                $nav.each( function( i ) {
                
                    $( this ).on( 'click', function( event ) {
                        
                        var $dot = $( this );
                        
                        if( !slitslider.isActive() ) {

                            $nav.removeClass( 'nav-dot-current' );
                            $dot.addClass( 'nav-dot-current' );
                        
                        }
                        
                        slitslider.jump( i + 1 );
                        return false;
                    
                    } );
                    
                } );

            };

            return { init : init };

    })();

    Page.init();

});



$(document).ready(function(){
    var Store = (function(){
        var storeKey = 'app-state', store = window.localStorage;
        return {
            get: function(key, defaultValue) {
                var value = store.getItem(storeKey + '-' + key);
                return value === undefined? defaultValue : JSON.parse(value);
            },
            set: function(key, value) {
                store.setItem(storeKey + '-' + key, JSON.stringify(value));
            }
        };
    })();
    var Session = (function(){
        var key = 'session';
        return {
            load: function() {
                return Store.get(key);
            },
            loadData: function(data) {
                data.span = data.timestamp - new Date().getTime();
                Store.set(key, data);
            },
            isValid: function() {
                var token = this.load();
                return token && token.timestamp + token.expire * 1000 > new Date().getTime() + token.span;
            },
            get: function(prop) {
                var token = this.load();
                return token ? token[prop] : null;
            },
            set: function(prop, value) {
                var token = this.load();
                if (token) {
                    token[prop] = value;
                    Store.set(key, token);
                }
            }
        }
    })();
    var setUserProfile = function(account) {
        if (account) {
            $(".login").css("display","none");
            // 显示用户信息
            $("#user-info").text(account.realname || account.username);
            $(".profile").css("display","block")
        } else {
            $(".login").css("display","block");
            $(".profile").css("display","none")
        }
    };
    // 已经登录过从Store取出信息
    setUserProfile(Session.get('account'));
    // socket
    var listenOnCallback = function(clientId, resolve) {
        var socket = new SockJS(env.server.baseUrl + "/ws");
        stompClient = Stomp.over(socket);
        stompClient.connect({}, function(frame) {
            stompClient.subscribe('/clients/' + clientId + '/sso/callback', function(message){
                stompClient.disconnect(function(){
                    resolve(JSON.parse(message.body));
                });
            });
        });
    };
    // 系统页面token
    var Frontend = (function(){
        var frame;
        return {
            init: function() {
                $('body').append('<iframe id="frontend" hidden src="' + 
                    env.frontend.baseUrl + '/set-token.html"></iframe>');
                frame = window.frames[window.frames.length - 1];
            },
            set: function(session, callback) {
                window.addEventListener('message', callback, false);
                frame.postMessage(JSON.stringify(session), '*');
            },
            redirect: function() {
                window.location.href = env.frontend.baseUrl;
            }
        };
    })();
    Frontend.init();
    // 关闭弹窗X
    $(".tc-on").click(function(){
        $('#box-zc').css('display','none');
        $('#box').css('display','none');
        $(".zhezhao").css("display","none")
    })
    // 登录弹出
    $(".btn1").click(function(){
        if ($('#box').css('display') =="none") {
            // 随机生成clientId
            var clientId = Math.random().toString(36).substr(2);
            $(".zhezhao").css("display","block");
            $('#box iframe').attr('src', env.server.ssoUrl + '/sassLogin?appId=sp&baseUrl=' + 
                encodeURIComponent(env.server.baseUrl + '/api/auth/sso/callback/' + clientId));
            $('#box').show();
            listenOnCallback(clientId, function(data){
                var session = data.token, account = data.account;
                account.companies = account.companies || [];
                session.account = account;
                Session.loadData(session);
                setUserProfile(account);
                $('#box').hide();
                $(".zhezhao").css("display","none");
                // 系统页面token设置
                Frontend.set(session, function(){
                    if (!account.companyId) {
                        // 登录成功跳转到企业设置
                        this.$router.push({name:'enterprise'});
                    } else {
                        //如果开通过sass直接跳转到sass页面
                        Frontend.redirect();
                    }
                });
            });
        } else {
            $('#box').hide();
            $(".zhezhao").css("display","none")
        }
    });
    // 注册弹出
    $('.register').click(function(){
        if ($('#box').css('display') =="none") {
            $(".zhezhao").css("display","block");
            $('#box iframe').attr('src', env.server.ssoUrl + '/sassLogin/register?appId=sp');
            $('#box').show();
        } else {
            $('#box').hide();
            $(".zhezhao").css("display","none")
        }
    });

    /* ========================================================================= */
    /*  Portfolio
    /* ========================================================================= */
    var $projectWrapper = $('.project-wrapper');
    $projectWrapper.isotope({
        filter: '*',
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: false
        }
    });
    
    $('.portfolio-filter a').click(function(){
        $('.portfolio-filter .active').removeClass('active');
        $(this).addClass('active');
    
        var selector = $(this).attr('data-filter');
        $projectWrapper.isotope({
            filter: selector,
            animationOptions: {
                duration: 750,
                easing: 'linear',
                queue: false
            }
         });
         return false;
    }); 

	/* ========================================================================= */
	/*	Menu item highlighting
	/* ========================================================================= */

	// jQuery('#nav').singlePageNav({
	// 	offset: jQuery('#nav').outerHeight(),
	// 	filter: ':not(.external)',
	// 	speed: 2000,
	// 	currentClass: 'current',
	// 	easing: 'easeInOutExpo',
	// 	updateHash: true,
	// 	beforeStart: function() {
	// 		console.log('begin scrolling');
	// 	},
	// 	onComplete: function() {
	// 		console.log('done scrolling');
	// 	}
	// });
	
    $(window).scroll(function () {
        if ($(window).scrollTop() > 10) {
            $(".navbar-brand a").css("color","#fff");
            $("#navigation").removeClass("animated-header");
        } else {
            $(".navbar-brand a").css("color","inherit");
            $("#navigation").addClass("animated-header");
        }
    });
	
	/* ========================================================================= */
	/*	Fix Slider Height
	/* ========================================================================= */	

    // Slider Height
    var slideHeight = $(window).height();
    
    $('#home-slider, #slider, .sl-slider, .sl-content-wrapper').css('height',slideHeight);

    $(window).resize(function(){'use strict',
        $('#home-slider, #slider, .sl-slider, .sl-content-wrapper').css('height',slideHeight);
    });
	
	
	
	$("#works, #testimonial").owlCarousel({	 
		navigation : true,
		pagination : false,
		slideSpeed : 700,
		paginationSpeed : 400,
		singleItem:true,
		navigationText: ["<i class='fa fa-angle-left fa-lg'></i>","<i class='fa fa-angle-right fa-lg'></i>"]
	});
	
	
	/* ========================================================================= */
	/*	Featured Project Lightbox
	/* ========================================================================= */

	$(".fancybox").fancybox({
		padding: 0,

		openEffect : 'elastic',
		openSpeed  : 650,

		closeEffect : 'elastic',
		closeSpeed  : 550,

		closeClick : true,
			
		beforeShow: function () {
			this.title = $(this.element).attr('title');
			this.title = '<h3>' + this.title + '</h3>' + '<p>' + $(this.element).parents('.portfolio-item').find('img').attr('alt') + '</p>';
		},
		
		helpers : {
			title : { 
				type: 'inside' 
			},
			overlay : {
				css : {
					'background' : 'rgba(0,0,0,0.8)'
				}
			}
		}
	});
	
});


// ========== END GOOGLE MAP ========== //

var wow = new WOW ({
	offset:       75,          // distance to the element when triggering the animation (default is 0)
	mobile:       false,       // trigger animations on mobile devices (default is true)
});
wow.init();