// Learn TypeScript:
//  - https://docs.cocos.com/creator/manual/en/scripting/typescript.html
// Learn Attribute:
//  - https://docs.cocos.com/creator/manual/en/scripting/reference/attributes.html
// Learn life-cycle callbacks:
//  - https://docs.cocos.com/creator/manual/en/scripting/life-cycle-callbacks.html

import { WindowName } from "../../Global";

import { IntroTableMgr } from "../../kernel/table/IntroTableMgr";
import { UIBase } from "../UIBase";
import { UIManager } from "../UIManager";

const { ccclass, property } = cc._decorator;

@ccclass
export default class UIIntro extends UIBase {

    @property(cc.Node)
    nodeTitle: cc.Node = null;
    @property(cc.Node)
    nodeImg: cc.Node = null;

    //#region lifecycle 

    protected onEnable() {

        let id = this.enableParam;

        let config = IntroTableMgr.ins.getTableByLevel(id);

        cc.resources.load('ui/intro/' + config.TitleImg, cc.SpriteFrame, (error, asset: cc.SpriteFrame) => {
            this.nodeTitle.getComponent(cc.Sprite).spriteFrame = asset;
        });

        cc.resources.load('ui/intro/' + config.IntroImg, cc.SpriteFrame, (error, asset: cc.SpriteFrame) => {
            this.nodeImg.getComponent(cc.Sprite).spriteFrame = asset;
        });


    }

    //#endregion

    //#region public method

    //#endregion

    //#region event

    onCloseClick() {
        UIManager.ins.closeWindow(WindowName.INTRO);
        // UIManager.ins.openScene('Battle');
    }

    //#endregion

    //#region private method

    //#endregion
}