//*
// 首页模块
// */

import Loger from "../Loger";
import Ape from "./Ape";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
import ErrorApe from "./ErrorApe";

let loger = Loger.getLoger('PC-MyChangeInfoApe');
class MyChangeInfoApe extends Ape {
    constructor() {
        super();
        this.addEvent();
        this.init();
    }

    init() {
        $('#updateInputYes').on('click',this._updateInputYesHandler.bind(this));//确定时把输入的信息存入数据中
        $('#accountInfoSaveBtn').on('click',this._accountInfoSaveBtnHandler.bind(this));//更新用户信息按钮
        $('#updateInputBoxA').on('click',this._hideInputBox.bind(this));//关闭弹框
        $('#updateInputNo').on('click',this._hideInputBox.bind(this));//关闭弹框
        //修改账户信息
        $('#accountPassWordBtn').on('click',this._accountPassWordBtnHandler.bind(this));//密码
        $('#accountEmailBtn').on('click',this._accountEmailBtnHandler.bind(this));//邮箱
        $('#accountMobilelBtn').on('click',this._accountMobilelBtnHandler.bind(this));//手机号

        $('#personagePortraitBtn').on('change',this._personagePortraitBtnHandler.bind(this));//修改头像
    }

    addEvent() {

    }
    _personagePortraitBtnHandler(){
        let fileInput = document.getElementById('personagePortraitBtn');
        let file = fileInput.files[0];

        if (!file) {
            loger.log("没有选择文件");
            return;
        }

        let fileStr = file.name;
        if(fileStr){
            fileStr=fileStr.toLowerCase();
        }

        if (fileStr.lastIndexOf('.jpg') < 0 &&
            fileStr.lastIndexOf('.png') < 0) {
            alert('不是有效的图片文件!');
            return;
        }

        let _id = ClassDataProxy.id;
        let data = new FormData($('#personagePhotoForm')[0]);
        let _url = 'http://networkschool.xuedianyun.com:3001/upload/upLoadDoc?businessId='+_id+'&category=1&siteId='+ClassDataProxy.siteId;

        $.ajax({
            type: "POST",
            url: _url,
            data: data,
            dataType: 'JSON',
            cache: false,
            processData: false,
            contentType: false,
            success:function(_data){
                loger.log(_data,'成功1111')
                ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
                ErrorApe.showWarnError('修改成功,请重新登录');

            }.bind(this),
            error: function (_data) {
                ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
                ErrorApe.showWarnError('修改失败');
                loger.log(_data,'error')
            }
        })
    }
    //修改密码
    _accountPassWordBtnHandler(){
        this.data = 0;
        this._showInputBox(this.data);
    }
    //修改邮箱
    _accountEmailBtnHandler(){
        this.data = 1;
        this._showInputBox(this.data);
    }
    //修改手机号
    _accountMobilelBtnHandler(){
        this.data = 2;
        this._showInputBox(this.data);
    }
    _updateInputYesHandler(evt){
        let updateInput = $('#updateInput').val();
        switch (parseInt(this.data)){
            case 0:
                //密码
                let reg = /^[0-9a-zA-Z]{8,12}$/;
                if(!updateInput || !(reg.test(updateInput))){
                    ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
                    ErrorApe.showWarnError('密码格式不正确，请重新输入');
                    return;
                }
                $('#setPassWord').attr('data',updateInput);
                this._hideInputBox();
                break;
            case 1:
                //邮箱
                let filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
                if(!updateInput || !(filter.test(updateInput))){
                    ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
                    ErrorApe.showWarnError('邮箱格式不正确，请重新输入');
                    return;
                }
                $('#setMail').attr('data',updateInput);
                $('#setMail').html(this.updateEmail(updateInput))
                this._hideInputBox();
                break;
            case 2:
                //手机号
                let reg1 = /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\\d{8}$/;
                let regPhone = "^1[3|4|5|8][0-9]\\d{8}$";
                let re = new RegExp(regPhone);
                if(!updateInput || !(re.test(updateInput))){
                    ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
                    ErrorApe.showWarnError('手机格式不正确，请重新输入');
                    return;
                }
                $('#setPhone').attr('data',updateInput);
                $('#setPhone').html(this.updateMobile(updateInput))
                this._hideInputBox();
                break;
            default:
                return;
        }

    }
    _hideInputBox(){
        $('#updateInput').val('');
        $('#updateInputShade').hide();
    }
    _showInputBox(ind){
        let arr = ['请输入新密码 :','请输入新邮箱 :','请输入新手机号 :']
        ClassDataProxy.getMarginTopHandler($('.updateInputBox'));
        $('#updateInputShade').show();
        $('#updateInputText').text(arr[ind])
    }
    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')
    }
    //提交用户信息修改
    _accountInfoSaveBtnHandler(){
        let id = ClassDataProxy.id;//id

        let loginName = ClassDataProxy.loginName;//登录名
        let userMobile = ClassDataProxy.userMobile;//手机号
        let userEmail = ClassDataProxy.userEmail;//邮箱
        let monicker = ClassDataProxy.monicker;//用户名
        let passWord = ClassDataProxy.password;//密码

        let oneselfInfoLoginName = $('#oneselfInfoLoginName').val();//登录名
        let oneselfInfoUserName = $('#oneselfInfoUserName').val();//用户名
        let oneselfInfoMan = $('#oneselfInfoMan');//性别
        let setPassWord = $('#setPassWord').attr('data');//密码
        let setMail = $('#setMail').attr('data');//邮箱
        let setPhone = $('#setPhone').attr('data');//手机号

        let signInfo = {};
        if(oneselfInfoLoginName != loginName){
            signInfo.loginName = oneselfInfoLoginName;
        }
        if(oneselfInfoUserName != monicker){
            signInfo.userName = oneselfInfoUserName;
        }
        if(!setPassWord){
            // signInfo.loginName = oneselfInfoLoginName;
        }
        if(setMail != userEmail){
            signInfo.userEmail = setMail;
        }
        if(setPhone != userMobile){
            signInfo.userMobile = setPhone;
        }
        let that = this;
        let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/updateUserByUserId/' + id;
        $.ajax({
            type: "PUT",
            url: _url,
            timeout:5000,
            headers: {siteId:ClassDataProxy.siteId,
                'token':ClassDataProxy.token},
            data:signInfo,
            success:function(_data){
                //获取个人信息数据
                if(_data && _data.code == 200){
                    loger.log('修改信息成功',_data)
                    ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
                    ErrorApe.showWarnError('修改信息成功');
                    ClassDataProxy.loginName =_data.returnData.data.loginName;
                    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('monicker',  ClassDataProxy.monicker);
                    window.localStorage.setItem('userEmail',  ClassDataProxy.userEmail);
                    window.localStorage.setItem('userMobile',  ClassDataProxy.userMobile);
                    $('#teacherMyCenterName').html(ClassDataProxy.loginName);
                }else if(_data.code == 400){
                    ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
                    ErrorApe.showWarnError('账号未修改');
                }else{
                    ClassDataProxy.getMarginTopHandler($('#warnHintBox'));
                    ErrorApe.showWarnError(_data.returnData.data.msg);
                }
            },
            error:function(error){
                loger.log(error,'修改信息失败')
            }
        })
    }
    clearLocalStorage(){
        window.localStorage.clear();
        ClassDataProxy.userType = ClassDataProxy.USER_TYPE_0;
        ClassDataProxy.loginName ="";
        ClassDataProxy.password =""
        ClassDataProxy.token ="";
        ClassDataProxy.status = false;

    }

}
export default MyChangeInfoApe;