import { formatPrice } from "../common/chain.util";
import { WALLET_CHAIN_CHANGE } from "../common/WalletEvent";
import { Bind } from "../decorator/AutoUpdateUI";
import JCWallet, { IChainData } from "../JCWallet";
import { renderFromTokenMinimalUnit } from "../util/number.util";
import WalletBase from "./WallerBase";


const {ccclass, property} = cc._decorator;

@ccclass
export default class WalletInfo extends WalletBase {

    @property(cc.Label)
    addressLabel: cc.Label = null;

    @property(cc.Label)
    balanceLabel: cc.Label = null;

    @property(cc.Node)
    qrNode: cc.Node = null;

    accountId: string = '';

    balance: string = ''

    // LIFE-CYCLE CALLBACKS:

    // onLoad () {}

    start () {
        super.start()
        this.accountId = this.wallet.currentAccount().address
        this.updateUI()
        this.updateBalance()
        this.wallet.mainHandlers.on(WALLET_CHAIN_CHANGE, this.chainChange.bind(this))
    }

    // update (dt) {}
    updateUI(): void {
        super.updateUI()
        this.addressLabel.string = this.formatAddress()
        this.balanceLabel.string = this.formatMoney()
    }

    formatAddress() {
        if (this.accountId.length >= 10) {
            return this.accountId.substring(0, 6) + '...' + this.accountId.substring(this.accountId.length - 4)
        } else if (this.accountId.length > 0 && this.accountId.length < 10) {
            return this.accountId
        } else {
            return ''
        }
    }

    formatMoney() {
        console.log('update balance: ', this.balance)
        const chainData = this.wallet.currentChain
        let symbol = chainData.symbol
        if (this.balance === '-') {
            return `- ${symbol}`;
        }
        let money = renderFromTokenMinimalUnit(this.balance, 18, 4)
        return `${money} ${symbol}`;
    }

    updateBalance() {
        this.balance = '-'
        this.updateUI()
        this.wallet.getBalance()
            .then(v => {
                console.log('update balance: ', v);
                this.balance = v + ''
                this.updateUI()
            })
    }

    chainChange(data: IChainData) {
        this.updateBalance()
    }
    showReceiveNode() {
        const address = this.wallet.currentAccount().address
        const chainId = this.wallet.currentChain.id
        let qrUrl = `ethereum:${address}@${chainId}`
        this.showQr(qrUrl)
    }
    hideQr() {
        this.qrNode.active = false
    }
    showQr(val: string) {
        this.qrNode.active = true
        this.qrNode.getChildByName('qrImgNode').getComponent('QRCodeComp').showQr(val)
    }
}