const { ccclass, property } = cc._decorator;

@ccclass
export default class SpeedUpUI extends cc.Component {

    @property(cc.Label)
    private lbl_reward_value: cc.Label = null;
    @property(cc.Sprite)
    private spr_cash_out:  cc.Sprite = null;
    @property(cc.Label)
    private lbl_progress: cc.Label = null;
    @property(cc.Animation)
    private node_cash: cc.Animation = null;


    start(){

        this.initCashOutStyle(gData.gameData.gameData.redMoney);
    }

    update(dt){

        if (gData.reward.add_redbag_value) {
            this.initCashOutStyle(gData.gameData.gameData.redMoney + gData.reward.add_redbag_value);
        }
    }
    
    /**
     * 底部提现相关样式
     */
     private initCashOutStyle(redMoney: number = 0) {
        const cash_bar = gData.redBagCash.cash_bar;
        let cash_data = gData.redBagCash.getItemDataByIndex(cash_bar);
        if (!cash_data) return;
        const newRedMoney = redMoney > cash_data.type_value ? cash_data.type_value : redMoney;
        this.lbl_reward_value.string = cash_data.money / 100 + '元';
        this.lbl_progress.string = newRedMoney + '/' + cash_data.type_value;
        const fillRange = newRedMoney / cash_data.type_value >= 1 ? 1 : newRedMoney / cash_data.type_value;
        // this.spr_cash_out.fillRange = fillRange;
        cc.tween(this.spr_cash_out).to(fillRange, { fillRange: fillRange }).start();
        if (redMoney >= cash_data.type_value) {
            this.node_cash.play();
        } else {
            this.node_cash.stop();
        }
    }

    /**
     * 提现操作
     */
     private clickCashOut() {
        mk.audio.playEffect("button");
        gData.reward.addReward();
        mk.ui.closePanel(this.node.name);
        // let path = 'module/redBagCash/redBagCash';
        // mk.ui.openPanel(path);
    }


    private clickWatchVideoBtn()
    {
        mk.audio.playEffect("button");
    }


    private clickCloseBtn()
    {
        mk.audio.playEffect("closeButton");
    }
}