/*
* jsTree 0.7
*
* Copyright (c) 2008 Ivan Bozhanov (vakata.com)
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* Date: 2008-08-19
*
*/
function tree_component () {
return {
settings : {
data : {
type : "predefined", // ENUM [json, xml_flat, xml_nested, predefined]
async : false, // BOOL - async loading onopen
url : false, // FALSE or STRING - url to document to be used (async or not)
json : false // FALSE or OBJECT if type is JSON and async is false - the tree dump as json
},
dflt : false, // FALSE or STRING
languages : [], // ARRAY of string values (which will be used as CSS classes - si they must be valid)
path : false, // FALSE or STRING (if false - will be autodetected)
cookies : false, // FALSE or OBJECT (prefix, opts - from jqCookie - expires, path, domain, secure)
ui : {
dots : true, // BOOL - dots or no dots
rtl : false, // BOOL - is the tree right-to-left
animation : 0, // INT - duration of open/close animations in miliseconds
hover_mode : true // SHOULD get_* functions chage focus or change hovered item
},
rules : {
multiple : false, // FALSE | CTRL | ON - multiple selection off/ with or without holding Ctrl
metadata : false, // FALSE or STRING - attribute name (use metadata plugin)
type_attr : "rel", // STRING attribute name (where is the type stored if no metadata)
multitree : false, // BOOL - is drag n drop between trees allowed
createat : "bottom", // STRING (top or bottom) new nodes get inserted at top or bottom
use_inline : false, // CHECK FOR INLINE RULES - REQUIRES METADATA
clickable : "all", // which node types can the user select | default - all
renameable : "all", // which node types can the user select | default - all
deletable : "all", // which node types can the user delete | default - all
creatable : "all", // which node types can the user create in | default - all
draggable : "none", // which node types can the user move | default - none | "all"
dragrules : "none" // what move operations between nodes are allowed | default - none | "all"
},
lang : {
new_node : "New folder",
loading : "Loading ..."
},
callback : { // various callbacks to attach custom logic to
// before focus - should return true | false
beforechange: function(NODE,TREE_OBJ) { return true },
// before move - should return true | false
beforemove : function(NODE,REF_NODE,TYPE,TREE_OBJ) { return true },
// before create - should return true | false
beforecreate: function(NODE,REF_NODE,TYPE,TREE_OBJ) { return true },
// before rename - should return true | false
beforerename: function(NODE,LANG,TREE_OBJ) { return true },
// before delete - should return true | false
beforedelete: function(NODE,TREE_OBJ) { return true },
onchange : function(NODE,TREE_OBJ) { }, // focus changed
onrename : function(NODE,LANG,TREE_OBJ) { }, // node renamed ISNEW - TRUE|FALSE, current language
onmove : function(NODE,REF_NODE,TYPE,TREE_OBJ) { }, // move completed (TYPE is BELOW|ABOVE|INSIDE)
oncopy : function(NODE,REF_NODE,TYPE,TREE_OBJ) { }, // copy completed (TYPE is BELOW|ABOVE|INSIDE)
oncreate : function(NODE,REF_NODE,TYPE,TREE_OBJ) { }, // node created, parent node (TYPE is insertAt)
ondelete : function(NODE, TREE_OBJ) { }, // node deleted
onopen : function(NODE, TREE_OBJ) { }, // node opened
onclose : function(NODE, TREE_OBJ) { }, // node closed
error : function(TEXT, TREE_OBJ) { }, // error occured
// double click on node - defaults to open/close & select
ondblclk : function(NODE, TREE_OBJ) { TREE_OBJ.toggle_branch.call(TREE_OBJ, NODE); TREE_OBJ.select_branch.call(TREE_OBJ, NODE); },
// right click - to prevent use: EV.preventDefault(); EV.stopPropagation(); return false
onrgtclk : function(NODE, TREE_OBJ, EV) { }
}
},
// INITIALIZATION
init : function(elem, opts) {
var _this = this;
this.container = $(elem);
// MERGE OPTIONS WITH DEFAULTS
if(opts && opts.cookies) {
this.settings.cookies = $.extend({},this.settings.cookies,opts.cookies);
delete opts.cookies;
if(!this.settings.cookies.opts) this.settings.cookies.opts = {};
}
if(opts && opts.callback) {
this.settings.callback = $.extend({},this.settings.callback,opts.callback);
delete opts.callback;
}
if(opts && opts.data) {
this.settings.data = $.extend({},this.settings.data,opts.data);
delete opts.data;
}
if(opts && opts.ui) {
this.settings.ui = $.extend({},this.settings.ui,opts.ui);
delete opts.ui;
}
if(opts && opts.rules) {
this.settings.rules = $.extend({},this.settings.rules,opts.rules);
delete opts.rules;
}
if(opts && opts.lang) {
this.settings.lang = $.extend({},this.settings.lang,opts.lang);
delete opts.lang;
}
this.settings = $.extend({},this.settings,opts);
// PATH TO IMAGES AND XSL
if(this.settings.path == false) {
this.path = "";
$("script").each( function () {
if(this.src.toString().match(/tree_component.js$/)) {
_this.path = this.src.toString().replace("tree_component.js", "");
}
});
}
else this.path = this.settings.path;
// DEAL WITH LANGUAGE VERSIONS
this.current_lang = this.settings.languages && this.settings.languages.length ? this.settings.languages[0] : false;
if(this.settings.languages && this.settings.languages.length) {
this.sn = get_sheet_num("tree_component.css");
var st = false;
var id = this.container.attr("id") ? "#" + this.container.attr("id") : ".tree";
for(var ln = 0; ln < this.settings.languages.length; ln++) {
st = add_css(id + " ." + this.settings.languages[ln], this.sn);
if(st !== false) {
if(this.settings.languages[ln] == this.current_lang) st.style.display = "inline";
else st.style.display = "none";
}
}
}
this.container.addClass("tree").css({ position: "relative" });
if(this.settings.ui.rtl) this.container.addClass("rtl");
if(this.settings.rules.multiple) this.selected_arr = [];
this.recent_range = [];
this.offset = this.container.offset();
this.container.css({ position : "" });
if(this.settings.ui.dots == false) this.container.addClass("no_dots");
this.hovered = false;
this.locked = false;
// CREATE DUMMY FOR MOVING
if(this.settings.rules.draggable != "none" && this.settings.rules.dragrules != "none") {
var _this = this;
$("")
.attr({
id : "marker",
src : _this.path + "images/marker.gif"
})
.css({
height : "5px",
width : "40px",
display : "block",
position : "absolute",
left : "30px",
top : "30px"
}).hide().appendTo("body");
}
this.refresh();
this.attachEvents();
},
// REPAINT TREE
refresh : function () {
if(this.locked) return this.error("LOCKED");
var _this = this;
// SAVE SELECTED
this.settings.dflt = (this.selected) ? "#" + this.selected.attr("id") : this.settings.dflt;
if(this.settings.cookies) {
var str = $.cookie(this.settings.cookies.prefix + '_selected');
if(str) this.settings.dflt = "#" + str;
}
this.opened = Array();
if(this.settings.cookies) {
var str = $.cookie(this.settings.cookies.prefix + '_open');
if(str && str.length) str = str.split(",");
else str = [];
if(str.length) this.opened = str;
}
else {
this.container.find("li.open").each(function (i) { _this.opened.push(this.id); });
}
if(this.settings.data.type == "xml_flat" || this.settings.data.type == "xml_nested") {
this.scrtop = this.container.get(0).scrollTop;
var xsl = (this.settings.data.type == "xml_flat") ? "flat.xsl" : "nested.xsl";
this.container.getTransform(this.path + xsl, this.settings.data.url, { callback: function () { _this.reselect.apply(_this); } });
return;
}
else if(this.settings.data.type == "json") {
if(this.settings.data.json) {
this.container.html("
");
}
_this.moveType = false;
_this.moveRef = false;
$("#marker").hide();
}
}
else if(event.target.tagName == "IMG" && event.target.id == "marker") {
;
}
else {
_this.moveType = false;
_this.moveRef = false;
$("#marker").hide();
}
event.preventDefault();
event.stopPropagation();
return false;
}
return true;
});
}
// ENDIF OF DRAG & DROP FUNCTIONS
},
checkMove : function (NODES, REF_NODE, TYPE) {
if(this.locked) return this.error("LOCKED");
var _this = this;
// OVER SELF OR CHILDREN
if(REF_NODE.parents("li.dragged").size() > 0 || REF_NODE.is(".dragged")) return this.error("MOVE: NODE OVER SELF");
// CHECK AGAINST DRAG_RULES
if(NODES.size() == 1) {
var NODE = NODES.eq(0);
if(!this.check("dragrules", [NODE, TYPE, REF_NODE.parents("li:eq(0)")])) return this.error("MOVE: AGAINST DRAG RULES");
}
else {
var ok = true;
NODES.each(function (i) {
if(ok == false) return false;
if(i > 0) {
var ref = NODES.eq( (i - 1) );
var mv = "after";
}
else {
var ref = REF_NODE;
var mv = TYPE;
}
if(!_this.check("dragrules", [$(this), mv, ref])) ok = false;
});
if(ok == false) return this.error("MOVE: AGAINST DRAG RULES");
}
// CHECK AGAINST METADATA
if(this.settings.rules.use_inline && this.settings.rules.metadata) {
var nd = false;
if(TYPE == "inside") nd = REF_NODE.parents("li:eq(0)");
else nd = REF_NODE.parents("li:eq(1)");
if(nd.size()) {
// VALID CHILDREN CHECK
if(typeof nd.metadata()["valid_children"] != "undefined") {
var tmp = nd.metadata()["valid_children"];
var ok = true;
NODES.each(function (i) {
if(ok == false) return false;
if($.inArray(_this.get_type(this), tmp) == -1) ok = false;
});
if(ok == false) return this.error("MOVE: NOT A VALID CHILD");
}
// CHECK IF PARENT HAS FREE SLOTS FOR CHILDREN
if(typeof nd.metadata()["max_children"] != "undefined") {
if((nd.children("ul:eq(0)").children("li").not(".dragged").size() + NODES.size()) > nd.metadata().max_children) return this.error("MOVE: MAX CHILDREN REACHED");
}
// CHECK FOR MAXDEPTH UP THE CHAIN
var incr = 0;
NODES.each(function (i) {
var i = 1;
var t = $(this);
while(i < 100) {
t = t.children("ul:eq(0)");
if(t.size() == 0) break;
i ++
}
incr = Math.max(i,incr);
});
var ok = true;
nd.parents("li").each(function(i) {
if(ok == false) return false;
if($(this).metadata().max_depth) {
if( (i + incr) >= $(this).metadata().max_depth) ok = false;
}
});
if(ok == false) return this.error("MOVE: MAX_DEPTH REACHED");
}
}
return true;
},
// USED AFTER REFRESH
reselect : function () {
var _this = this;
// REOPEN BRANCHES
if(this.opened && this.opened.length) {
var opn = false;
for(var j = 0; j < this.opened.length; j++) {
if(this.settings.data.async) {
if(this.get_node("#" + this.opened[j]).size() > 0) {
opn = true;
var tmp = this.opened[j];
delete this.opened[j];
this.open_branch("#" + tmp, true, function () { _this.reselect.apply(_this); } )
}
/*
if(this.open_branch("#" + this.opened[j], true, function () { _this.reselect.apply(_this); } )) {
opn = true;
delete this.opened[j];
$.log("Deleted");
}
*/
}
else this.open_branch("#" + this.opened[j], true);
}
if(this.settings.data.async && opn) return;
delete this.opened;
}
// REPOSITION SCROLL - WHEN QUEUE IMPLEMENTED - SHOULD BE AT THE END
if(this.scrtop) {
this.container.scrollTop(_this.scrtop);
delete this.scrtop;
}
// RESELECT PREVIOUSLY SELECTED OR DEFAULT
if(this.settings.rules.multiple != false && this.selected_arr.length > 1) {
var tmp = this.selected_arr;
this.selected_arr = [];
for(i in tmp) {
this.select_branch("#" + tmp[i].attr("id"), true);
}
}
else if(this.settings.dflt && $(this.settings.dflt).size() == 1) {
this.selected = $(this.settings.dflt);
this.settings.dflt = false;
this.select_branch(this.selected);
}
},
// GET THE EXTENDED LI ELEMENT
get_node : function (obj) {
var obj = $(obj);
return obj.is("li") ? obj : obj.parents("li:eq(0)");
},
// GET THE TYPE OF THE NODE
get_type : function (obj) {
obj = !obj ? this.selected : this.get_node(obj);
if(!obj) return;
if(this.settings.rules.metadata) {
$.metadata.setType("attr", this.settings.rules.metadata);
return obj.metadata().type;
}
else return obj.attr(this.settings.rules.type_attr);
},
// SCROLL CONTAINER WHILE DRAGGING
scrollCheck : function (x,y, cntr) {
var _this = this;
if(!cntr) {
var cnt = _this.container;
var off = _this.offset;
} else {
var cnt = cntr;
var off = cnt.offset({scroll:false});
}
// NEAR TOP
if(y - off.top < 20) {
cnt.scrollTop(Math.max(cnt.scrollTop()-4,0));
}
// NEAR BOTTOM (DETECT HORIZONTAL SCROLL)
var h_cor = (cnt.get(0).scrollWidth > cnt.width()) ? 40 : 20;
if(cnt.height() - (y - off.top) < h_cor) {
cnt.scrollTop(cnt.scrollTop()+4);
}
// NEAR LEFT
if(x - off.left < 20) {
cnt.scrollLeft(cnt.scrollLeft()-4);
}
// NEAR RIGHT
if(cnt.width() - (x - off.left) < 40) {
cnt.scrollLeft(cnt.scrollLeft()+4);
}
_this.sto = setTimeout( function() { _this.scrollCheck(x,y,cntr); }, 50);
},
check : function (rule, nodes) {
if(this.locked) return this.error("LOCKED");
// CHECK LOCAL RULES IF METADATA
if(rule != "dragrules" && this.settings.rules.use_inline && this.settings.rules.metadata) {
$.metadata.setType("attr", this.settings.rules.metadata);
if(typeof this.get_node(nodes).metadata()[rule] != "undefined") return this.get_node(nodes).metadata()[rule];
}
if(!this.settings.rules[rule]) return false;
if(this.settings.rules[rule] == "none") return false;
if(this.settings.rules[rule] == "all") return true;
if(rule == "dragrules")
return ($.inArray(this.get_type(nodes[0]) + " " + nodes[1] + " " + this.get_type(nodes[2]), this.settings.rules.dragrules) != -1) ? true : false;
else
return ($.inArray(this.get_type(nodes),this.settings.rules[rule]) != -1) ? true : false;
},
hover_branch : function (obj) {
if(this.locked) return this.error("LOCKED");
if(this.settings.ui.hover_mode == false) return this.select_branch(obj);
var _this = this;
var obj = _this.get_node(obj);
if(!obj.size()) return this.error("HOVER: NOT A VALID NODE");
// CHECK AGAINST RULES FOR SELECTABLE NODES
if(!_this.check("clickable", obj)) return this.error("SELECT: NODE NOT SELECTABLE");
if(this.hovered) this.hovered.children("A").removeClass("hover");
// SAVE NEWLY SELECTED
this.hovered = obj;
// FOCUS NEW NODE AND OPEN ALL PARENT NODES IF CLOSED
this.hovered.children("a").removeClass("hover").addClass("hover");
// SCROLL SELECTED NODE INTO VIEW
var off_t = this.hovered.offset({ scroll : false }).top;
var beg_t = this.container.offset({ scroll : false }).top;
var end_t = beg_t + this.container.height();
var h_cor = (this.container.get(0).scrollWidth > this.container.width()) ? 40 : 20;
if(off_t + 5 < beg_t) this.container.scrollTop(this.container.scrollTop() - (beg_t - off_t + 5) );
if(off_t + h_cor > end_t) this.container.scrollTop(this.container.scrollTop() + (off_t + h_cor - end_t) );
},
select_branch : function (obj, multiple, ranged,rangechild) {
if(this.locked) return this.error("LOCKED");
if(!obj && this.hovered !== false) obj = this.hovered;
var _this = this;
var _obj = obj;
obj = _this.get_node(obj);
if(!obj.size()) return this.error("SELECT: NOT A VALID NODE");
obj.children("a").removeClass("hover");
// CHECK AGAINST RULES FOR SELECTABLE NODES
if(!_this.check("clickable", obj)) return this.error("SELECT: NODE NOT SELECTABLE");
if(_this.settings.callback.beforechange.call(null,obj.get(0),_this) === false) return this.error("SELECT: STOPPED BY USER");
// IF multiple AND obj IS ALREADY SELECTED - DESELECT IT
if(this.settings.rules.multiple != false && multiple && obj.children("a.clicked").size() > 0) {
if ($(obj).parent().children().index(obj) == $(obj).parent().children().index(this.shiftanchor)) {
this.shiftanchor=null;
}
return this.deselect_branch(obj);
}
if(this.settings.rules.multiple != false && multiple) { //Add obj to selected items due to multiple
this.selected_arr.push(obj);
}
if (ranged && this.shiftanchor != null) {
for (var old_obj in this.recent_range) {
this.deselect_branch(this.recent_range[old_obj],1);
}
this.recent_range=[];
var curidx = $(obj).parent().children().index(obj);
var previdx = $(obj).parent().children().index(this.shiftanchor);
if (curidx >= 0 && previdx >=0) {
var firstidx=Math.min(curidx,previdx);
var lastidx=Math.max(curidx,previdx);
var siblings=$(obj).parent().children();
for (var idx = firstidx+1;idx < lastidx; idx++) {
if (this.get_node($(siblings[idx])).children("a.clicked").size() == 0) {
this.select_branch($(siblings[idx]),1,false,true);
}
this.recent_range.push(_this.get_node($(siblings[idx])));
// $(siblings[idx]).children("A").addClass("clicked");
}
this.selected_arr.push(obj);
this.recent_range.push(obj);
} /* else { What to do when shift click tries to go somewhere totally different? too hard for now..
$("#rangedisplay").text(curidx);
} */
var sel = window.getSelection();
sel.removeAllRanges();
} else {
if (!rangechild) {
this.shiftanchor = obj;
this.recent_range=[];
this.selected_arr.push(obj);
}
}
if(this.settings.rules.multiple != false && !multiple && !ranged) { //click without ctrl or shift
for(i in this.selected_arr) {
this.selected_arr[i].children("A").removeClass("clicked");
}
this.selected_arr = [];
this.selected_arr.push(obj);
if(this.selected) this.selected.children("A").removeClass("clicked");
}
if(!this.settings.rules.multiple) {
if(this.selected) this.selected.children("A").removeClass("clicked");
}
// SAVE NEWLY SELECTED
this.selected = obj;
if(this.settings.ui.hover_mode && this.hovered !== false) {
this.hovered.children("A").removeClass("hover");
this.hovered = obj;
}
// FOCUS NEW NODE AND OPEN ALL PARENT NODES IF CLOSED
this.selected.children("a").removeClass("clicked").addClass("clicked").end().parents("li.closed").each( function () { _this.open_branch(this, true); });
// SCROLL SELECTED NODE INTO VIEW
var off_t = this.selected.offset({ scroll : false }).top;
var beg_t = this.container.offset({ scroll : false }).top;
var end_t = beg_t + this.container.height();
var h_cor = (this.container.get(0).scrollWidth > this.container.width()) ? 40 : 20;
if(off_t + 5 < beg_t) this.container.scrollTop(this.container.scrollTop() - (beg_t - off_t + 5) );
if(off_t + h_cor > end_t) this.container.scrollTop(this.container.scrollTop() + (off_t + h_cor - end_t) );
this.set_cookie("selected");
this.settings.callback.onchange.call(null, this.selected.get(0), _this);
},
deselect_branch : function (obj) {
if(this.locked) return this.error("LOCKED");
var _this = this;
var obj = this.get_node(obj);
obj.children("a").removeClass("clicked");
if(this.settings.rules.multiple != false && this.selected_arr.length > 1) {
this.selected_arr = [];
this.container.find("a.clicked").filter(":first-child").parent().each(function () {
_this.selected_arr.push($(this));
});
if(obj.get(0) == this.selected.get(0)) {
this.selected = this.selected_arr[0];
this.set_cookie("selected");
}
this.settings.callback.onchange.call(null, this.selected.get(0), _this);
}
else {
if(this.settings.rules.multiple != false) this.selected_arr = [];
this.selected = false;
this.set_cookie("selected");
this.settings.callback.onchange.call(null, null, _this);
}
},
toggle_branch : function (obj) {
if(this.locked) return this.error("LOCKED");
var obj = this.get_node(obj);
if(obj.hasClass("closed")) return this.open_branch(obj);
if(obj.hasClass("open")) return this.close_branch(obj);
},
open_branch : function (obj, disable_animation, callback) {
if(this.locked) return this.error("LOCKED");
var obj = this.get_node(obj);
if(!obj.size()) return this.error("OPEN: NO SUCH NODE");
if(this.settings.data.async && obj.find("li").size() == 0) {
var _this = this;
obj.children("ul:eq(0)").remove().end().append("");
obj.removeClass("closed").addClass("open");
if(this.settings.data.type == "xml_flat" || this.settings.data.type == "xml_nested") {
var xsl = (this.settings.data.type == "xml_flat") ? "flat.xsl" : "nested.xsl";
var str = (this.settings.data.url.indexOf("?") == -1) ? "?id=" + obj.attr("id") : "&id=" + obj.attr("id");
obj.children("ul:eq(0)").getTransform(this.path + xsl, this.settings.data.url + str, { repl : true, callback: function (str, json) {
if(str.length < 10) {
obj.removeClass("closed").removeClass("open").addClass("leaf").children("ul").remove();
if(callback) callback.call();
return;
}
_this.open_branch.apply(_this, [obj]);
if(callback) callback.call();
}
});
}
else {
$.getJSON(this.settings.data.url, { id : obj.attr("id") }, function (data, textStatus) {
if(!data || data.length == 0) {
obj.removeClass("closed").removeClass("open").addClass("leaf").children("ul").remove();
if(callback) callback.call();
return;
}
var str = "";
for(var i = 0; i < data.length; i++) {
str += _this.parseJSON(data[i]);
}
obj.children("ul:eq(0)").replaceWith("
");
}
_this.moveType = false;
_this.moveRef = false;
$("#marker").hide();
}
}
else if(event.target.tagName == "IMG" && event.target.id == "marker") {
;
}
else {
_this.moveType = false;
_this.moveRef = false;
$("#marker").hide();
}
event.preventDefault();
event.stopPropagation();
return false;
}
return true;
});
}
// ENDIF OF DRAG & DROP FUNCTIONS
},
checkMove : function (NODES, REF_NODE, TYPE) {
if(this.locked) return this.error("LOCKED");
var _this = this;
// OVER SELF OR CHILDREN
if(REF_NODE.parents("li.dragged").size() > 0 || REF_NODE.is(".dragged")) return this.error("MOVE: NODE OVER SELF");
// CHECK AGAINST DRAG_RULES
if(NODES.size() == 1) {
var NODE = NODES.eq(0);
if(!this.check("dragrules", [NODE, TYPE, REF_NODE.parents("li:eq(0)")])) return this.error("MOVE: AGAINST DRAG RULES");
}
else {
var ok = true;
NODES.each(function (i) {
if(ok == false) return false;
if(i > 0) {
var ref = NODES.eq( (i - 1) );
var mv = "after";
}
else {
var ref = REF_NODE;
var mv = TYPE;
}
if(!_this.check("dragrules", [$(this), mv, ref])) ok = false;
});
if(ok == false) return this.error("MOVE: AGAINST DRAG RULES");
}
// CHECK AGAINST METADATA
if(this.settings.rules.use_inline && this.settings.rules.metadata) {
var nd = false;
if(TYPE == "inside") nd = REF_NODE.parents("li:eq(0)");
else nd = REF_NODE.parents("li:eq(1)");
if(nd.size()) {
// VALID CHILDREN CHECK
if(typeof nd.metadata()["valid_children"] != "undefined") {
var tmp = nd.metadata()["valid_children"];
var ok = true;
NODES.each(function (i) {
if(ok == false) return false;
if($.inArray(_this.get_type(this), tmp) == -1) ok = false;
});
if(ok == false) return this.error("MOVE: NOT A VALID CHILD");
}
// CHECK IF PARENT HAS FREE SLOTS FOR CHILDREN
if(typeof nd.metadata()["max_children"] != "undefined") {
if((nd.children("ul:eq(0)").children("li").not(".dragged").size() + NODES.size()) > nd.metadata().max_children) return this.error("MOVE: MAX CHILDREN REACHED");
}
// CHECK FOR MAXDEPTH UP THE CHAIN
var incr = 0;
NODES.each(function (i) {
var i = 1;
var t = $(this);
while(i < 100) {
t = t.children("ul:eq(0)");
if(t.size() == 0) break;
i ++
}
incr = Math.max(i,incr);
});
var ok = true;
nd.parents("li").each(function(i) {
if(ok == false) return false;
if($(this).metadata().max_depth) {
if( (i + incr) >= $(this).metadata().max_depth) ok = false;
}
});
if(ok == false) return this.error("MOVE: MAX_DEPTH REACHED");
}
}
return true;
},
// USED AFTER REFRESH
reselect : function () {
var _this = this;
// REOPEN BRANCHES
if(this.opened && this.opened.length) {
var opn = false;
for(var j = 0; j < this.opened.length; j++) {
if(this.settings.data.async) {
if(this.get_node("#" + this.opened[j]).size() > 0) {
opn = true;
var tmp = this.opened[j];
delete this.opened[j];
this.open_branch("#" + tmp, true, function () { _this.reselect.apply(_this); } )
}
/*
if(this.open_branch("#" + this.opened[j], true, function () { _this.reselect.apply(_this); } )) {
opn = true;
delete this.opened[j];
$.log("Deleted");
}
*/
}
else this.open_branch("#" + this.opened[j], true);
}
if(this.settings.data.async && opn) return;
delete this.opened;
}
// REPOSITION SCROLL - WHEN QUEUE IMPLEMENTED - SHOULD BE AT THE END
if(this.scrtop) {
this.container.scrollTop(_this.scrtop);
delete this.scrtop;
}
// RESELECT PREVIOUSLY SELECTED OR DEFAULT
if(this.settings.rules.multiple != false && this.selected_arr.length > 1) {
var tmp = this.selected_arr;
this.selected_arr = [];
for(i in tmp) {
this.select_branch("#" + tmp[i].attr("id"), true);
}
}
else if(this.settings.dflt && $(this.settings.dflt).size() == 1) {
this.selected = $(this.settings.dflt);
this.settings.dflt = false;
this.select_branch(this.selected);
}
},
// GET THE EXTENDED LI ELEMENT
get_node : function (obj) {
var obj = $(obj);
return obj.is("li") ? obj : obj.parents("li:eq(0)");
},
// GET THE TYPE OF THE NODE
get_type : function (obj) {
obj = !obj ? this.selected : this.get_node(obj);
if(!obj) return;
if(this.settings.rules.metadata) {
$.metadata.setType("attr", this.settings.rules.metadata);
return obj.metadata().type;
}
else return obj.attr(this.settings.rules.type_attr);
},
// SCROLL CONTAINER WHILE DRAGGING
scrollCheck : function (x,y, cntr) {
var _this = this;
if(!cntr) {
var cnt = _this.container;
var off = _this.offset;
} else {
var cnt = cntr;
var off = cnt.offset({scroll:false});
}
// NEAR TOP
if(y - off.top < 20) {
cnt.scrollTop(Math.max(cnt.scrollTop()-4,0));
}
// NEAR BOTTOM (DETECT HORIZONTAL SCROLL)
var h_cor = (cnt.get(0).scrollWidth > cnt.width()) ? 40 : 20;
if(cnt.height() - (y - off.top) < h_cor) {
cnt.scrollTop(cnt.scrollTop()+4);
}
// NEAR LEFT
if(x - off.left < 20) {
cnt.scrollLeft(cnt.scrollLeft()-4);
}
// NEAR RIGHT
if(cnt.width() - (x - off.left) < 40) {
cnt.scrollLeft(cnt.scrollLeft()+4);
}
_this.sto = setTimeout( function() { _this.scrollCheck(x,y,cntr); }, 50);
},
check : function (rule, nodes) {
if(this.locked) return this.error("LOCKED");
// CHECK LOCAL RULES IF METADATA
if(rule != "dragrules" && this.settings.rules.use_inline && this.settings.rules.metadata) {
$.metadata.setType("attr", this.settings.rules.metadata);
if(typeof this.get_node(nodes).metadata()[rule] != "undefined") return this.get_node(nodes).metadata()[rule];
}
if(!this.settings.rules[rule]) return false;
if(this.settings.rules[rule] == "none") return false;
if(this.settings.rules[rule] == "all") return true;
if(rule == "dragrules")
return ($.inArray(this.get_type(nodes[0]) + " " + nodes[1] + " " + this.get_type(nodes[2]), this.settings.rules.dragrules) != -1) ? true : false;
else
return ($.inArray(this.get_type(nodes),this.settings.rules[rule]) != -1) ? true : false;
},
hover_branch : function (obj) {
if(this.locked) return this.error("LOCKED");
if(this.settings.ui.hover_mode == false) return this.select_branch(obj);
var _this = this;
var obj = _this.get_node(obj);
if(!obj.size()) return this.error("HOVER: NOT A VALID NODE");
// CHECK AGAINST RULES FOR SELECTABLE NODES
if(!_this.check("clickable", obj)) return this.error("SELECT: NODE NOT SELECTABLE");
if(this.hovered) this.hovered.children("A").removeClass("hover");
// SAVE NEWLY SELECTED
this.hovered = obj;
// FOCUS NEW NODE AND OPEN ALL PARENT NODES IF CLOSED
this.hovered.children("a").removeClass("hover").addClass("hover");
// SCROLL SELECTED NODE INTO VIEW
var off_t = this.hovered.offset({ scroll : false }).top;
var beg_t = this.container.offset({ scroll : false }).top;
var end_t = beg_t + this.container.height();
var h_cor = (this.container.get(0).scrollWidth > this.container.width()) ? 40 : 20;
if(off_t + 5 < beg_t) this.container.scrollTop(this.container.scrollTop() - (beg_t - off_t + 5) );
if(off_t + h_cor > end_t) this.container.scrollTop(this.container.scrollTop() + (off_t + h_cor - end_t) );
},
select_branch : function (obj, multiple, ranged,rangechild) {
if(this.locked) return this.error("LOCKED");
if(!obj && this.hovered !== false) obj = this.hovered;
var _this = this;
var _obj = obj;
obj = _this.get_node(obj);
if(!obj.size()) return this.error("SELECT: NOT A VALID NODE");
obj.children("a").removeClass("hover");
// CHECK AGAINST RULES FOR SELECTABLE NODES
if(!_this.check("clickable", obj)) return this.error("SELECT: NODE NOT SELECTABLE");
if(_this.settings.callback.beforechange.call(null,obj.get(0),_this) === false) return this.error("SELECT: STOPPED BY USER");
// IF multiple AND obj IS ALREADY SELECTED - DESELECT IT
if(this.settings.rules.multiple != false && multiple && obj.children("a.clicked").size() > 0) {
if ($(obj).parent().children().index(obj) == $(obj).parent().children().index(this.shiftanchor)) {
this.shiftanchor=null;
}
return this.deselect_branch(obj);
}
if(this.settings.rules.multiple != false && multiple) { //Add obj to selected items due to multiple
this.selected_arr.push(obj);
}
if (ranged && this.shiftanchor != null) {
for (var old_obj in this.recent_range) {
this.deselect_branch(this.recent_range[old_obj],1);
}
this.recent_range=[];
var curidx = $(obj).parent().children().index(obj);
var previdx = $(obj).parent().children().index(this.shiftanchor);
if (curidx >= 0 && previdx >=0) {
var firstidx=Math.min(curidx,previdx);
var lastidx=Math.max(curidx,previdx);
var siblings=$(obj).parent().children();
for (var idx = firstidx+1;idx < lastidx; idx++) {
if (this.get_node($(siblings[idx])).children("a.clicked").size() == 0) {
this.select_branch($(siblings[idx]),1,false,true);
}
this.recent_range.push(_this.get_node($(siblings[idx])));
// $(siblings[idx]).children("A").addClass("clicked");
}
this.selected_arr.push(obj);
this.recent_range.push(obj);
} /* else { What to do when shift click tries to go somewhere totally different? too hard for now..
$("#rangedisplay").text(curidx);
} */
var sel = window.getSelection();
sel.removeAllRanges();
} else {
if (!rangechild) {
this.shiftanchor = obj;
this.recent_range=[];
this.selected_arr.push(obj);
}
}
if(this.settings.rules.multiple != false && !multiple && !ranged) { //click without ctrl or shift
for(i in this.selected_arr) {
this.selected_arr[i].children("A").removeClass("clicked");
}
this.selected_arr = [];
this.selected_arr.push(obj);
if(this.selected) this.selected.children("A").removeClass("clicked");
}
if(!this.settings.rules.multiple) {
if(this.selected) this.selected.children("A").removeClass("clicked");
}
// SAVE NEWLY SELECTED
this.selected = obj;
if(this.settings.ui.hover_mode && this.hovered !== false) {
this.hovered.children("A").removeClass("hover");
this.hovered = obj;
}
// FOCUS NEW NODE AND OPEN ALL PARENT NODES IF CLOSED
this.selected.children("a").removeClass("clicked").addClass("clicked").end().parents("li.closed").each( function () { _this.open_branch(this, true); });
// SCROLL SELECTED NODE INTO VIEW
var off_t = this.selected.offset({ scroll : false }).top;
var beg_t = this.container.offset({ scroll : false }).top;
var end_t = beg_t + this.container.height();
var h_cor = (this.container.get(0).scrollWidth > this.container.width()) ? 40 : 20;
if(off_t + 5 < beg_t) this.container.scrollTop(this.container.scrollTop() - (beg_t - off_t + 5) );
if(off_t + h_cor > end_t) this.container.scrollTop(this.container.scrollTop() + (off_t + h_cor - end_t) );
this.set_cookie("selected");
this.settings.callback.onchange.call(null, this.selected.get(0), _this);
},
deselect_branch : function (obj) {
if(this.locked) return this.error("LOCKED");
var _this = this;
var obj = this.get_node(obj);
obj.children("a").removeClass("clicked");
if(this.settings.rules.multiple != false && this.selected_arr.length > 1) {
this.selected_arr = [];
this.container.find("a.clicked").filter(":first-child").parent().each(function () {
_this.selected_arr.push($(this));
});
if(obj.get(0) == this.selected.get(0)) {
this.selected = this.selected_arr[0];
this.set_cookie("selected");
}
this.settings.callback.onchange.call(null, this.selected.get(0), _this);
}
else {
if(this.settings.rules.multiple != false) this.selected_arr = [];
this.selected = false;
this.set_cookie("selected");
this.settings.callback.onchange.call(null, null, _this);
}
},
toggle_branch : function (obj) {
if(this.locked) return this.error("LOCKED");
var obj = this.get_node(obj);
if(obj.hasClass("closed")) return this.open_branch(obj);
if(obj.hasClass("open")) return this.close_branch(obj);
},
open_branch : function (obj, disable_animation, callback) {
if(this.locked) return this.error("LOCKED");
var obj = this.get_node(obj);
if(!obj.size()) return this.error("OPEN: NO SUCH NODE");
if(this.settings.data.async && obj.find("li").size() == 0) {
var _this = this;
obj.children("ul:eq(0)").remove().end().append("");
obj.removeClass("closed").addClass("open");
if(this.settings.data.type == "xml_flat" || this.settings.data.type == "xml_nested") {
var xsl = (this.settings.data.type == "xml_flat") ? "flat.xsl" : "nested.xsl";
var str = (this.settings.data.url.indexOf("?") == -1) ? "?id=" + obj.attr("id") : "&id=" + obj.attr("id");
obj.children("ul:eq(0)").getTransform(this.path + xsl, this.settings.data.url + str, { repl : true, callback: function (str, json) {
if(str.length < 10) {
obj.removeClass("closed").removeClass("open").addClass("leaf").children("ul").remove();
if(callback) callback.call();
return;
}
_this.open_branch.apply(_this, [obj]);
if(callback) callback.call();
}
});
}
else {
$.getJSON(this.settings.data.url, { id : obj.attr("id") }, function (data, textStatus) {
if(!data || data.length == 0) {
obj.removeClass("closed").removeClass("open").addClass("leaf").children("ul").remove();
if(callback) callback.call();
return;
}
var str = "";
for(var i = 0; i < data.length; i++) {
str += _this.parseJSON(data[i]);
}
obj.children("ul:eq(0)").replaceWith("