import $ from 'yoho-jquery';
import Page from 'yoho-page';

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

        this.selector = {
            mobileInput: $('input[name=mobile]'),
            verifyCodeInput: $('input[name=verifyCode]'),
            passwordInput: $('input[name=password]'),
            getVerifyCodeBtn: $('#getVerifyCodeBtn'),
            backMobileResetBtn: $('#backMobileResetBtn')
        };

        this.init();
    }

    init() {
        this.selector.getVerifyCodeBtn.data('oneClick', false);
        this.bindEvents();
    }

    bindEvents() {
        this.selector.mobileInput.on('input', this.changeBtnStatus.bind(this));
        this.selector.verifyCodeInput.on('input', this.changeBtnStatus.bind(this));
        this.selector.passwordInput.on('input', this.changeBtnStatus.bind(this));
        this.selector.getVerifyCodeBtn.on('click', this.getVerifyCode.bind(this));
        this.selector.backMobileResetBtn.on('click', this.resetPassword.bind(this));
    }

    /**
     * 监听输入，改变按钮状态
     */
    changeBtnStatus() {
        console.log(this);
    }

    /**
     * 获取验证码
     */
    getVerifyCode() {
        console.log('1');
    }

    /**
     * 重置密码
     */
    resetPassword() {
        console.log('2');
    }
}

module.exports = MobileNew;