"use script"; //开发环境建议开启严格模式

//对应widget.js中MyWidget实例化后的对象
var thisWidget;
var layers = [];
var layersObj = {};
var indexCache = 0;

//当前页面业务
function initWidgetView(_thisWidget) {
  thisWidget = _thisWidget;

  thisWidget.getTreeUrl();

  $("#btn_back").click(function (e) {
    thisWidget.resetStyle();
    $("#treeOverlays").jstree("uncheck_all", true);
    $("#viewReset").hide();
  });
}

function name2text(o) {
  o.text = o.name;

  //这块为了避免tree控件里的id不统一，所以加改变一下
  o.eleid = o.id;
  o.id = indexCache++;

  layersObj[o.id] = o.eleid;

  if ((!o.text || o.text.trim() == "") && o.type) {
    o.text = o.type;
  }

  if (o.children) {
    for (var i = 0; i < o.children.length; i++) {
      name2text(o.children[i]);
    }
  }
}

function initSceneTree(scene) {
  var data = [];
  if (scene.scenes) {
    for (var i = 0; i < scene.scenes.length; i++) {
      var node = scene.scenes[i];
      name2text(node);
      data.push(node);
    }
  } else {
    name2text(scene);
    data.push(scene);
  }

  $("#treeOverlays").jstree({
    core: {
      data: data,
      themes: {
        name: "default-dark",
        dots: true,
        icons: true,
        multiple: true,
      },
    },
    checkbox: {
      whole_node: false,
      keep_selected_style: false,
      tie_selection: false,
    },
    plugins: ["checkbox"],
  });

  $("#treeOverlays").on("changed.jstree", function (e, data) {
    var node = data.node.original;
    if (node && node.sphere) {
      thisWidget.locateNode(node.eleid, node.sphere);
      $("#viewReset").show();
    }
  });

  // checkbox被选中
  $("#treeOverlays").on("check_node.jstree", function (e, data) {
    console.log(data);
    var list = [];
    var selectNode = [];
    var arrNode = [];
    //全选时获取所有子节点
    let childrenNode = data.node.children_d;
    let arr = data.selected;
    //遍历出子节点
    for (var i = 0; i < childrenNode.length; i++) {
      let nodeId = layersObj[childrenNode[i]];
      list.push(nodeId);
    }
    //遍历出selected的节点
    for (var j = 0; j < arr.length; j++) {
      let selectNodeId = layersObj[arr[j]];
      selectNode.push(selectNodeId);
    }
    arrNode = [...list, ...selectNode];
    thisWidget.showTitleStyle(arrNode);
  });
  //checkbox取消选中
  $("#treeOverlays").on("uncheck_node.jstree", function (e, data) {
    let list = [];
    var childrenNode = data.node.children_d;
    var arr = data.selected;

    var c1 = arr.filter((a) => {
      return !childrenNode.some((c) => c == a);
    });

    for (var j = 0; j < c1.length; j++) {
      let node = layersObj[c1[j]];
      list.push(node);
      thisWidget.showTitleStyle(list);
    }
    //全部取消
    if (c1.length === 0) {
      thisWidget.cancelAll();
    }
  });
}