import Page from 'yoho-page';

class InternationalNew extends Page {
    constructor() {
        super();

        this.selector = {
            clearMobile: $('#clearMobile'),
            mobileInput: $('input[name=mobile]'),
            passwordInput: $('input[name=password]'),
            passwordEyeIcon: $('#passwordEyeIcon'),
            eyeClose: $('.eye-close'),
            eyeOpen: $('.eye-open'),
            internationalLoginBtn: $('#internationalLoginBtn')
        };

        this.init();
    }

    init() {
        this.bindEvents();
    }

    bindEvents() {
        this.selector.clearMobile.on('click', this.clearMobile.bind(this));
        this.selector.passwordEyeIcon.on('click', this.passwordShowStatus.bind(this));
        this.selector.internationalLoginBtn.on('click', this.internationalLogin.bind(this));
        this.selector.mobileInput.bind('input', this.changeLoginBtnStatus.bind(this));
        this.selector.passwordInput.bind('input', this.changeLoginBtnStatus.bind(this));
    }

    /**
     * 改变登录按钮的状态
     */
    changeLoginBtnStatus() {
        // 登录按钮
        if (this.selector.mobileInput.val() && this.selector.passwordInput.val()) {
            this.selector.internationalLoginBtn.addClass('active');
        } else {
            this.selector.internationalLoginBtn.removeClass('active');
        }
    }

    /**
     * 国际账号登录
     */
    internationalLogin() {

    }

    /**
     * 隐藏显示密码
     */
    passwordShowStatus() {
        if (this.selector.eyeOpen.hasClass('hide')) {
            this.selector.passwordInput.attr('type', 'text');
            this.selector.eyeClose.addClass('hide');
            this.selector.eyeOpen.removeClass('hide');
        } else {
            this.selector.passwordInput.attr('type', 'password');
            this.selector.eyeOpen.addClass('hide');
            this.selector.eyeClose.removeClass('hide');
        }
    }

    /**
     * 清除输入的手机号
     */
    clearMobile() {
        this.selector.mobileInput.val('');
    }
}

module.exports = InternationalNew;