game_cocos_2c/assets/scripts/modules/lobby/ui/UserInfoView/BindEmail.ts

import { _decorator, Button, Color, EditBox, instantiate, Label, Node, RichText, Sprite, SpriteFrame, UITransform } from 'cc';
import { UIViewID } from '@scripts/define/UIDefine';
import { UICloseReason } from '@scripts/framework/ui/UILayer';
import { addBtnClick } from '@scripts/utils/UIHelper';
import { AppKernel } from '@scripts/app/AppKernel';
import { SelectBox } from '@scripts/components/selectBox/SelectBox';
import { UIPopup } from '@scripts/framework/ui/UIPopup';

const { ccclass, property } = _decorator;

@ccclass('BindEmail')
export class BindEmail extends UIPopup {
  readonly viewId = UIViewID.BindEmail;

  @property(Node)
  private btn_close: Node = null;

  @property(Node)
  private btn_cancel: Node = null;

  @property(Node)
  private btn_confirm: Node = null;

  @property(Node)
  private btn_grey: Node = null;

  @property(EditBox)
  private new_email: EditBox = null;

  @property(EditBox)
  private psd: EditBox = null;

  @property(EditBox)
  private verify_code: EditBox = null;

  @property(Label)
  private psd_label: Label = null;
  private _new_email: string = '';
  private _psd: string = '';
  private _verify_code: string = '';

  protected onCreate(): void | Promise<void> {
    addBtnClick(this.btn_close, this.onBtnCloseClick, this);
    addBtnClick(this.btn_cancel, this.onBtnCloseClick, this);
    addBtnClick(this.btn_confirm, this.onBtnConfirmClick, this);

    this.new_email.node.on(EditBox.EventType.TEXT_CHANGED, this.onNewEmailTextChanged, this);
    this.psd.node.on(EditBox.EventType.TEXT_CHANGED, this.onPsdTextChanged, this);
    this.verify_code.node.on(EditBox.EventType.TEXT_CHANGED, this.onVerifyCodeTextChanged, this);




    const { isGuest } = AppKernel.stores.mainStore.userInfo;
    const hasPsd = isGuest ? false : true;
    this.psd_label.string = hasPsd ? 'Current Password' : 'Set Password';
    this.psd.placeholder = hasPsd ? 'Current Password' : 'Set Password';
  }

  private onBtnCloseClick() {
    AppKernel.ui.close(UIViewID.BindEmail);
  }

  private async onBtnConfirmClick() {
    const email = this.new_email.string;
    const pwd = this.psd.string;
    const code = this.verify_code.string;
    const isReady = !!email && !!pwd && !!code;
    if (!isReady) return;

    const res = await AppKernel.stores.mailStore.reqBindEmailConfirm({
      account: email,
      password: pwd,
      code: code
    });
    if (res) {
      await AppKernel.ui.close(UIViewID.BindEmail);
      AppKernel.ui.toast("Bind success");
    }
  }

  private onTextChanged() {
    const isReady = !!this._new_email && !!this._psd && !!this._verify_code;
    this.btn_grey.active = !isReady;
    this.btn_confirm.active = isReady;
  }

  private onNewEmailTextChanged(editBox: EditBox) {
    console.log('onNewEmailTextChanged', editBox.string);
    this._new_email = editBox.string;
    this.onTextChanged();
  }

  private onPsdTextChanged(editBox: EditBox) {
    console.log('onPsdTextChanged', editBox.string);
    this._psd = editBox.string;
    this.onTextChanged();
  }

  private onVerifyCodeTextChanged(editBox: EditBox) {
    console.log('onVerifyCodeTextChanged', editBox.string);
    this._verify_code = editBox.string;
    this.onTextChanged();
  }



}