// Tree View

import { createTree } from "jquery.fancytree";

import "jquery.fancytree/dist/skin-win8/ui.fancytree.css";

$(document).ready(() => {
  $("#tree").fancytree({
    checkbox: true,
    selectMode: 3,
    source: {
      url:
        "https://cdn.rawgit.com/mar10/fancytree/72e03685/demo/ajax-tree-products.json",
    },
    lazyLoad: function (event, data) {
      data.result = {
        url:
          "https://cdn.rawgit.com/mar10/fancytree/72e03685/demo/ajax-sub2.json",
      };
    },

    activate: function (event, data) {
      $("#statusLine").text(event.type + ": " + data.node);
    },
    select: function (event, data) {
      $("#statusLine").text(
        event.type + ": " + data.node.isSelected() + " " + data.node
      );
    },
  });

  // Sample button
  $("#button1").click(function () {
    var tree = $.ui.fancytree.getTree(),
      node = tree.findFirst(function (n) {
        return n.title === "The Hobbit";
      });

    node.toggleSelected();
  });
});
