Initial commit

2018-07-21 19:30:07 +08:00
commit 4cea5f34c1
453 changed files with 50962 additions and 0 deletions
--- a/admin/jquery-treetable/jquery.treetable.js
+++ b/admin/jquery-treetable/jquery.treetable.js
@@ -0,0 +1,631 @@
+/*
+ * jQuery treetable Plugin 3.2.0
+ * http://ludo.cubicphuse.nl/jquery-treetable
+ *
+ * Copyright 2013, Ludo van den Boom
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ */
+(function($) {
+  var Node, Tree, methods;
+
+  Node = (function() {
+    function Node(row, tree, settings) {
+      var parentId;
+
+      this.row = row;
+      this.tree = tree;
+      this.settings = settings;
+
+      // TODO Ensure id/parentId is always a string (not int)
+      this.id = this.row.data(this.settings.nodeIdAttr);
+
+      // TODO Move this to a setParentId function?
+      parentId = this.row.data(this.settings.parentIdAttr);
+      if (parentId != null && parentId !== "") {
+        this.parentId = parentId;
+      }
+
+      this.treeCell = $(this.row.children(this.settings.columnElType)[this.settings.column]);
+      this.expander = $(this.settings.expanderTemplate);
+      this.indenter = $(this.settings.indenterTemplate);
+      this.children = [];
+      this.initialized = false;
+      this.treeCell.prepend(this.indenter);
+    }
+
+    Node.prototype.addChild = function(child) {
+      return this.children.push(child);
+    };
+
+    Node.prototype.ancestors = function() {
+      var ancestors, node;
+      node = this;
+      ancestors = [];
+      while (node = node.parentNode()) {
+        ancestors.push(node);
+      }
+      return ancestors;
+    };
+
+    Node.prototype.collapse = function() {
+      if (this.collapsed()) {
+        return this;
+      }
+
+      this.row.removeClass("expanded").addClass("collapsed");
+
+      this._hideChildren();
+      this.expander.attr("title", this.settings.stringExpand);
+
+      if (this.initialized && this.settings.onNodeCollapse != null) {
+        this.settings.onNodeCollapse.apply(this);
+      }
+
+      return this;
+    };
+
+    Node.prototype.collapsed = function() {
+      return this.row.hasClass("collapsed");
+    };
+
+    // TODO destroy: remove event handlers, expander, indenter, etc.
+
+    Node.prototype.expand = function() {
+      if (this.expanded()) {
+        return this;
+      }
+
+      this.row.removeClass("collapsed").addClass("expanded");
+
+      if (this.initialized && this.settings.onNodeExpand != null) {
+        this.settings.onNodeExpand.apply(this);
+      }
+
+      if ($(this.row).is(":visible")) {
+        this._showChildren();
+      }
+
+      this.expander.attr("title", this.settings.stringCollapse);
+
+      return this;
+    };
+
+    Node.prototype.expanded = function() {
+      return this.row.hasClass("expanded");
+    };
+
+    Node.prototype.hide = function() {
+      this._hideChildren();
+      this.row.hide();
+      return this;
+    };
+
+    Node.prototype.isBranchNode = function() {
+      if(this.children.length > 0 || this.row.data(this.settings.branchAttr) === true) {
+        return true;
+      } else {
+        return false;
+      }
+    };
+
+    Node.prototype.updateBranchLeafClass = function(){
+      this.row.removeClass('branch');
+      this.row.removeClass('leaf');
+      this.row.addClass(this.isBranchNode() ? 'branch' : 'leaf');
+    };
+
+    Node.prototype.level = function() {
+      return this.ancestors().length;
+    };
+
+    Node.prototype.parentNode = function() {
+      if (this.parentId != null) {
+        return this.tree[this.parentId];
+      } else {
+        return null;
+      }
+    };
+
+    Node.prototype.removeChild = function(child) {
+      var i = $.inArray(child, this.children);
+      return this.children.splice(i, 1)
+    };
+
+    Node.prototype.render = function() {
+      var handler,
+          settings = this.settings,
+          target;
+
+      if (settings.expandable === true && this.isBranchNode()) {
+        handler = function(e) {
+          $(this).parents("table").treetable("node", $(this).parents("tr").data(settings.nodeIdAttr)).toggle();
+          return e.preventDefault();
+        };
+
+        this.indenter.html(this.expander);
+        target = settings.clickableNodeNames === true ? this.treeCell : this.expander;
+
+        target.off("click.treetable").on("click.treetable", handler);
+        target.off("keydown.treetable").on("keydown.treetable", function(e) {
+          if (e.keyCode == 13) {
+            handler.apply(this, [e]);
+          }
+        });
+      }
+
+      //this.indenter[0].style.paddingLeft = "" + (this.level() * settings.indent) + "px";
+      // iob
+      this.indenter[0].style.marginLeft = "" + (this.level() * settings.indent) + "px";
+
+      return this;
+    };
+
+    Node.prototype.reveal = function() {
+      if (this.parentId != null) {
+        this.parentNode().reveal();
+      }
+      return this.expand();
+    };
+
+    Node.prototype.setParent = function(node) {
+      if (this.parentId != null) {
+        this.tree[this.parentId].removeChild(this);
+      }
+      this.parentId = node.id;
+      this.row.data(this.settings.parentIdAttr, node.id);
+      return node.addChild(this);
+    };
+
+    Node.prototype.show = function() {
+      if (!this.initialized) {
+        this._initialize();
+      }
+      this.row.show();
+      if (this.expanded()) {
+        this._showChildren();
+      }
+      return this;
+    };
+
+    Node.prototype.toggle = function() {
+      if (this.expanded()) {
+        this.collapse();
+      } else {
+        this.expand();
+      }
+      return this;
+    };
+
+    Node.prototype._hideChildren = function() {
+      var child, _i, _len, _ref, _results;
+      _ref = this.children;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        child = _ref[_i];
+        _results.push(child.hide());
+      }
+      return _results;
+    };
+
+    Node.prototype._initialize = function() {
+      var settings = this.settings;
+
+      this.render();
+
+      if (settings.expandable === true && settings.initialState === "collapsed") {
+        this.collapse();
+      } else {
+        this.expand();
+      }
+
+      if (settings.onNodeInitialized != null) {
+        settings.onNodeInitialized.apply(this);
+      }
+
+      return this.initialized = true;
+    };
+
+    Node.prototype._showChildren = function() {
+      var child, _i, _len, _ref, _results;
+      _ref = this.children;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        child = _ref[_i];
+        _results.push(child.show());
+      }
+      return _results;
+    };
+
+    return Node;
+  })();
+
+  Tree = (function() {
+    function Tree(table, settings) {
+      this.table = table;
+      this.settings = settings;
+      this.tree = {};
+
+      // Cache the nodes and roots in simple arrays for quick access/iteration
+      this.nodes = [];
+      this.roots = [];
+    }
+
+    Tree.prototype.collapseAll = function() {
+      var node, _i, _len, _ref, _results;
+      _ref = this.nodes;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        node = _ref[_i];
+        _results.push(node.collapse());
+      }
+      return _results;
+    };
+
+    Tree.prototype.expandAll = function() {
+      var node, _i, _len, _ref, _results;
+      _ref = this.nodes;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        node = _ref[_i];
+        _results.push(node.expand());
+      }
+      return _results;
+    };
+
+    Tree.prototype.findLastNode = function (node) {
+      if (node.children.length > 0) {
+        return this.findLastNode(node.children[node.children.length - 1]);
+      } else {
+        return node;
+      }
+    };
+
+    Tree.prototype.loadRows = function(rows) {
+      var node, row, i;
+
+      if (rows != null) {
+        for (i = 0; i < rows.length; i++) {
+          row = $(rows[i]);
+
+          if (row.data(this.settings.nodeIdAttr) != null) {
+            node = new Node(row, this.tree, this.settings);
+            this.nodes.push(node);
+            this.tree[node.id] = node;
+
+            if (node.parentId != null && this.tree[node.parentId]) {
+              this.tree[node.parentId].addChild(node);
+            } else {
+              this.roots.push(node);
+            }
+          }
+        }
+      }
+
+      for (i = 0; i < this.nodes.length; i++) {
+        node = this.nodes[i].updateBranchLeafClass();
+      }
+
+      return this;
+    };
+
+    Tree.prototype.move = function(node, destination) {
+      // Conditions:
+      // 1: +node+ should not be inserted as a child of +node+ itself.
+      // 2: +destination+ should not be the same as +node+'s current parent (this
+      //    prevents +node+ from being moved to the same location where it already
+      //    is).
+      // 3: +node+ should not be inserted in a location in a branch if this would
+      //    result in +node+ being an ancestor of itself.
+      var nodeParent = node.parentNode();
+      if (node !== destination && destination.id !== node.parentId && $.inArray(node, destination.ancestors()) === -1) {
+        node.setParent(destination);
+        this._moveRows(node, destination);
+
+        // Re-render parentNode if this is its first child node, and therefore
+        // doesn't have the expander yet.
+        if (node.parentNode().children.length === 1) {
+          node.parentNode().render();
+        }
+      }
+
+      if(nodeParent){
+        nodeParent.updateBranchLeafClass();
+      }
+      if(node.parentNode()){
+        node.parentNode().updateBranchLeafClass();
+      }
+      node.updateBranchLeafClass();
+      return this;
+    };
+
+    Tree.prototype.removeNode = function(node) {
+      // Recursively remove all descendants of +node+
+      this.unloadBranch(node);
+
+      // Remove node from DOM (<tr>)
+      node.row.remove();
+
+      // Remove node from parent children list
+      if (node.parentId != null) {
+        node.parentNode().removeChild(node);
+      }
+
+      // Clean up Tree object (so Node objects are GC-ed)
+      delete this.tree[node.id];
+      this.nodes.splice($.inArray(node, this.nodes), 1);
+
+      return this;
+    }
+
+    Tree.prototype.render = function() {
+      var root, _i, _len, _ref;
+      _ref = this.roots;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        root = _ref[_i];
+
+        // Naming is confusing (show/render). I do not call render on node from
+        // here.
+        root.show();
+      }
+      return this;
+    };
+
+    Tree.prototype.sortBranch = function(node, sortFun) {
+      // First sort internal array of children
+      node.children.sort(sortFun);
+
+      // Next render rows in correct order on page
+      this._sortChildRows(node);
+
+      return this;
+    };
+
+    Tree.prototype.unloadBranch = function(node) {
+      // Use a copy of the children array to not have other functions interfere
+      // with this function if they manipulate the children array
+      // (eg removeNode).
+      var children = node.children.slice(0),
+          i;
+
+      for (i = 0; i < children.length; i++) {
+        this.removeNode(children[i]);
+      }
+
+      // Reset node's collection of children
+      node.children = [];
+
+      node.updateBranchLeafClass();
+
+      return this;
+    };
+
+    Tree.prototype._moveRows = function(node, destination) {
+      var children = node.children, i;
+
+      node.row.insertAfter(destination.row);
+      node.render();
+
+      // Loop backwards through children to have them end up on UI in correct
+      // order (see #112)
+      for (i = children.length - 1; i >= 0; i--) {
+        this._moveRows(children[i], node);
+      }
+    };
+
+    // Special _moveRows case, move children to itself to force sorting
+    Tree.prototype._sortChildRows = function(parentNode) {
+      return this._moveRows(parentNode, parentNode);
+    };
+
+    return Tree;
+  })();
+
+  // jQuery Plugin
+  methods = {
+    init: function(options, force) {
+      var settings;
+
+      settings = $.extend({
+        branchAttr: "ttBranch",
+        clickableNodeNames: false,
+        column: 0,
+        columnElType: "td", // i.e. 'td', 'th' or 'td,th'
+        expandable: false,
+        expanderTemplate: "<a href='#'>&nbsp;</a>",
+        indent: 19,
+        indenterTemplate: "<span class='indenter'></span>",
+        initialState: "collapsed",
+        nodeIdAttr: "ttId", // maps to data-tt-id
+        parentIdAttr: "ttParentId", // maps to data-tt-parent-id
+        stringExpand: "Expand",
+        stringCollapse: "Collapse",
+
+        // Events
+        onInitialized: null,
+        onNodeCollapse: null,
+        onNodeExpand: null,
+        onNodeInitialized: null
+      }, options);
+
+      return this.each(function() {
+        var el = $(this), tree;
+
+        if (force || el.data("treetable") === undefined) {
+          tree = new Tree(this, settings);
+          tree.loadRows(this.rows).render();
+
+          el.addClass("treetable").data("treetable", tree);
+
+          if (settings.onInitialized != null) {
+            settings.onInitialized.apply(tree);
+          }
+        }
+
+        return el;
+      });
+    },
+
+    destroy: function() {
+      return this.each(function() {
+        return $(this).removeData("treetable").removeClass("treetable");
+      });
+    },
+
+    collapseAll: function() {
+      this.data("treetable").collapseAll();
+      return this;
+    },
+
+    collapseNode: function(id) {
+      var node = this.data("treetable").tree[id];
+
+      if (node) {
+        node.collapse();
+      } else {
+        throw new Error("Unknown node '" + id + "'");
+      }
+
+      return this;
+    },
+
+    expandAll: function() {
+      this.data("treetable").expandAll();
+      return this;
+    },
+
+    expandNode: function(id) {
+      var node = this.data("treetable").tree[id];
+
+      if (node) {
+        if (!node.initialized) {
+          node._initialize();
+        }
+
+        node.expand();
+      } else {
+        throw new Error("Unknown node '" + id + "'");
+      }
+
+      return this;
+    },
+
+    loadBranch: function(node, rows) {
+      var settings = this.data("treetable").settings,
+          tree = this.data("treetable").tree;
+
+      // TODO Switch to $.parseHTML
+      rows = $(rows);
+
+      if (node == null) { // Inserting new root nodes
+        this.append(rows);
+      } else {
+        var lastNode = this.data("treetable").findLastNode(node);
+        rows.insertAfter(lastNode.row);
+      }
+
+      this.data("treetable").loadRows(rows);
+
+      // Make sure nodes are properly initialized
+      rows.filter("tr").each(function() {
+        tree[$(this).data(settings.nodeIdAttr)].show();
+      });
+
+      if (node != null) {
+        // Re-render parent to ensure expander icon is shown (#79)
+        node.render().expand();
+      }
+
+      return this;
+    },
+
+    move: function(nodeId, destinationId) {
+      var destination, node;
+
+      node = this.data("treetable").tree[nodeId];
+      destination = this.data("treetable").tree[destinationId];
+      this.data("treetable").move(node, destination);
+
+      return this;
+    },
+
+    node: function(id) {
+      return this.data("treetable").tree[id];
+    },
+
+    removeNode: function(id) {
+      var node = this.data("treetable").tree[id];
+
+      if (node) {
+        this.data("treetable").removeNode(node);
+      } else {
+        throw new Error("Unknown node '" + id + "'");
+      }
+
+      return this;
+    },
+
+    reveal: function(id) {
+      var node = this.data("treetable").tree[id];
+
+      if (node) {
+        node.reveal();
+      } else {
+        throw new Error("Unknown node '" + id + "'");
+      }
+
+      return this;
+    },
+
+    sortBranch: function(node, columnOrFunction) {
+      var settings = this.data("treetable").settings,
+          prepValue,
+          sortFun;
+
+      columnOrFunction = columnOrFunction || settings.column;
+      sortFun = columnOrFunction;
+
+      if ($.isNumeric(columnOrFunction)) {
+        sortFun = function(a, b) {
+          var extractValue, valA, valB;
+
+          extractValue = function(node) {
+            var val = node.row.find("td:eq(" + columnOrFunction + ")").text();
+            // Ignore trailing/leading whitespace and use uppercase values for
+            // case insensitive ordering
+            return $.trim(val).toUpperCase();
+          }
+
+          valA = extractValue(a);
+          valB = extractValue(b);
+
+          if (valA < valB) return -1;
+          if (valA > valB) return 1;
+          return 0;
+        };
+      }
+
+      this.data("treetable").sortBranch(node, sortFun);
+      return this;
+    },
+
+    unloadBranch: function(node) {
+      this.data("treetable").unloadBranch(node);
+      return this;
+    }
+  };
+
+  $.fn.treetable = function(method) {
+    if (methods[method]) {
+      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+    } else if (typeof method === 'object' || !method) {
+      return methods.init.apply(this, arguments);
+    } else {
+      return $.error("Method " + method + " does not exist on jQuery.treetable");
+    }
+  };
+
+  // Expose classes to world
+  this.TreeTable || (this.TreeTable = {});
+  this.TreeTable.Node = Node;
+  this.TreeTable.Tree = Tree;
+})(jQuery);
--- a/admin/jquery-treetable/jquery.treetable.theme.css
+++ b/admin/jquery-treetable/jquery.treetable.theme.css
@@ -0,0 +1,248 @@
+table.treetable {
+  border: 1px solid #888;
+  border-collapse: collapse;
+  font-size: 0.82rem;
+  line-height: 1.5rem;
+  margin: .6em 0 1.8em 0;
+  width: 100%;
+  font-family: "Segoe UI", Tahoma, Arial, "Courier New", serif;
+  font-weight: normal;
+}
+
+table.treetable caption {
+  font-size: 0.82rem;
+  font-weight: bold;
+  margin-bottom: .2em;
+}
+
+table.treetable thead {
+  background: #fff;
+  font-size: .9em;
+}
+table.treetable > tbody > tr > td {
+  border: 1px solid #e0e0e0 !important;
+  border-top: 0 !important;
+  /*xxx*/
+  white-space: nowrap;
+  position: relative;
+}
+table.treetable thead tr th {
+  border: 1px solid #b8b5b5;
+  font-weight: normal;
+  padding: .1em 1em .1em 1em;
+  text-align: left;
+}
+
+table.treetable tbody tr td {
+  cursor: default;
+  padding: .0em 0.5em;
+}
+
+table.treetable span.indenter,
+table.treetable .treetable-list span.indenter {
+  background-position: center left;
+  background-repeat: no-repeat;
+  padding: .2em 0 .2em 1.5em;
+}
+
+table.treetable span.file {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADoSURBVBgZBcExblNBGAbA2ceegTRBuIKOgiihSZNTcC5LUHAihNJR0kGKCDcYJY6D3/77MdOinTvzAgCw8ysThIvn/VojIyMjIyPP+bS1sUQIV2s95pBDDvmbP/mdkft83tpYguZq5Jh/OeaYh+yzy8hTHvNlaxNNczm+la9OTlar1UdA/+C2A4trRCnD3jS8BB1obq2Gk6GU6QbQAS4BUaYSQAf4bhhKKTFdAzrAOwAxEUAH+KEM01SY3gM6wBsEAQB0gJ+maZoC3gI6iPYaAIBJsiRmHU0AALOeFC3aK2cWAACUXe7+AwO0lc9eTHYTAAAAAElFTkSuQmCC);
+}
+
+table.treetable span.folder
+{
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGrSURBVDjLxZO7ihRBFIa/6u0ZW7GHBUV0UQQTZzd3QdhMQxOfwMRXEANBMNQX0MzAzFAwEzHwARbNFDdwEd31Mj3X7a6uOr9BtzNjYjKBJ6nicP7v3KqcJFaxhBVtZUAK8OHlld2st7Xl3DJPVONP+zEUV4HqL5UDYHr5xvuQAjgl/Qs7TzvOOVAjxjlC+ePSwe6DfbVegLVuT4r14eTr6zvA8xSAoBLzx6pvj4l+DZIezuVkG9fY2H7YRQIMZIBwycmzH1/s3F8AapfIPNF3kQk7+kw9PWBy+IZOdg5Ug3mkAATy/t0usovzGeCUWTjCz0B+Sj0ekfdvkZ3abBv+U4GaCtJ1iEm6ANQJ6fEzrG/engcKw/wXQvEKxSEKQxRGKE7Izt+DSiwBJMUSm71rguMYhQKrBygOIRStf4TiFFRBvbRGKiQLWP29yRSHKBTtfdBmHs0BUpgvtgF4yRFR+NUKi0XZcYjCeCG2smkzLAHkbRBmP0/Uk26O5YnUActBp1GsAI+S5nRJJJal5K1aAMrq0d6Tm9uI6zjyf75dAe6tx/SsWeD//o2/Ab6IH3/h25pOAAAAAElFTkSuQmCC);
+}
+
+table.treetable tr.collapsed span.indenter a,
+table.treetable .treetable-list span.indenter a {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAACEElEQVQ4T42S72sScRzH/cuKop64EUgjtD2Q9ctGP1gsKGq0hXtSUhTRg4hRD7JROrZIEVbXYtPbMvWueXrmz+aWtum8UHf+2Om77/cuFaOgD7y4J6/Xl7vPfXV05LwNlHLKhlJmuvv8GdHYFa9hO2qFKtOhckN2oFlfRrtVgFLl0cjPoJK9j920FdnILWQEK8o7drRqi1pII9RcXdrNL2i362hDgaLsoZB9gVRgFF9XxyH6bvw96sWiGu2kniPhPQ1x6RIizNX/iarIJZ8iujKMyNKFf0eKvKB+436TR0uR8D32BGFmGDxzFhxzUYvolqjckt8Q2Yl6xYGaRBYj06iEXOwxhHfHwXtOgnObexE9uSPXpFeoSy9RL7shVz5iU7jdF6XYEahRTXISXqtytTCDUv4h4QGKW/cQ91sQdA+Ccw2Bd5l+R+kJNIi8V3wG6ccjVaYU0neQF6YQWxlB0DWI0LwB3NyQFuWjl7uiKn+7q/59SicKuPT4NK/HmlMPgTH1ouKGDdux6W6QXZ9EPHgdwUUTvI7D8M0eAWs/qkU5brQrUjbDk0hwN5HwX0Hcew5Bj4FEh8DOHsSq/YAWZUIWVd4KTyHJTSDxeRwJ9jyS7BlyE8wIeY71RRvsmLZ20WdEdNkI4QOBnNQh/N4I/9uBvtdTgz+HXEoLobLOnELAPYC1hRPwzZlTBINm6HS/ACb+az/hqY6BAAAAAElFTkSuQmCC');
+}
+
+table.treetable tr.expanded span.indenter a {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABX0lEQVQ4T3WSvUvDUBTF85c5CDr4saiDdQmdVBBxEArqplsXV/+AuthstYMQJ/N0aeNgmkHT2MEEh37gkBhQr5ybvtcXQi8cAi/ndzn3cg1UEtcJ+grqNAov1Hfi5Rr6NfrsnRObUTBnyQ0RJZRFV2x+dU/pN70riNLWDASEB+iPflhhd5d854TScbMAfbhHZUiCgaiSZx9zZ7wBhtBsLuQ72znUqbE5G19z9DexV4bkbC92hVz7gOPwnPElL0dBGFwC6ArIszfIvTXZBDOELap4gCSAGN+JU4DkyuPeIUXuPs/LkAQQA+q0V+m5VWGDNEfdKo0mwynUPysA2Bgg19ri2WCG+mJnBqGTDkjoqbnCMWEOxSYLEBopSAK4hgdrkURjiSGY38Uay7SDHEJeHcDwgB4bC+S1lxVQgLBGHUDmeVBwv04DMT0lXAA6SOnx9HcF6IUjxRIcyyz/VGUY/w2QXGJSXNpXAAAAAElFTkSuQmCC');
+}
+
+table.treetable tr.branch {
+  background-color: #f9f9f9;
+}
+
+table.treetable tr.selected {
+  background-color: #3875d7;
+  /* color: #fff; */
+}
+
+table.treetable tr span.indenter a {
+  outline: none; /* Expander shows outline after upgrading to 3.0 (#141) */
+}
+
+table.treetable tr.accept {
+  background-color: #a3bce4;
+  color: #fff;
+}
+
+table.treetable tr.collapsed.accept td span.indenter a {
+  background-image: url(data:image/x-png;base64,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);
+}
+
+table.treetable tr.expanded.accept td span.indenter a {
+  background-image: url(data:image/x-png;base64,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);
+}
+table.treetable tbody tr td {
+  border: 1px solid #EDEDED;
+}
+table.treetable tbody span.fancytree-node,
+table.treetable table.fancytree-ext-table tbody span.fancytree-node:hover {
+  border: none;
+  background: 0 0;
+}
+
+table.treetable tbody tr:hover {
+  background-color: #E5F3FB;
+  outline: #70C0E7 solid 1px;
+}
+
+table.treetable tbody tr.focused span.title {
+  outline: #000 dotted 1px;
+}
+
+table.treetable tbody tr.active:hover,table.treetable tbody tr.selected:hover {
+  background-color: #CBE8F6;
+  outline: #26A0DA solid 1px;
+}
+
+table.treetable tbody tr.active {
+  background-color: #F7F7F7;
+  outline: #DEDEDE solid 1px;
+}
+
+table.treetable tbody tr.selected {
+  background-color: #CBE8F6;
+  outline: #26A0DA solid 1px;
+}
+table.treetable table.treetable.fancytree-treefocus tbody tr.fancytree-active {
+  background-color: #CBE8F6;
+  outline: #26A0DA solid 1px;
+}
+table.treetable table.treetable.fancytree-treefocus tbody tr.fancytree-selected {
+  background-color: #CBE8F6;
+}
+
+table.treetable span.indenter,
+table.treetable .treetable-list span.indenter {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  text-align: right;
+
+  /* Disable text selection of nodes (for better D&D UX) */
+  user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -o-user-select: none;
+  -webkit-user-select: none;
+
+  /* Force content-box box model for indenter (Bootstrap compatibility) */
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+
+  width: 19px;
+}
+
+table.treetable span.indenter a,
+table.treetable .treetable-list span.indenter a {
+  background-position: left center;
+  background-repeat: no-repeat;
+  display: inline-block;
+  text-decoration: none;
+  width: 19px;
+}
+table.treetable .filtered-out {
+  display: none !important;
+}
+table.treetable .treetable-counter {
+    color: gray;
+    font-size: 0.8em;
+    position: absolute;
+    right: 2px;
+    top: 1px;
+}
+table.treetable .treetable-filter {
+  width: calc(100% - 24px);
+  padding: 0 5px 0 0;
+  font-size: 12px;
+  border: 0;
+  line-height: 1.5em;
+}
+table.treetable .treetable-th-name {
+  padding: .1em .1em;
+}
+
+table.treetable .filter-clear {
+  width: 18px;
+  height: 18px;
+  border: 0;
+  background: #fff;
+}
+table.treetable .branch.collapsed span.fancytree-expander {
+  background-position: 0 -80px;
+}
+table.treetable .branch.expanded span.fancytree-expander {
+  background-position: -32px -80px;
+}
+table.treetable .leaf span.fancytree-expander {
+  background: none;
+}
+table.treetable .treetable-buttons {
+  text-align: center;
+}
+table.treetable .treetable-enum {
+  font-weight: normal;
+}
+table.treetable .treetable-enum span.fancytree-icon {
+  background-position: -32px -16px;
+}
+table.treetable .treetable-enum.treetable-root {
+  font-weight: bold;
+}
+table.treetable .treetable-member {
+  font-style: italic;
+}
+table.treetable .treetable-member span.fancytree-icon {
+  background-image: url(fancytree/state.png);
+  background-size: 100%;
+  height: 24px;
+  width: 24px;
+}
+table.treetable .treetable-channel span.fancytree-icon {
+  background-position: -32px -16px;
+}
+.treetable-list {
+  font-family: "Segoe UI", Tahoma, Arial, "Courier New", serif;
+  padding: 0;
+  font-size: 0.82rem;
+}
+.treetable-list .treetable-list-item {
+  list-style-type: none;
+  cursor: ns-resize;
+  line-height: 1.5rem;
+  border: 1px solid #e0e0e0;
+  background: #efefef;
+  padding-left: 5px;
+}
+.treetable-list .treetable-list-folder {
+  list-style-type: none;
+  font-weight: bold;
+  line-height: 1.5rem;
+  cursor: not-allowed;
+  color: #000080;
+  border: 1px solid #e0e0e0;
+  background: white;
+}
+.treetable-list span.fancytree-expander {
+  background-position: -32px -80px;
+}
+.treetable-list .treetable-list-folder span.fancytree-icon {
+  background-position: -32px -16px;
+}