import { _decorator, Component, Node, instantiate } from "cc";
import li_BaseView from "db://assets/Scripts/Main/Common/li_BaseView";
import Utils from "db://assets/Scripts/Main/Common/Utils";
import { GButton } from "db://assets/Scripts/Main/Common/GButton";
import { GirlListItem } from "../../uiitems/GirlListItem";
import ConfigManager from "../../manager/ConfigManager";
const { ccclass, property } = _decorator;

@ccclass("GirlListPanel")
export class GirlListPanel extends li_BaseView {
  private _nodeTab: any = {};

  itemInst: GirlListItem;
  content: Node;

  cache: GirlListItem[] = [];

  category: number;
  openUIDataCT(data) {
    this.category = data;
  }
  onLoadCT() {
    Utils.parseNode(this.node, this._nodeTab);
    this.registerListener();
    this.itemInst = this._nodeTab.BubbleItem.getComponent(GirlListItem);
    this.itemInst.node.active = false;
    this.content = this._nodeTab.content;
    this.refresh(this.category);
  }

  refresh(category: number) {
    if (this.cache) {
      for (let i = this.cache.length - 1; i >= 0; i--) {
        this.cache[i].node.destroy();
      }
    }
    const GirlsData = ConfigManager.tables.TbGirls.getDataList();
    const config = GirlsData.filter((value) => value.category == category);
    for (let i = 0; i < config.length; i++) {
      const cfg = config[i];
      let newNode = instantiate(this.itemInst.node);
      let item = newNode.getComponent(GirlListItem);
      item.refreshData(cfg, this.node);
      newNode.active = true;
      this.cache.push(item);
      this.content.addChild(newNode);
    }
  }

  private registerListener() {
    GButton.BandClick(this._nodeTab.ReturnBtn, this.Return, this);
  }
  Return() {
    this.onClose();
  }
}