//*
// 登录注册模块
// */

import Loger from "../Loger";
import Ape from "./Ape";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
import MessageTypes from "../MessageTypes";
import ErrorApe from "./ErrorApe";
let loger = Loger.getLoger('PC-LoginOrRegister');
class LoginOrRegister extends Ape {
    constructor() {
        super();

        this.isLocalStorage();
        this.addEvent();
        this.init();
    }

    init() {
        $('#usersignA').on('click',this._usersignAHandler.bind(this));//关闭注册界面
        $('#userLoginA').on('click',this._userLoginAHandler.bind(this));//关闭登录界面
        $('#skipLoginBtn').on('click',this._skipLoginBtnHandler.bind(this));//注册跳转登录界面
        $('#nowUserSign').on('click',this._nowUserSignHandler.bind(this));//新用户注册

        $('#signBtn').on('click',this._signBtnHandler.bind(this));//注册信息提交

        $('#userLoginBtn').on('click',this._loginBtnHandler.bind(this));//登录信息提交

        $('#homeUserLoginBtn').on('click',this._homeUserLoginBtnHandler.bind(this));//首页用户登录
        $('#homeUserLoginBtn').on('mouseenter',this._mouseenterHandler.bind(this));//首页用户登录
        $('#exitBox').on('mouseleave',this._mouseleaveHandler.bind(this));//首页用户登录

        $('#exitBtn').on('click',this._exitBtnHandler.bind(this));//退出登录

        $('#loginName').on('keydown',this._enterLoginHandler.bind(this));
        $('#loginPassWord').on('keydown',this._enterLoginHandler.bind(this));

        $('body').on('click',function(evt){
            if(!$(evt.target).is('#exitBox')){
                $('#exitBox').hide();
            }
        });
    }
    _enterLoginHandler(e){
        let curKey = e.which;
        if (curKey == 13) {
            this._loginBtnHandler();
        }
    }
    isLocalStorage(){
        loger.log(ClassDataProxy.status,'登录状态')
        if(!ClassDataProxy.status){
            $('#homeUserLoginBtn').text('登录');
        }
        if(ClassDataProxy.status == 'true'){
            $('#homeUserLoginBtn').text(ClassDataProxy.loginName);
        }
    }
    addEvent() {

    }
    //关闭注册界面
    _usersignAHandler(){
        $('#userSignBox').hide();
        this._clearSignData();
    }
    _clearSignData(){
        $('#signName').val('');
        $('#signPhone').val('');
        $('#signMail').val('');
        $('#signPassWord').val('');
        $('#securityCode').val('');
    }
    _clearLoginData(){
        $('#loginName').val('');
        $('#loginPassWord').val('');
    }
    //关闭登录界面
    _userLoginAHandler(){
        $('#userLoginBox').hide();
        this._clearLoginData();
    }
    //注册跳转登录界面
    _skipLoginBtnHandler(){
        ClassDataProxy.getMarginTopHandler($('#userLogin'));
        $('#userSignBox').hide();
        $('#userLoginBox').show();
        $('#loginName').focus();
        this._clearSignData();
    }
    //新用户注册
    _nowUserSignHandler(){
        ClassDataProxy.getMarginTopHandler($('#usersign'));
        $('#userLoginBox').hide();
        $('#userSignBox').show();
        $('#signName').focus();
        this._clearLoginData();
    }
    //首页用户登录
    _homeUserLoginBtnHandler(){
        $('#homeUserLoginBtn').attr('data',1)
        if(!window.localStorage.getItem('status')){
            ClassDataProxy.getMarginTopHandler($('#userLogin'));
            $('#userLoginBox').show();
            $('#loginName').focus();
        }
    }
    _mouseenterHandler(){
        if(window.localStorage.getItem('status') == 'true'){
            $('#exitBox').show();
        }
    }
    _mouseleaveHandler(){
        $('#exitBox').hide();
    }
    _exitBtnHandler(){
        this.clearLocalStorage();
        this.updateInterfaceState();
        this._emit(MessageTypes.LOGIN_OUT);
        ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
        ErrorApe.showWarnError('退出成功',1);
    }
    clearLocalStorage(){
        window.localStorage.clear();
        ClassDataProxy.userType = ClassDataProxy.USER_TYPE_0;
        ClassDataProxy.loginName ="";
        ClassDataProxy.password =""
        ClassDataProxy.token ="";
        ClassDataProxy.userPhoto ="";
        ClassDataProxy.status = false;

    }
    updateInterfaceState(){
        $('#homeUserLoginBtn').text('登录');
        $('#loginName').val('');
        $('#loginPassWord').val('');
        $('#slideshow').show();
        $('#defaultBox').show();
        $('.curriculumBox').show();
        $('#header_list').show();
        $('#header_seek').show();
        $('#androidDownload').show();
        $('#exitBox').hide();
        $('#classManagementBox').hide();
        $('#defaultBtn').addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck');

        $('.myCenterContentBox').eq(0).show().siblings().hide();
        $('#teacherUI .recordLi2').eq(0).addClass('recordLiCheck').siblings().removeClass('recordLiCheck');
    }


    _signName(_name){
        if(_name.value == ''){
            ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
            ErrorApe.showWarnError('用户名不能为空');
            _name.focus();
            return false;
        }else if(_name.value.length >12 || _name.value.length <6){
            ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
            ErrorApe.showWarnError('请输入4位以上字符');
            _name.focus();
            return false;
        }
    }
    _signPhone(phone){
        let reg = "^1[3|4|5|8][0-9]\\d{8}$";
        let re = new RegExp(reg);
        if(phone.value == ''){
            ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
            ErrorApe.showWarnError('手机号不能为空');
            phone.focus();
            return false;
        }
        if (re.test(phone.value)) {
            $('#signPhone').css('color','#000');
        } else {
            $('#signPhone').val('手机号输入不合法')
                .css('color','#d95136');
            ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
            ErrorApe.showWarnError('手机号输入不合法');
            phone.focus();
            return false;
        }
    }
    _signMail(mail){
        let filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        if(mail.value == ''){
            ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
            ErrorApe.showWarnError('邮箱不能为空');
            mail.focus();
            return false;
        }
        if (filter.test(mail.value)){
            $('#signMail').css('color','#000');
        }
        else {
            $('#signMail').val('电子邮箱输入不合法')
                .css('color','#d95136');
            ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
            ErrorApe.showWarnError('电子邮箱输入不合法');
            mail.focus();
            return false;
        }
    }
    //判断密码
    _signPassWord(_passWord){
        let reg = /^[0-9a-zA-Z]{6,12}$/;//密码正则
        if(_passWord.value == ''){
            _passWord.focus();
            ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
            ErrorApe.showWarnError('密码不能为空');
            return false;
        }else if(_passWord.value.length >12 || _passWord.value.length <6){
            $('#signPassWord').val('密码长度不够或太长')
                .css('color','#d95136');
            ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
            ErrorApe.showWarnError('请输入6-12位密码');
            _passWord.focus();
            return false;
        }
        if(reg.test(_passWord.value)){
            $('#signPassWord').css('color','#000');
        }
    }
    //判断验证码
    _securityCode(securityCode){
        let reg= /^\d{4}$/;//验证码正则
        if(securityCode.value == ''){
            ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
            ErrorApe.showWarnError('验证码不能为空');
            securityCode.focus();
            return false;
        }
        if(reg.test(securityCode.value)){
            $('#securityCode').css('color','#000');
        }else{
            $('#securityCode').val('验证码不正确')
                .css('color','#d95136');
            ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
            ErrorApe.showWarnError('验证码不正确');
            securityCode.focus();
            return false;
        }
    }
    //注册信息提交
    _signBtnHandler(){
        let _name = document.getElementById("signName");//用户名
        let phone = document.getElementById("signPhone");//手机号
        let mail = document.getElementById("signMail");//邮箱
        let _passWord = document.getElementById("signPassWord");//密码
        let securityCode = document.getElementById("securityCode");//验证码
        let permitSign = document.getElementById("permitSign");//是否同意
        if(_name.value && phone.value && mail.value && _passWord.value && securityCode.value && $(permitSign).is(':checked')){
            let signInfo = {
                "loginName": _name.value, // 登录名
                "password": _passWord.value,  //登录密码
                "companyName":null,  //公司名字
                "userName":_name.value, //用户名
                "userRole":4, // 用户角色 0超级管理员，1管理员，2监课，3老师，4学生
                "userType": 8,
                "userEmail":mail.value, // 用户邮箱
                "userMobile":parseInt(phone.value), // 用户手机号
                "content":"2017-09-01", // 用户简介
                "groupId":1, //用户组id
                "IDcard":123123,
                "siteId":ClassDataProxy.siteId
            }
            let that = this;
            let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/addUser';
            $.ajax({
                type: "POST",
                url: _url,
                data: signInfo,
                timeout:5000,
                success:function(_data){

                    //注册成功后 跳转登录界面
                    if(_data && _data.code == 200){
                      //  alert('注册成功')
                        console.log(_data,'成功')
                        ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
                        ErrorApe.showWarnError('注册成功');
                        that._successSign(_data);
                    }else{
                        ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
                        ErrorApe.showWarnError(_data.returnData.data.msg);
                        loger.log('注册失败',_data)
                      //  alert(_data.returnData.data.msg)
                    }
                },
                error:function(error){
                    console.log(error,'失败')
                }
            })
        }else{
            this._securityCode(securityCode);//判断验证码
            this._signPassWord(_passWord);//判断密码
            this._signMail(mail);//判断邮箱
            this._signPhone(phone);//判断手机号
            this._signName(_name);//判断用户名
        }
    }
    //注册成功后 跳转登录界面
    _successSign(_data){
        if(_data.code == 200){
            this._skipLoginBtnHandler();
        }
    }
    _loginName(_name){
        loger.log('用户名信息',_name.value)
        if(_name.value == ''){
            ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
            ErrorApe.showWarnError('请输入用户名');
            _name.focus();
            return false;
        }
    }
    _loginPassWord(_passWord){
        loger.log('密码信息',_passWord.value)
        if(_passWord.value == ''){
            ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
            ErrorApe.showWarnError('请输入密码');
            _passWord.focus();
            return false;
        }
    }
    //登录信息提交
    _loginBtnHandler(){
        let _name = document.getElementById("loginName");//用户名
        let _passWord = document.getElementById("loginPassWord");//手机号
        if(_name.value && _passWord.value){
            let signInfo = {
                "loginName": _name.value, // 登录名
                "password": _passWord.value,  //登录密码
                "code":"quwerdf"
            }
            let that = this;
            let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/login';
            $.ajax({
                type: "POST",
                url: _url,
                data: signInfo,
                timeout:5000,
                success:function(_data){
                    loger.log('登录返回数据',_data)
                    if(_data && _data.code == 200){
                      //  alert('登录成功')
                        ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
                        ErrorApe.showWarnError('登录成功');
                        ClassDataProxy.userType= _data.returnData.data.userType;
                        ClassDataProxy.loginName =_name.value;
                        ClassDataProxy.password = _passWord.value;
                        ClassDataProxy.token =_data.returnData.data.token
                        ClassDataProxy.userPhoto = _data.returnData.data.userPhoto;
                        ClassDataProxy.status = true;
                        ClassDataProxy.id = _data.returnData.data.id;
                       // ClassDataProxy.siteId = _data.returnData.data.siteId;
                        ClassDataProxy.siteId = 'networkschool'
                        ClassDataProxy.monicker = _data.returnData.data.userName;
                        ClassDataProxy.userEmail = _data.returnData.data.userEmail;
                        ClassDataProxy.userMobile = _data.returnData.data.userMobile;

                        window.localStorage.setItem("loginName",ClassDataProxy.loginName);//登录名
                        window.localStorage.setItem("password", ClassDataProxy.password );//密码
                        window.localStorage.setItem("userType",  ClassDataProxy.userType);
                        window.localStorage.setItem("token", ClassDataProxy.token );
                        window.localStorage.setItem("userPhoto", ClassDataProxy.userPhoto );//个人图片
                        window.localStorage.setItem('status',  ClassDataProxy.status);
                        window.localStorage.setItem('id',  ClassDataProxy.id);
                        window.localStorage.setItem('siteId',  ClassDataProxy.siteId);

                        window.localStorage.setItem('monicker',  ClassDataProxy.monicker);
                        window.localStorage.setItem('userEmail',  ClassDataProxy.userEmail);
                        window.localStorage.setItem('userMobile',  ClassDataProxy.userMobile);

                        that.successLogin();
                        //登录成功后 个人信息输入信息框中
                        that.updateChangeUser(_data);

                    }else{
                        loger.log('登录错误',_data)
                        ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
                        ErrorApe.showWarnError('登录错误');
                       // alert(_data.returnData.data.msg)
                    }
                },
                error:function(error){
                    debugger;
                    console.log(error,'失败')
                }
            })
        }else{
            this._loginPassWord(_passWord);//登录判断密码
            this._loginName(_name);//登录判断用户名
        }
    }
    //用户成功登录
    successLogin(_data){
        //登录成功后显示用户名字
        $('#homeUserLoginBtn').text( ClassDataProxy.loginName);
        $('#teacherMyCenterName').text( ClassDataProxy.loginName);
        this._userLoginAHandler();
        this._emit(MessageTypes.LOGIN_IN,{userType: ClassDataProxy.userType});
    }
    updateChangeUser(_data){
        let _isMyCenter = $('#homeUserLoginBtn').attr('data');

        if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8 && parseInt(_isMyCenter) == 1){
            $('#slideshow').hide();
            $('#defaultBox').hide();
            $('#classifyListBox').hide();
            $('#lanclassBox').hide();
            $('#liveContentAllBox').hide();
            $('#lanclassAllBox').hide();
            $('#teacherIntroAllBox').hide();
            $('#teacherDetailBox').hide();
            $('#myCenterBox').show();
        }else{
            $('#myCenterBox').hide();
        }
        if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
            $('#myCenterBox').show();
        }

      //  loger.log('登录成功后更改用户名',_data)
        let _dataList = _data.returnData.data;
        let myCenterImg = $('#myCenterImg');//个人信息首页
        let personagePortrait = $('#personagePortrait');//个人信息
        let oneselfInfoLoginName = $('#oneselfInfoLoginName');//登录名
        let oneselfInfoUserName = $('#oneselfInfoUserName');//用户名
        let setPassWord = $('#setPassWord');//密码
        let setMail = $('#setMail');//邮箱
        let setPhone = $('#setPhone');//手机号
        if(_dataList.userPhoto){
            myCenterImg.attr('src',_dataList.userPhoto)
            personagePortrait.attr('src',_dataList.userPhoto)
        }else{
            myCenterImg.attr('src','../images/u373.png')
            personagePortrait.attr('src','../images/u373.png')
        }
        oneselfInfoLoginName.val(_dataList.loginName);
        oneselfInfoUserName.val(_dataList.userName);

        setMail.attr('data',_dataList.userEmail);
        setPhone.attr('data',_dataList.userMobile);
        let userEmail = this.updateEmail(_dataList.userEmail);
        let userMobile = this.updateMobile(_dataList.userMobile);
        setMail.html(userEmail)
        setPhone.html(userMobile)
    }
    updateEmail(userEmail){
        return userEmail.replace(/(\d{2})\d{2}(\d{1})/, '$1****$2')
    }
    updateMobile(userMobile){
        return userMobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
    }
}
export default LoginOrRegister;