"use strict";
cc._RF.push(module, '2ca6c1AqP5AU4gvZAEw+2Jo', 'hero_library_main_window');
// Scripts/mod/hero/view/hero_library_main_window.js

"use strict";

// --------------------------------------------------------------------
// @author: xxx@syg.com(必填, 创建模块的人员)
// @description:
//     英雄图书馆
// <br/>Create: 2019-03-16 10:40:01
// --------------------------------------------------------------------
var PathTool = require("pathtool");

var HeroController = require("hero_controller");

var HeroConst = require("hero_const");

var HeroLibraryMainItem = require("hero_library_main_item");

var Hero_library_mainWindow = cc.Class({
  "extends": BaseView,
  ctor: function ctor() {
    this.prefabPath = PathTool.getPrefabPath("hero", "hero_library_main_window");
    this.viewTag = SCENE_TAG.ui; //该窗体所属ui层级,全屏ui需要在ui层,非全屏ui在dialogue层,这个要注意

    this.win_type = WinType.Full; //是否是全屏窗体  WinType.Full, WinType.Big, WinType.Mini, WinType.Tips
  },
  // 初始化一些配置数据,可以用于声明一些变量之类的
  initConfig: function initConfig() {
    this.ctrl = HeroController.getInstance();
    this.model = this.ctrl.getModel(); //图书馆列表

    this.hero_library_list = {}; //阵营

    this.select_camp = 0; //scrollview列表参数

    this.col = 3; //列数

    this.item_width = 220; //item的宽高

    this.item_height = 325 + 10;
    this.cacheList = {}; //对象池

    this.cacheMaxSize = 0; //最大池数
    // 到时间显示的索引

    this.time_show_index = 0;
    this.first_title_height = 50; //第一个的高度

    this.title_height = 80; //职业名字的高
    //列表职业对应信息

    this.career_info_list = {}; //创建存储

    this.node_list = [];
  },
  // 预制体加载完成之后的回调,可以在这里捕获相关节点或者组件
  openCallBack: function openCallBack() {
    this.main_container = this.seekChild("main_container");
    this.lay_scrollview_nd = this.seekChild(this.main_container, "lay_scrollview");
    this.centre_box_1_nd = this.seekChild(this.main_container, "centre_box_1");
    this.border_left_box_2_nd = this.seekChild(this.main_container, "border_left_box_2");
    this.border_right_box_2_nd = this.seekChild(this.main_container, "border_right_box_2");
    this.top_box_4_nd = this.seekChild(this.main_container, "top_box_4");
    this.bottom_box_5_nd = this.seekChild(this.main_container, "bottom_box_5");
    var camp_nd = this.seekChild(this.bottom_box_5_nd, "camp_node");
    this.camp_btn_list = {};

    for (var i = 0; i < 6; i++) {
      this.camp_btn_list[i] = this.seekChild(camp_nd, "camp_btn" + i);
    }

    this.img_select_nd = this.seekChild(camp_nd, "img_select");
    var pos = this.camp_btn_list[0].getPosition();
    this.img_select_nd.setPosition(pos.x, pos.y);
    this.close_btn = this.seekChild(this.bottom_box_5_nd, "close_btn");
    this.background_nd = this.seekChild("background");
    this.background_nd.scale = FIT_SCALE;
    this.loadRes(PathTool.getBigBg("hero/hero_bag_bg"), function (res) {
      this.background_nd.getComponent(cc.Sprite).spriteFrame = res;
    }.bind(this));
    this.adaptationScreen();
  },
  // 注册事件监听的接口,不需要手动调用,如果是使用gcore.GlobalEvent监听,可以直接调用addGlobalEvent
  registerEvent: function registerEvent() {
    Utils.onTouchEnd(this.close_btn, function () {
      this.ctrl.openHeroLibraryMainWindow(false);
    }.bind(this), 2);

    var fun = function (btn, i) {
      Utils.onTouchEnd(btn, function () {
        this.onClickBtnShowByIndex(i);
      }.bind(this), 2);
    }.bind(this);

    for (var i in this.camp_btn_list) {
      var v = this.camp_btn_list[i];
      fun(v, i);
    }
  },
  //设置适配屏幕
  adaptationScreen: function adaptationScreen() {},
  //显示根据类型 0表示全部
  onClickBtnShowByIndex: function onClickBtnShowByIndex(index, is_must_reset) {
    if (this.img_select_nd && this.camp_btn_list[index]) {
      var pos = this.camp_btn_list[index].getPosition();
      this.img_select_nd.setPosition(pos.x - 0.5, pos.y + 1);
    }

    this.updateHeroList(index, is_must_reset);
  },
  // 预制体加载完成之后,添加到对应主节点之后的回调,也就是一个窗体的正式入口,可以设置一些数据了
  openRootWnd: function openRootWnd(bid) {
    this.onClickBtnShowByIndex(0, true);
  },
  //更新职业的ui
  //title_pos_list 结构: title_pos_list[n] = {career_type = career_type, pos_y = xx}
  updateCareerUI: function updateCareerUI(title_pos_list, container_height, start_x) {
    for (var i in this.career_info_list) {
      var career_info = this.career_info_list[i];

      if (career_info) {
        if (career_info.desk) {
          career_info.desk.node.active = false;
        }

        career_info.bg.node.active = false;
      }
    }

    start_x = start_x || 0;

    var fun = function (i) {
      var info = title_pos_list[i];
      var career_type = info.career_type || HeroConst.CareerName.eMagician;
      var pos_y = info.pos_y || 0;
      var name = HeroConst.CareerName[career_type];
      var desk_y = -pos_y;
      var bg_y = -pos_y - 25;

      if (i == 1) {
        bg_y = -pos_y;
      }

      if (this.career_info_list[i] == null) {
        //第一个位置不需要台子
        var career_info = {};

        if (i != 1) {
          var res = PathTool.getUIIconPath("herolibrary", "hero_library_box_5");
          career_info.desk = Utils.createImage(this.scrollview_container_nd, null, 0, desk_y, cc.v2(0.5, 0.5), true, 0, true);
          this.loadRes(res, function (bg_sf) {
            career_info.desk.spriteFrame = bg_sf;
          }.bind(this));
          career_info.desk.node.setContentSize(cc.size(this.scrollview_size.width, 103));
          career_info.desk.type = cc.Sprite.Type.SLICED;
          career_info.desk.sizeMode = cc.Sprite.SizeMode.CUSTOM;
          this.node_list.push(career_info.desk);
        }

        var res = PathTool.getUIIconPath("herolibrary", "hero_library_18");
        var bg_hegit = 48;
        career_info.bg = Utils.createImage(this.scrollview_container_nd, null, start_x, bg_y, cc.v2(0, 1), true, 0, true);
        this.loadRes(res, function (bg_sf) {
          career_info.bg.spriteFrame = bg_sf;
        }.bind(this));
        career_info.bg.node.setContentSize(cc.size(232, bg_hegit));
        career_info.bg.type = cc.Sprite.Type.SLICED;
        career_info.bg.sizeMode = cc.Sprite.SizeMode.CUSTOM;
        this.node_list.push(career_info.bg);
        var res = PathTool.getPartnerTypeIcon(career_type);
        career_info.career_icon = Utils.createImage(career_info.bg.node, null, 50, -bg_hegit * 0.5 - 3, cc.v2(0, 0.5));
        this.loadRes(res, function (bg_sf) {
          career_info.career_icon.spriteFrame = bg_sf;
        }.bind(this));
        this.node_list.push(career_info.career_icon);
        career_info.label = Utils.createLabel(24, new cc.Color(0x64, 0x32, 0x23, 0xff), null, 88, -bg_hegit * 0.5 - 3, name, career_info.bg.node, null, cc.v2(0, 0.5));
        this.career_info_list[i] = career_info;
        this.node_list.push(career_info.label);
      } else {
        var career_info = this.career_info_list[i];

        if (career_info.desk) {
          career_info.desk.node.active = true;
          career_info.desk.node.y = desk_y;
        }

        career_info.bg.node.active = true;
        career_info.bg.node.y = bg_y;
        var res = PathTool.getPartnerTypeIcon(career_type);
        this.loadRes(res, function (bg_sf) {
          career_info.career_icon.spriteFrame = bg_sf;
        }.bind(this));
        career_info.label.string = name;
      }
    }.bind(this);

    for (var i in title_pos_list) {
      if (i != 0) {
        fun(i);
      }
    }
  },
  //创建英雄列表
  updateHeroList: function updateHeroList(select_camp, is_must_reset) {
    select_camp = select_camp || 0;
    if (!is_must_reset && select_camp == this.select_camp) return;

    if (!this.list_view_sv) {
      var size = this.lay_scrollview_nd.getContentSize();
      this.createLibraryScrollView(size, size.width * 0.5, size.height * 0.5);
    }

    this.list_view_sv.stopAutoScroll();
    this.list_view_sv.scrollToTop(0);
    this.select_camp = select_camp;
    var config_list = Config.partner_data.data_partner_base || {};
    var list = [];

    for (var k in config_list) {
      var v = config_list[k];

      if (select_camp == 0 || select_camp == v.camp_type) {
        list.push(v);
      }
    }

    list.sort(Utils.tableCommonSorter([["type", false], ["init_star", true], ["camp_type", false], ["sort_order", false]]));
    var content_y = 0;
    var start_x = -this.scrollview_size.width / 2; //获取下一个位置根据当前数量

    var _getNextPositionBySize = function (size) {
      var count = size % this.col;

      if (count == 0) {
        //换行
        content_y = content_y + this.item_height;
      }

      var x = start_x + this.item_width * count + this.item_width * 0.5;
      var y = content_y - this.item_height * 0.5;
      return {
        x: x,
        y: y
      };
    }.bind(this);

    var title_pos_list = [];
    title_pos_list[0] = {};
    var career_type = null;
    this.hero_library_list = [];
    this.hero_library_list[0] = {};

    for (var i in list) {
      var v = list[i];

      if (career_type == null) {
        career_type = v.type;
        content_y = this.first_title_height;
        title_pos_list.push({
          career_type: career_type,
          pos_y: 0
        });
      }

      if (career_type != v.type) {
        // 算出多出的空位置 用{}去填补
        var count = this.col - (this.hero_library_list.length - 1) % this.col;

        if (count < this.col && count != 0) {
          for (var i = 1; i <= count; i++) {
            var pos = _getNextPositionBySize(this.hero_library_list.length - 1);

            this.hero_library_list.push({
              x: pos.x,
              y: pos.y
            });
          }
        }

        career_type = v.type;
        title_pos_list.push({
          career_type: career_type,
          pos_y: content_y
        }); //遇到新职业..加title高度

        content_y = content_y + this.title_height;
      }

      var pos = _getNextPositionBySize(this.hero_library_list.length - 1);

      this.hero_library_list.push({
        config: v,
        x: pos.x,
        y: pos.y
      });
    } //内容的高度


    var container_height = null;

    if (this.hero_library_list.length - 1 > 0) {
      container_height = content_y;
    } else {
      container_height = 0;
    }

    this.updateCareerUI(title_pos_list, container_height, start_x);
    this.reloadData(container_height);
  },
  //获取数据数量
  numberOfCells: function numberOfCells() {
    return this.hero_library_list.length - 1;
  },
  //更新cell(拖动的时候.刷新数据时候会执行方法)
  updateCellByIndex: function updateCellByIndex(cell, index) {
    cell.index = index;
    var cell_data = this.hero_library_list[index];

    if (cell_data.config) {
      cell.setActive(true);
      cell.setData(cell_data.config);
    } else {
      cell.setActive(false);
    }
  },
  //点击cell .需要在 createNewCell 设置点击事件
  onCellTouched: function onCellTouched(cell) {
    var index = cell.index;
    var cell_data = this.hero_library_list[index];

    if (cell_data && cell_data.config) {
      var draw_res = cell_data.config.draw_res;
      var library_config = gdata("partner_data", "data_partner_library", [cell_data.config.bid]);

      if (draw_res && library_config && draw_res != "") {
        this.ctrl.openHeroLibraryInfoWindow(true, cell_data.config.bid);
      } else {
        message(Utils.TI18N("画师正快马加鞭地制作该立绘中哟"));
        var pokedex_config = gdata("partner_data", "data_partner_pokedex", [cell_data.config.bid]);

        if (pokedex_config && pokedex_config[0]) {
          var star = pokedex_config[0].star || 1;
          this.ctrl.openHeroInfoWindowByBidStar(cell_data.config.bid, star);
        }
      }
    }
  },
  //--------------------------------开始-------------------------  
  //内内部写一个无限的scrollview
  createLibraryScrollView: function createLibraryScrollView(size, x, y) {
    this.scrollview_size = size;
    this.list_view_sv = this.seekChild(this.lay_scrollview_nd, "list_view", cc.ScrollView);
    this.scrollview_container_nd = this.seekChild(this.list_view_sv.node, "content");
    this.cacheMaxSize = (Math.ceil(size.height / this.item_height) + 1) * this.col;
    this.list_view_sv.node.on("scrolling", function () {
      this.checkOverShowByVertical();
    }, this);
  },
  //竖直方向的监测判断
  checkOverShowByVertical: function checkOverShowByVertical() {
    if (!this.cellList) return;
    var container_y = this.scrollview_container_nd.y; //计算 视图的上部分和下部分在self.container 的位置

    var top = -container_y;
    var bot = -this.scrollview_size.height + top;
    var col_count = Math.ceil((this.cellList.length - 1) / this.col); //下面因为 self.cellList 是一维数组 所以要换成二维来算
    //活跃cell开始行数

    var activeCellStarRow = 1;

    for (var i = 1; i <= col_count; i++) {
      var index = 1 + (i - 1) * this.col;
      var cell = this.cellList[index];
      activeCellStarRow = i;

      if (cell && cell.y - this.item_height * 0.5 <= top) {
        break;
      }
    } //活跃cell结束行数


    var activeCellEndRow = col_count;

    if (bot < 0) {
      for (var i = activeCellStarRow; i <= col_count; i++) {
        var index = 1 + (i - 1) * this.col;
        var cell = this.cellList[index];

        if (cell && cell.y + this.item_height * 0.5 < bot) {
          activeCellEndRow = i - 1;
          break;
        }
      }
    }

    var max_count = this.numberOfCells();

    for (var i = 1; i <= col_count; i++) {
      if (i >= activeCellStarRow && i <= activeCellEndRow) {
        for (var k = 1; k <= this.col; k++) {
          var index = (i - 1) * this.col + k;

          if (!this.activeCellIdx[index]) {
            if (index <= max_count) {
              this.updateCellAtIndex(index);
              this.activeCellIdx[index] = true;
            }
          }
        }
      } else {
        for (var k = 1; k <= this.col; k++) {
          var index = (i - 1) * this.col + k;

          if (index <= max_count) {
            this.activeCellIdx[index] = false;
          }
        }
      }
    }
  },
  reloadData: function reloadData(container_height) {
    this.cellList = [];
    this.cellList[0] = {};
    this.activeCellIdx = {};

    for (var k in this.cacheList) {
      //相当于隐藏
      this.cacheList[k].setPosition(-1000, 0);
    }

    var container_height = Math.max(container_height, this.scrollview_size.height);
    this.container_size = cc.size(this.scrollview_size.width, container_height);
    this.scrollview_container_nd.setContentSize(this.container_size);
    this.list_view_sv.scrollToTop(0);
    var number = this.numberOfCells();

    if (number == 0) {
      return;
    }

    for (var i = 1; i <= number; i++) {
      var data = this.hero_library_list[i];

      if (data != null) {
        var cell = null;

        if (i <= this.time_show_index) {
          cell = this.getCacheCellByIndex(i);
        }

        var x = data.x;
        var y = -data.y;
        var cellData = {
          cell: cell,
          x: x,
          y: y
        };
        this.cellList.push(cellData);
      }
    }

    var maxRefreshNum = this.cacheMaxSize - this.col;
    var refreshNum = number < maxRefreshNum && number || maxRefreshNum;

    var fun = function (index) {
      gcore.Timer.set(function () {
        if (this.time_show_index < index) {
          this.time_show_index = index;
        }

        this.updateCellAtIndex(index);

        if (this.time_show_index == refreshNum) {
          this.time_show_index = 9999;
        }
      }.bind(this), index / 60, 1);
      this.activeCellIdx[i] = true;
    }.bind(this);

    for (var i = 1; i <= refreshNum; i++) {
      fun(i);
    }
  },
  //获得格子下标对应的缓存itemCell
  getCacheCellByIndex: function getCacheCellByIndex(index) {
    var cacheIndex = (index - 1) % this.cacheMaxSize + 1;

    if (!this.cacheList[cacheIndex]) {
      var newCell = new HeroLibraryMainItem();
      newCell.show();
      newCell.addCallBack(function () {
        this.onCellTouched(newCell);
      }.bind(this));
      newCell.setPosition(-1000, 0);
      newCell.setAnchorPoint(cc.v2(0.5, 0.5));
      this.cacheList[cacheIndex] = newCell;
      newCell.setParent(this.scrollview_container_nd);
      return newCell;
    } else {
      return this.cacheList[cacheIndex];
    }
  },
  //更新格子，并记为活跃
  updateCellAtIndex: function updateCellAtIndex(index) {
    if (index > this.time_show_index) {
      return;
    }

    if (!this.cellList[index]) return;
    var cellData = this.cellList[index];

    if (cellData.cell == null) {
      cellData.cell = this.getCacheCellByIndex(index);
    }

    cellData.cell.setPosition(cellData.x, cellData.y);
    this.updateCellByIndex(cellData.cell, index);
  },
  //--------------------------scrollview结束-------------------------
  // 关闭窗体回调,需要在这里调用该窗体所属controller的close方法没用于置空该窗体实例对象
  closeCallBack: function closeCallBack() {
    for (var k in this.cacheList) {
      var item = this.cacheList[k];

      if (item.deleteMe) {
        item.deleteMe();
        item = null;
      }
    }

    this.cacheList = null;

    for (var i in this.node_list) {
      var v = this.node_list[i];

      if (v) {
        if (v instanceof cc.Node) {
          v.destroy();
          v = null;
        } else {
          v.node.destroy();
          v = null;
        }
      }
    }

    this.node_list = null;
    this.career_info_list = null;
    this.ctrl.openHeroLibraryMainWindow(false);
  }
});

cc._RF.pop();