import { _decorator, Component, Node } from 'cc';
import { UIBase, UIType } from '../GameFrameWork/UIBase';
import { UIMgr } from '../../Frames/UIManager';
import { dataMgr } from '../../Frames/DataManager';
import { RoleData } from '../../DataItem/ItemData';
const { ccclass, property } = _decorator;

@ccclass('Start')
export class Start extends UIBase {
    protected onStart() {
        this.onBtnClick("_btnStart", this._btnStart);
        this.onBtnClick("_btnMusic", this._btnMusic);
        this.onBtnClick("_btnVolume", this._btnVolume)
    }

    update(deltaTime: number) {

    }

    private _btnStart() {
        this.hide(false);
        //UIMgr.openUI("BattleSceneSelect");
        UIMgr.openUI("BattleScene_Left", UIType.WIDGET);
        UIMgr.openUI("BattleScene_Right", UIType.WIDGET);
        UIMgr.openUI("BattleScene_Top", UIType.WIDGET);
    }

    private _btnMusic() {
        // let _roleData: RoleData[] = null;
        // _roleData = dataMgr.getAllDataByName("RoleCardData");
        // _roleData.forEach((values,index)=>{
        //     this.createRoleCard(index)
        // })
        //console.log(_roleData);
    }
    // createRoleCard(id: number){
    //     console.log(id)
    // }
    private _btnVolume() {
        console.log("Volume");
    }
}