import { _decorator, Component, Node } from 'cc';
import JNLayerBase from '../../../../extensions/ngame/assets/ngame/ui/base/JNLayerBase';
import { Prefab } from 'cc';
import PlayerPetData from '../../data/PlayerPetData';
import JNScrollView from '../../../../extensions/ngame/assets/ngame/util/components/scrollview/JNScrollView';
import { PetIconItem } from '../Consts/Pet/PetIconItem';
import { NodeEventType } from 'cc';
import { sp } from 'cc';
import { app } from '../../App';
import { PlayerPetOV } from '../../consts/API';
import { UIPetAnim } from '../../consts/GData';
import { GUI } from '../UIConfig';
import PlayerTacticalData from '../../data/PlayerTacticalData';
const { ccclass, property } = _decorator;

//上阵页面
@ccclass('IntoBattleView')
export class IntoBattleView extends JNLayerBase {


    @property(JNScrollView)
    views:JNScrollView; //宠物列表

    @property(Prefab)
    petIconPrefab; //宠物Icon预制体

    @property(sp.Skeleton)
    spine:sp.Skeleton; //当前选中的宠物

    //宠物数据
    pets:PlayerPetOV[] = [];

    //当前选中
    index:number = -1;

    tIndex:number = -1; //阵法下标

    onJNLoad(data: {index}): void {

        super.onJNLoad();

        //获取传入的下标
        this.tIndex = data.index;

        console.log("你选择的是",this.tIndex);

        this.onUpdateView();
        
    }

    //刷新页面
    onUpdateView(){

        //获取所有玩家宠物
        this.pets = PlayerPetData.getIns().getData();
        this.views.refreshData(this.pets);

        //向子节点添加点击事件
        this.views.addItemEvent(NodeEventType.TOUCH_START,this.onClickItem.bind(this));

    }

    //刷新选中
    onUpdateSelect(){

        //默认都不选中
        this.views.getItems<PetIconItem>().forEach(item => {
            item.isSelect = false;
            item.onUpdateSelect();
        })

        //设置选中
        if(this.index != -1){
            let current = this.views.getItems<PetIconItem>()[this.index]
            current.isSelect = true;
            current.onUpdateSelect();
        }

        //显示选中宠物
        this.spine.skeletonData = app.battleRes.roleSpine[this.pets[this.index].petTbId];
        this.spine.setAnimation(0,UIPetAnim.std,true);

    }

    //点击Item
    onClickItem(index:number){
        
        //设置当前选中
        this.index = index;
        //刷新
        this.onUpdateSelect();

    }

    //点击上阵
    async onClickTactical(){

        if(this.index < 0){
            app.layer.Open(GUI.Tips,{text:"请选择要上阵的宠物."})
            return;
        }

        //修改上阵信息
        await PlayerTacticalData.getIns().UpdateIndexTactical(this.index,this.pets[this.index].petId);

        //上阵完 关闭页面
        app.layer.CloseNode(this.node);

    }

    
}