/*
* jsTree 0.9.5
*
* 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: 2009-01-03
*
*/
// browser fix
jQuery.browser = {};
jQuery.browser.mozilla = /mozilla/.test(navigator.userAgent.toLowerCase()) && !/webkit/.test(navigator.userAgent.toLowerCase());
jQuery.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());
jQuery.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());
jQuery.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());
// jQuery plugin
jQuery.fn.tree = function (opts) {
return this.each(function() {
if(tree_component.inst && tree_component.inst[jQuery(this).attr('id')])
tree_component.inst[jQuery(this).attr('id')].destroy();
if(opts !== false) {
var tmp = new tree_component();
tmp.init(this, opts);
}
});
};
// core
function tree_component () {
// instance manager
if(typeof tree_component.inst == "undefined") {
tree_component.cntr = 0;
tree_component.inst = new Array();
tree_component.drop = new Array();
tree_component.focusInst = function () {
return tree_component.inst[tree_component.focused];
}
tree_component.mousedown = function(event) {
var _this = tree_component.focusInst();
if(!_this) return;
var tmp = jQuery(event.target);
if(tree_component.drop.length && tmp.is("." + tree_component.drop.join(", .")) ) {
_this.drag = jQuery("<li id='dragged' class='dragged foreign " + event.target.className + "'><a href='#'>" + tmp.text() + "</a></li>");
_this._drag = _this.drag;
_this.isdown = true;
_this.foreign = tmp;
tmp.blur();
event.preventDefault();
event.stopPropagation();
return false;
}
event.stopPropagation();
return true;
};
tree_component.mouseup = function(event) {
var _this = tree_component.focusInst();
if(!_this) return;
// CLEAR TIMEOUT FOR OPENING HOVERED NODES WHILE DRAGGING
if(tree_component.to) clearTimeout(tree_component.to);
if(tree_component.sto) clearTimeout(tree_component.sto);
if(_this.foreign === false && _this.drag && _this.drag.parentNode && _this.drag.parentNode == jQuery(_this.container).children("ul:eq(0)").get(0)) {
jQuery(_this.drag).remove();
// CALL FUNCTION FOR COMPLETING MOVE
if(_this.moveType) {
var tmp = tree_component.inst[jQuery(_this.moveRef).parents(".tree:eq(0)").attr("id")];
if(tmp) {
tmp.moved(_this.container.find("li.dragged"), _this.moveRef, _this.moveType, false, (_this.settings.rules.drag_copy == "on" || (_this.settings.rules.drag_copy == "ctrl" && event.ctrlKey) ) );
}
}
_this.moveType = false;
_this.moveRef = false;
}
if(_this.drag && _this.foreign !== false) {
jQuery(_this.drag).remove();
if(_this.moveType) {
var tmp = tree_component.inst[jQuery(_this.moveRef).parents(".tree:eq(0)").attr("id")];
if(tmp) {
tmp.settings.callback.ondrop.call(null, _this.foreign.get(0), _this.get_node( _this.moveRef).get(0), _this.moveType, _this);
}
}
_this.foreign = false;
_this.moveType = false;
_this.moveRef = false;
}
// RESET EVERYTHING
jQuery("#marker").hide();
_this._drag = false;
_this.drag = false;
_this.isdown = false;
_this.appended = false;
_this.container.find("li.dragged").removeClass("dragged");
event.preventDefault();
event.stopPropagation();
return false;
};
tree_component.mousemove = function(event) {
var _this = tree_component.focusInst();
if(!_this) return;
if(_this.locked) return _this.error("LOCKED");
if(_this.isdown) {
// CLEAR TIMEOUT FOR OPENING HOVERED NODES WHILE DRAGGING
if(tree_component.to) clearTimeout(tree_component.to);
if(!_this.appended) {
_this.container.children("ul:eq(0)").append(_this.drag);
var tmp = jQuery(_this.drag).offsetParent();
if(tmp.is("html")) tmp = jQuery("body");
_this.po = tmp.offset();
_this.appended = true;
}
jQuery(_this.drag).css({ "left" : (event.pageX - _this.po.left - (_this.settings.ui.rtl ? jQuery(_this.drag).width() : -5 ) ), "top" : (event.pageY - _this.po.top + (jQuery.browser.opera ? _this.container.scrollTop() : 0) + 15) });
if(event.target.tagName == "IMG" && event.target.id == "marker") return false;
var cnt = jQuery(event.target).parents(".tree:eq(0)");
// if not moving over a tree
if(cnt.size() == 0) {
if(tree_component.sto) clearTimeout(tree_component.sto);
if(jQuery(_this.drag).children("IMG").size() == 0) {
jQuery(_this.drag).append("<img class='removeicon' style='position:absolute; " + (_this.settings.ui.rtl ? "right" : "left" ) + ":4px; top:0px;' src='" + _this.settings.ui.theme_path + "default/remove.gif' />");
}
_this.moveType = false;
_this.moveRef = false;
jQuery("#marker").hide();
return false;
}
tree_component.inst[cnt.attr("id")].off_height();
// if moving over another tree and multitree is false
if( _this.foreign === false && cnt.get(0) != _this.container.get(0) && (!_this.settings.rules.multitree || !tree_component.inst[cnt.attr("id")].settings.rules.multitree) ) {
if(jQuery(_this.drag).children("IMG").size() == 0) {
jQuery(_this.drag).append("<img class='removeicon' style='position:absolute; " + (_this.settings.ui.rtl ? "right" : "left" ) + ":4px; top:0px;' src='" + _this.settings.ui.theme_path + "default/remove.gif' />");
}
_this.moveType = false;
_this.moveRef = false;
jQuery("#marker").hide();
return false;
}
if(tree_component.sto) clearTimeout(tree_component.sto);
tree_component.sto = setTimeout( function() { tree_component.inst[cnt.attr("id")].scrollCheck(event.pageX,event.pageY); }, 50);
var mov = false;
var st = cnt.scrollTop();
if(event.target.tagName == "A" && event.target.className=="title") {
// just in case if hover is over the draggable
if(jQuery(event.target).is("#dragged")) return false;
var goTo = {
x : (jQuery(event.target).offset().left - 1),
y : (event.pageY - tree_component.inst[cnt.attr("id")].offset.top)
}
if(cnt.hasClass("rtl")) {
goTo.x += jQuery(event.target).width() - 8;
}
if( (goTo.y + st)%_this.li_height < _this.li_height/3 + 1 ) {
mov = "before";
goTo.y = event.pageY - (goTo.y + st)%_this.li_height - 2 ;
}
else if((goTo.y + st)%_this.li_height > _this.li_height*2/3 - 1 ) {
mov = "after";
goTo.y = event.pageY - (goTo.y + st)%_this.li_height + _this.li_height - 2 ;
}
else {
mov = "inside";
goTo.x -= 2;
if(cnt.hasClass("rtl")) {
goTo.x += 36;
}
goTo.y = event.pageY - (goTo.y + st)%_this.li_height + Math.floor(_this.li_height/2) - 2 ;
if(_this.get_node(event.target).hasClass("closed")) {
tree_component.to = setTimeout( function () { _this.open_branch(_this.get_node(event.target)); }, 500);
}
}
if(tree_component.inst[cnt.attr("id")].checkMove(_this.container.find("li.dragged"), jQuery(event.target), mov)) {
if(mov == "inside") jQuery("#marker").attr("src", _this.settings.ui.theme_path + "default/plus.gif").width(14);
else {
if(cnt.hasClass("rtl")) { jQuery("#marker").attr("src", _this.settings.ui.theme_path + "default/marker_rtl.gif").width(40); }
else { jQuery("#marker").attr("src", _this.settings.ui.theme_path + "default/marker.gif").width(40); }
}
_this.moveType = mov;
_this.moveRef = event.target;
jQuery(_this.drag).children("IMG").remove();
jQuery("#marker").css({ "left" : goTo.x-1 , "top" : goTo.y-2 }).show();
}
else {
if(jQuery(_this.drag).children("IMG").size() == 0) {
jQuery(_this.drag).append("<img class='removeicon' style='position:absolute; " + (_this.settings.ui.rtl ? "right:0px;" : "left:4px;" ) + " top:0px;' src='" + _this.settings.ui.theme_path + "default/remove.gif' />");
}
_this.moveType = false;
_this.moveRef = false;
jQuery("#marker").hide();
}
}
else {
if(jQuery(_this.drag).children("IMG").size() == 0) {
jQuery(_this.drag).append("<img class='removeicon' style='position:absolute; " + (_this.settings.ui.rtl ? "right:0px;" : "left:4px;" ) + " top:0px;' src='" + _this.settings.ui.theme_path + "default/remove.gif' />");
}
_this.moveType = false;
_this.moveRef = false;
jQuery("#marker").hide();
}
event.preventDefault();
event.stopPropagation();
return false;
}
return true;
};
}
return {
cntr : tree_component.cntr ++,
settings : {
data : {
type : "predefined", // ENUM [json, xml_flat, xml_nested, predefined]
method : "GET", // HOW TO REQUEST FILES
async : false, // BOOL - async loading onopen
async_data : function (NODE) { return { id : jQuery(NODE).attr("id") || 0 } }, // PARAMETERS PASSED TO SERVER
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
},
selected : false, // FALSE or STRING or ARRAY
opened : [], // ARRAY OF INITIALLY OPENED NODES
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
scroll_spd : 4,
theme_path : false, // Path to themes
theme_name : "default",// Name of theme
context : [
{
id : "create",
label : "Create",
icon : "create.png",
visible : function (NODE, TREE_OBJ) { if(NODE.length != 1) return false; return TREE_OBJ.check("creatable", NODE); },
action : function (NODE, TREE_OBJ) { TREE_OBJ.create(false, NODE); }
},
"separator",
{
id : "rename",
label : "Rename",
icon : "rename.png",
visible : function (NODE, TREE_OBJ) { if(NODE.length != 1) return false; return TREE_OBJ.check("renameable", NODE); },
action : function (NODE, TREE_OBJ) { TREE_OBJ.rename(); }
},
{
id : "delete",
label : "Delete",
icon : "remove.gif",
visible : function (NODE, TREE_OBJ) { return TREE_OBJ.check("deletable", NODE); },
action : function (NODE, TREE_OBJ) { NODE.each( function () { TREE_OBJ.remove(this); }); }
}
]
},
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 : "all", // what move operations between nodes are allowed | default - none | "all"
drag_copy : false, // FALSE | CTRL | ON - drag to copy off/ with or without holding Ctrl
droppable : []
},
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) { },
onload : function(TREE_OBJ) { },
onfocus : function(TREE_OBJ) { },
ondrop : function(NODE,REF_NODE,TYPE,TREE_OBJ) {}
}
},
// INITIALIZATION
init : function(elem, opts) {
var _this = this;
this.container = jQuery(elem);
if(this.container.size == 0) { alert("Invalid container node!"); return }
tree_component.inst[this.cntr] = this;
if(!this.container.attr("id")) this.container.attr("id","jstree_" + this.cntr);
tree_component.inst[this.container.attr("id")] = tree_component.inst[this.cntr];
tree_component.focused = this.cntr;
// MERGE OPTIONS WITH DEFAULTS
if(opts && opts.cookies) {
this.settings.cookies = jQuery.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 = jQuery.extend({},this.settings.callback,opts.callback);
delete opts.callback;
}
if(opts && opts.data) {
this.settings.data = jQuery.extend({},this.settings.data,opts.data);
delete opts.data;
}
if(opts && opts.ui) {
this.settings.ui = jQuery.extend({},this.settings.ui,opts.ui);
delete opts.ui;
}
if(opts && opts.rules) {
this.settings.rules = jQuery.extend({},this.settings.rules,opts.rules);
delete opts.rules;
}
if(opts && opts.lang) {
this.settings.lang = jQuery.extend({},this.settings.lang,opts.lang);
delete opts.lang;
}
this.settings = jQuery.extend({},this.settings,opts);
// PATH TO IMAGES AND XSL
if(this.settings.path == false) {
this.path = "";
jQuery("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";
}
}
}
// DROPPABLES
if(this.settings.rules.droppable.length) {
for(i in this.settings.rules.droppable) {
tree_component.drop.push(this.settings.rules.droppable[i]);
tree_component.drop = jQuery.unique(tree_component.drop);
}
}
// THEMES
if(this.settings.ui.theme_path === false) this.settings.ui.theme_path = this.path + "themes/";
this.theme = this.settings.ui.theme_path + _this.settings.ui.theme_name + "/";
add_sheet(_this.settings.ui.theme_path + "default/style.css");
if(this.settings.ui.theme_name != "default") add_sheet(_this.theme + "style.css");
this.container.addClass("tree");
if(this.settings.ui.rtl) this.container.addClass("rtl");
if(this.settings.rules.multiple) this.selected_arr = [];
this.offset = false;
if(this.settings.ui.dots == false) this.container.addClass("no_dots");
// CONTEXT MENU
this.context = false;
if(this.settings.ui.context != false) {
var str = '<div class="context">';
for(i in this.settings.ui.context) {
if(this.settings.ui.context[i] == "separator") {
str += "<span class='separator'> </span>";
continue;
}
var icn = "";
if(this.settings.ui.context[i].icon) icn = 'background-image:url(\'' + ( this.settings.ui.context[i].icon.indexOf("/") == -1 ? this.theme + this.settings.ui.context[i].icon : this.settings.ui.context[i].icon ) + '\');';
str += '<a rel="' + this.settings.ui.context[i].id + '" href="#" style="' + icn + '">' + this.settings.ui.context[i].label + '</a>';
}
str += '</div>';
this.context = jQuery(str);
this.context.hide();
this.context.append = false;
}
this.hovered = false;
this.locked = false;
// CREATE DUMMY FOR MOVING
if(this.settings.rules.draggable != "none" && this.settings.rules.dragrules != "none") {
var _this = this;
jQuery("<img>")
.attr({
id : "marker",
src : _this.settings.ui.theme_path + "default/marker.gif"
})
.css({
height : "8px",
width : "42px",
display : "block",
position : "absolute",
left : "30px",
top : "30px",
zIndex : "1000"
}).hide().appendTo("body");
}
this.refresh();
this.attachEvents();
this.focus();
},
off_height : function () {
if(this.offset === false) {
this.container.css({ position : "relative" });
this.offset = this.container.offset();
var tmp = 0;
tmp = parseInt(jQuery.css(this.container.get(0), "paddingTop", true),10);
if(tmp) this.offset.top += tmp;
tmp = parseInt(jQuery.css(this.container.get(0), "borderTopWidth", true),10);
if(tmp) this.offset.top += tmp;
this.container.css({ position : "" });
}
if(!this.li_height) {
var tmp = this.container.find("ul li:eq(0)");
this.li_height = tmp.height();
if(tmp.children("ul:eq(0)").size()) this.li_height -= tmp.children("ul:eq(0)").height();
if(!this.li_height) this.li_height = 18;
}
},
// REPAINT TREE
refresh : function (obj) {
if(this.locked) return this.error("LOCKED");
var _this = this;
// SAVE OPENED
this.opened = Array();
if(this.settings.cookies && jQuery.cookie(this.settings.cookies.prefix + '_open')) {
var str = jQuery.cookie(this.settings.cookies.prefix + '_open');
var tmp = str.split(",");
jQuery.each(tmp, function () {
_this.opened.push("#" + this.replace(/^#/,""));
});
this.settings.opened = false;
}
else if(this.settings.opened != false) {
jQuery.each(this.settings.opened, function (i, item) {
_this.opened.push("#" + this.replace(/^#/,""));
});
this.settings.opened = false;
}
else {
this.container.find("li.open").each(function (i) { _this.opened.push("#" + this.id); });
}
// SAVE SELECTED
if(this.selected) {
this.settings.selected = Array();
if(this.selected_arr) {
jQuery.each(this.selected_arr, function () {
_this.settings.selected.push("#" + this.attr("id"));
});
}
else this.settings.selected.push("#" + this.selected.attr("id"));
}
/*else if(this.settings.cookies && jQuery.cookie(this.settings.cookies.prefix + '_selected')) {
this.settings.selected = Array();
var str = jQuery.cookie(this.settings.cookies.prefix + '_selected');
var tmp = str.split(",");
jQuery.each(tmp, function () {
_this.settings.selected.push("#" + this.replace(/^#/,""));
});
}*/
else if(this.settings.selected !== false) {
var tmp = Array();
if((typeof this.settings.selected).toLowerCase() == "object") {
jQuery.each(this.settings.selected, function () {
tmp.push("#" + this.replace(/^#/,""));
});
}
else tmp.push("#" + this.settings.selected.replace(/^#/,""));
this.settings.selected = tmp;
}
if(obj && this.settings.data.async) {
this.opened = Array();
obj = this.get_node(obj);
obj.find("li.open").each(function (i) { _this.opened.push("#" + this.id); });
this.close_branch(obj, true);
obj.children("ul:eq(0)").html("");
return this.open_branch(obj, true, function () { _this.reselect.apply(_this); });
}
var cls = "tree-default";
if(this.settings.ui.theme_name != "default") cls += " tree-" + _this.settings.ui.theme_name;
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, { params : { theme_name : cls, theme_path : _this.theme }, meth : _this.settings.data.method ,callback: function () { _this.reselect.apply(_this); } });
return;
}
else if(this.settings.data.type == "json") {
if(this.settings.data.json) {
var str = "";
if(this.settings.data.json.length) {
for(var i = 0; i < this.settings.data.json.length; i++) {
str += this.parseJSON(this.settings.data.json[i]);
}
} else str = this.parseJSON(this.settings.data.json);
this.container.html("<ul class='" + cls + "'>" + str + "</ul>");
this.container.find("li:last-child").addClass("last").end().find("li:has(ul)").not(".open").addClass("closed");
this.container.find("li").not(".open").not(".closed").addClass("leaf");
this.reselect();
}
else {
var _this = this;
jQuery.ajax({
type : this.settings.data.method,
url : this.settings.data.url,
data : this.settings.data.async_data(false),
dataType : "json",
success : function (data) {
var str = "";
if(data.length) {
for(var i = 0; i < data.length; i++) {
str += _this.parseJSON(data[i]);
}
} else str = _this.parseJSON(data);
_this.container.html("<ul class='" + cls + "'>" + str + "</ul>");
_this.container.find("li:last-child").addClass("last").end().find("li:has(ul)").not(".open").addClass("closed");
_this.container.find("li").not(".open").not(".closed").addClass("leaf");
_this.reselect.apply(_this);
}
});
}
}
else {
this.container.children("ul:eq(0)").attr("class", cls);
this.container.find("li:last-child").addClass("last").end().find("li:has(ul)").not(".open").addClass("closed");
this.container.find("li").not(".open").not(".closed").addClass("leaf");
this.reselect();
}
},
// CONVERT JSON TO HTML
parseJSON : function (data) {
var str = "";
str += "<li ";
var cls = false;
for(i in data.attributes) {
if(i == "class") {
str += " class='" + data.attributes[i] + " ";
if(data.state == "closed" || data.state == "open") str += " " + data.state + " ";
str += "' ";
cls = true;
}
else str += " " + i + "='" + data.attributes[i] + "' ";
}
if(!cls && (data.state == "closed" || data.state == "open")) str += " class='" + data.state + "' ";
str += ">";
if(this.settings.languages.length) {
for(var i = 0; i < this.settings.languages.length; i++) {
var attr = [];
attr["href"] = "#";
attr["style"] = "";
attr["class"] = this.settings.languages[i];
if(data.data[this.settings.languages[i]] && (typeof data.data[this.settings.languages[i]].attributes).toLowerCase() != "undefined") {
for(j in data.data[this.settings.languages[i]].attributes) {
if(j == "style" || j == "class") attr[j] += " " + data.data[this.settings.languages[i]].attributes[j];
else attr[j] = data.data[this.settings.languages[i]].attributes[j];
}
}
if(data.data[this.settings.languages[i]] && data.data[this.settings.languages[i]].icon) {
var icn = data.data[this.settings.languages[i]].icon.indexOf("/") == -1 ? this.theme + data.data[this.settings.languages[i]].icon : data.data[this.settings.languages[i]].icon;
attr["style"] += " ; background-image:url('" + icn + "'); ";
}
str += "<a";
for(j in attr) str += ' ' + j + '="' + attr[j] + '" ';
str += ">" + ( (typeof data.data[this.settings.languages[i]].title).toLowerCase() != "undefined" ? data.data[this.settings.languages[i]].title : data.data[this.settings.languages[i]] ) + "</a>";
}
}
else {
var attr = [];
attr["href"] = "#";
attr["style"] = "";
attr["class"] = "";
if((typeof data.data.attributes).toLowerCase() != "undefined") {
for(i in data.data.attributes) {
if(i == "style" || i == "class") attr[i] += " " + data.data.attributes[i];
else attr[i] = data.data.attributes[i];
}
}
if(data.data.icon) {
var icn = data.data.icon.indexOf("/") == -1 ? this.theme + data.data.icon : data.data.icon;
attr["style"] += " ; background-image:url('" + icn + "');";
}
str += "<a";
for(i in attr) str += ' ' + i + '="' + attr[i] + '" ';
str += ">" + ( (typeof data.data.title).toLowerCase() != "undefined" ? data.data.title : data.data ) + "</a>";
}
if(data.children && data.children.length) {
str += '<ul>';
for(var i = 0; i < data.children.length; i++) {
str += this.parseJSON(data.children[i]);
}
str += '</ul>';
}
str += "</li>";
return str;
},
// getJSON from HTML
getJSON : function (nod, outer_attrib, inner_attrib, force) {
var _this = this;
if(!nod || jQuery(nod).size() == 0) {
nod = this.container.children("ul").children("li");
}
else nod = jQuery(nod);
if(nod.size() > 1) {
var arr = [];
nod.each(function () {
arr.push(_this.getJSON(this, outer_attrib, inner_attrib));
});
return arr;
}
if(!outer_attrib) outer_attrib = [ "id", "rel", "class" ];
if(!inner_attrib) inner_attrib = [ ];
var obj = { attributes : {}, data : false };
for(i in outer_attrib) {
obj.attributes[outer_attrib[i]] = nod.attr(outer_attrib[i]);
}
if(this.settings.languages.length) {
obj.data = {};
for(i in this.settings.languages) {
var a = nod.children("a." + this.settings.languages[i]);
if(force || inner_attrib.length || a.get(0).style.backgroundImage.toString().length) {
obj.data[this.settings.languages[i]] = {};
obj.data[this.settings.languages[i]].title = a.text();
if(a.get(0).style.backgroundImage.length) {
obj.data[this.settings.languages[i]].icon = a.get(0).style.backgroundImage.replace("url(","").replace(")","");
}
if(inner_attrib.length) {
obj.data[this.settings.languages[i]].attributes = {};
for(j in inner_attrib) {
obj.data[this.settings.languages[i]].attributes[inner_attrib[j]] = a.attr(inner_attrib[j]);
}
}
}
else {
obj.data[this.settings.languages[i]] = a.text();
}
}
}
else {
var a = nod.children("a");
if(force || inner_attrib.length || a.get(0).style.backgroundImage.toString().length) {
obj.data = {};
obj.data.title = a.text();
if(a.get(0).style.backgroundImage.length) {
obj.data.icon = a.get(0).style.backgroundImage.replace("url(","").replace(")","");
}
if(inner_attrib.length) {
obj.data.attributes = {};
for(j in inner_attrib) {
obj.data.attributes[inner_attrib[j]] = a.attr(inner_attrib[j]);
}
}
}
else {
obj.data = a.text();
}
}
if(nod.children("ul").size() > 0) {
obj.children = [];
nod.children("ul").children("li").each(function () {
obj.children.push(_this.getJSON(this, outer_attrib, inner_attrib));
});
}
return obj;
},
focus : function () {
if(this.locked) return false;
if(tree_component.focused != this.cntr) {
tree_component.focused = this.cntr;
this.settings.callback.onfocus.call(null, this);
}
},
show_context : function (obj, x, y) {
var tmp = this.context.show().offsetParent();
if(tmp.is("html")) tmp = jQuery("body");
tmp = tmp.offset();
this.context.css({ "left" : (x - tmp.left - (this.settings.ui.rtl ? jQuery(this.context).width() : -5 ) ), "top" : (y - tmp.top + (jQuery.browser.opera ? this.container.scrollTop() : 0) + 15) });
},
hide_context : function () {
this.context.hide();
},
// ALL EVENTS
attachEvents : function () {
var _this = this;
this.container
.bind("mouseup", function (event) {
setTimeout( function() { _this.focus.apply(_this); }, 5);
})
.bind("click", function (event) {
event.stopPropagation();
return true;
})
.listen("click", "li", function(event) { // WHEN CLICK IS ON THE ARROW
_this.toggle_branch.apply(_this, [event.target]);
event.stopPropagation();
})
.listen("click", "a.title", function (event) { // WHEN CLICK IS ON THE TEXT OR ICON
if(_this.locked) {
event.preventDefault();
event.target.blur();
return _this.error("LOCKED");
}
_this.select_branch.apply(_this, [event.target, event.ctrlKey || _this.settings.rules.multiple == "on"]);
if(_this.inp) { _this.inp.blur(); }
event.preventDefault();
event.target.blur();
return false;
})
.listen("dblclick", "a.title", function (event) { // WHEN DOUBLECLICK ON TEXT OR ICON
if(_this.locked) {
event.preventDefault();
event.stopPropagation();
event.target.blur();
return _this.error("LOCKED");
}
_this.settings.callback.ondblclk.call(null, _this.get_node(event.target).get(0), _this);
event.preventDefault();
event.stopPropagation();
event.target.blur();
})
.listen("contextmenu", "a.title", function (event) {
if(_this.locked) {
event.target.blur();
return _this.error("LOCKED");
}
_this.settings.callback.onrgtclk.call(null, _this.get_node(event.target).get(0), _this, event);
if(_this.context) {
if(_this.context.append == false) {
_this.container.find("ul:eq(0)").append(_this.context);
_this.context.append = true;
for(i in _this.settings.ui.context) {
if(_this.settings.ui.context[i] == "separator") continue;
(function () {
var func = _this.settings.ui.context[i].action;
_this.context.children("[rel=" + _this.settings.ui.context[i].id +"]").bind("click", function (event) {
func.call(null, _this.selected_arr || _this.selected, _this);
_this.hide_context();
event.stopPropagation();
event.preventDefault();
return false;
});
})();
}
}
var obj = _this.get_node(event.target);
if(_this.inp) { _this.inp.blur(); }
if(obj) {
if(!obj.children("a:eq(0)").hasClass("clicked")) {
_this.select_branch.apply(_this, [event.target, event.ctrlKey || _this.settings.rules.multiple == "on"]);
event.target.blur();
}
_this.context.children("li").show();
var go = false;
for(i in _this.settings.ui.context) {
if(_this.settings.ui.context[i] == "separator") continue;
if(!_this.settings.ui.context[i].visible.call(null, _this.selected_arr || _this.selected, _this)) _this.context.children("[rel=" + _this.settings.ui.context[i].id +"]").hide();
else go = true;
}
if(go == true) _this.show_context(obj, event.pageX, event.pageY);
event.preventDefault();
event.stopPropagation();
return false;
}
}
return true;
})
.listen("mouseover", "a.title", function (event) {
if(_this.locked) {
event.preventDefault();
event.stopPropagation();
return _this.error("LOCKED");
}
if(_this.settings.ui.hover_mode && _this.hovered !== false && event.target.tagName == "A") {
_this.hovered.children("a").removeClass("hover");
_this.hovered = false;
}
});
// ATTACH DRAG & DROP ONLY IF NEEDED
if(this.settings.rules.draggable != "none" && this.settings.rules.dragrules != "none") {
this.container
.listen("mousedown", "a", function (event) {
_this.focus.apply(_this);
if(_this.locked) return _this.error("LOCKED");
// SELECT LIST ITEM NODE
var obj = _this.get_node(event.target);
// IF ITEM IS DRAGGABLE
if(_this.settings.rules.multiple != false && _this.selected_arr.length > 1 && obj.children("a:eq(0)").hasClass("clicked")) {
var counter = 0;
for(i in _this.selected_arr) {
if(_this.check("draggable", _this.selected_arr[i])) {
_this.selected_arr[i].addClass("dragged");
counter ++;
}
}
if(counter > 0) {
if(_this.check("draggable", obj)) _this._drag = obj;
else _this._drag = _this.container.find("li.dragged:eq(0)");
_this.isdown = true;
_this.drag = _this._drag.get(0).cloneNode(true);
_this.drag.id = "dragged";
jQuery(_this.drag).children("a").html("Multiple selection").end().children("ul").remove();
}
}
else {
if(_this.check("draggable", obj)) {
_this._drag = obj;
_this.drag = obj.get(0).cloneNode(true);
_this.drag.id = "dragged";
_this.isdown = true;
_this.foreign = false;
obj.addClass("dragged");
}
}
obj.blur();
event.preventDefault();
event.stopPropagation();
return false;
});
jQuery(document)
.bind("mousedown", tree_component.mousedown)
.bind("mouseup", tree_component.mouseup)
.bind("mousemove", tree_component.mousemove);
}
// ENDIF OF DRAG & DROP FUNCTIONS
if(_this.context) jQuery(document).bind("mouseup", function() { _this.hide_context(); });
},
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(NODE.hasClass("foreign")) {
if(this.settings.rules.droppable.length == 0) return false;
if(!NODE.is("." + this.settings.rules.droppable.join(", ."))) return false;
var ok = false;
for(i in this.settings.rules.droppable) {
if(NODE.is("." + this.settings.rules.droppable[i])) {
if(this.settings.rules.metadata) {
jQuery.metadata.setType("attr", this.settings.rules.metadata);
NODE.attr(this.settings.rules.metadata, "type: '" + this.settings.rules.droppable[i] + "'");
}
else {
NODE.attr(this.settings.rules.type_attr, this.settings.rules.droppable[i]);
}
ok = true;
break;
}
}
if(!ok) return false;
}
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.apply(_this,["dragrules", [jQuery(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(jQuery.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 = jQuery(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(jQuery(this).metadata().max_depth) {
if( (i + incr) >= jQuery(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); } )
}
}
else this.open_branch(this.opened[j], true);
}
if(this.settings.data.async && opn) return;
delete this.opened;
}
// REPOSITION SCROLL
if(this.scrtop) {
this.container.scrollTop(_this.scrtop);
delete this.scrtop;
}
// RESELECT PREVIOUSLY SELECTED
if(this.settings.selected !== false) {
jQuery.each(this.settings.selected, function (i) {
_this.select_branch(jQuery(_this.settings.selected[i]), (_this.settings.rules.multiple !== false && i > 0) );
});
this.settings.selected = false;
}
this.settings.callback.onload.call(null, _this);
},
// GET THE EXTENDED LI ELEMENT
get_node : function (obj) {
var obj = jQuery(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) {
jQuery.metadata.setType("attr", this.settings.rules.metadata);
var tmp = obj.metadata().type;
if(tmp) return tmp;
}
return obj.attr(this.settings.rules.type_attr);
},
// SCROLL CONTAINER WHILE DRAGGING
scrollCheck : function (x,y) {
var _this = this;
var cnt = _this.container;
var off = _this.offset;
var st = cnt.scrollTop();
var sl = cnt.scrollLeft();
// DETECT HORIZONTAL SCROLL
var h_cor = (cnt.get(0).scrollWidth > cnt.width()) ? 40 : 20;
if(y - off.top < 20) cnt.scrollTop(Math.max( (st - _this.settings.ui.scroll_spd) ,0)); // NEAR TOP
if(cnt.height() - (y - off.top) < h_cor) cnt.scrollTop(st + _this.settings.ui.scroll_spd); // NEAR BOTTOM
if(x - off.left < 20) cnt.scrollLeft(Math.max( (sl - _this.settings.ui.scroll_spd),0)); // NEAR LEFT
if(cnt.width() - (x - off.left) < 40) cnt.scrollLeft(sl + _this.settings.ui.scroll_spd); // NEAR RIGHT
if(cnt.scrollLeft() != sl || cnt.scrollTop() != st) {
_this.moveType = false;
_this.moveRef = false;
jQuery("#marker").hide();
}
tree_component.sto = setTimeout( function() { _this.scrollCheck(x,y); }, 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) {
jQuery.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") {
var nds = new Array();
nds[0] = this.get_type(nodes[0]);
nds[1] = nodes[1];
nds[2] = this.get_type(nodes[2]);
for(var i = 0; i < this.settings.rules.dragrules.length; i++) {
var r = this.settings.rules.dragrules[i];
var n = (r.indexOf("!") === 0) ? false : true;
if(!n) r = r.replace("!","");
var tmp = r.split(" ");
for(var j = 0; j < 3; j++) {
if(tmp[j] == nds[j] || tmp[j] == "*") tmp[j] = true;
}
if(tmp[0] === true && tmp[1] === true && tmp[2] === true) return n;
}
return false;
}
else
return (jQuery.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().top;
var beg_t = this.container.offset().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) {
if(this.locked) return this.error("LOCKED");
if(!obj && this.hovered !== false) obj = this.hovered;
var _this = this;
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) {
return this.deselect_branch(obj);
}
if(this.settings.rules.multiple != false && multiple) {
this.selected_arr.push(obj);
}
if(this.settings.rules.multiple != false && !multiple) {
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().top;
var beg_t = this.container.offset().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(jQuery(this));
});
if(obj.get(0) == this.selected.get(0)) {
this.selected = this.selected_arr[0];
this.set_cookie("selected");
}
}
else {
if(this.settings.rules.multiple != false) this.selected_arr = [];
this.selected = false;
this.set_cookie("selected");
}
if(this.selected) this.settings.callback.onchange.call(null, this.selected.get(0), _this);
else this.settings.callback.onchange.call(null, false, _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(obj.hasClass("leaf")) return this.error("OPEN: OPENING LEAF NODE");
if(this.settings.data.async && obj.find("li").size() == 0) {
var _this = this;
obj.children("ul:eq(0)").remove().end().append("<ul><li class='last'><a style='background-image:url(" + _this.settings.ui.theme_path + "default/throbber.gif)' href='#'>" + (_this.settings.lang.loading || "Loading ...") + "</a></li></ul>");
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=" + encodeURIComponent(obj.attr("id")) : "&id=" + encodeURIComponent(obj.attr("id"));
obj.children("ul:eq(0)").getTransform(this.path + xsl, this.settings.data.url + str, { params : { theme_path : _this.theme }, meth : this.settings.data.method, repl : true, callback: function (str, json) {
if(str.length < 15) {
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 {
jQuery.ajax({
type : this.settings.data.method,
url : this.settings.data.url,
data : this.settings.data.async_data(obj),
dataType : "json",
success : 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 = "";
if(data.length) {
for(var i = 0; i < data.length; i++) {
str += _this.parseJSON(data[i]);
}
}
else str = _this.parseJSON(data);
obj.children("ul:eq(0)").replaceWith("<ul>" + str + "</ul>");
obj.find("li:last-child").addClass("last").end().find("li:has(ul)").not(".open").addClass("closed");
obj.find("li").not(".open").not(".closed").addClass("leaf");
_this.open_branch.apply(_this, [obj]);
if(callback) callback.call();
}
});
}
return true;
}
else {
if(parseInt(this.settings.ui.animation) > 0 && !disable_animation && !(jQuery.browser.msie && jQuery.browser.version < 7) ) {
obj.children("ul:eq(0)").css("display","none");
obj.removeClass("closed").addClass("open");
obj.children("ul:eq(0)").slideDown(parseInt(this.settings.ui.animation), function() {
jQuery(this).css("display","");
if(callback) callback.call();
});
} else {
obj.removeClass("closed").addClass("open");
if(callback) callback.call();
}
this.set_cookie("open");
this.settings.callback.onopen.call(null, obj.get(0), this);
return true;
}
},
close_branch : function (obj, disable_animation) {
if(this.locked) return this.error("LOCKED");
var _this = this;
var obj = this.get_node(obj);
if(parseInt(this.settings.ui.animation) > 0 && !disable_animation && !(jQuery.browser.msie && jQuery.browser.version < 7) && obj.children("ul:eq(0)").size() == 1) {
obj.children("ul:eq(0)").slideUp(parseInt(this.settings.ui.animation), function() {
obj.removeClass("open").addClass("closed");
_this.set_cookie("open");
jQuery(this).css("display","");
});
}
else {
obj.removeClass("open").addClass("closed");
this.set_cookie("open");
}
if(this.selected && obj.children("ul:eq(0)").find("a.clicked").size() > 0) {
obj.find("li:has(a.clicked)").each(function() {
_this.deselect_branch(this);
});
if(obj.children("a.clicked").size() == 0) this.select_branch(obj, (this.settings.rules.multiple != false && this.selected_arr.length > 0) );
}
this.settings.callback.onclose.call(null, obj.get(0), this);
},
open_all : function (obj) {
if(this.locked) return this.error("LOCKED");
var _this = this;
obj = obj ? jQuery(obj) : this.container;
obj.find("li.closed").each( function () { var __this = this; _this.open_branch.apply(_this, [this, true, function() { _this.open_all.apply(_this, [__this]); } ]); });
},
close_all : function () {
if(this.locked) return this.error("LOCKED");
var _this = this;
jQuery(this.container).find("li.open").each( function () { _this.close_branch(this, true); });
},
show_lang : function (i) {
if(this.locked) return this.error("LOCKED");
if(this.settings.languages[i] == this.current_lang) return true;
var st = false;
var id = this.container.attr("id") ? "#" + this.container.attr("id") : ".tree";
st = get_css(id + " ." + this.current_lang, this.sn);
if(st !== false) st.style.display = "none";
st = get_css(id + " ." + this.settings.languages[i], this.sn);
if(st !== false) st.style.display = "block";
this.current_lang = this.settings.languages[i];
return true;
},
cycle_lang : function() {
if(this.locked) return this.error("LOCKED");
var i = jQuery.inArray(this.current_lang, this.settings.languages);
i ++;
if(i > this.settings.languages.length - 1) i = 0;
this.show_lang(i);
},
create : function (type, obj, data, icon, id ) {
if(this.locked) return this.error("LOCKED");
// NOTHING SELECTED
obj = obj ? this.get_node(obj) : this.selected;
if(!obj || !obj.size()) return this.error("CREATE: NO NODE SELECTED");
if(!this.check("creatable", obj)) return this.error("CREATE: CANNOT CREATE IN NODE");
var t = type || this.get_type(obj) || "";
if(this.settings.rules.use_inline && this.settings.rules.metadata) {
jQuery.metadata.setType("attr", this.settings.rules.metadata);
if(typeof obj.metadata()["valid_children"] != "undefined") {
if(jQuery.inArray(t, obj.metadata()["valid_children"]) == -1) return this.error("CREATE: NODE NOT A VALID CHILD");
}
if(typeof obj.metadata()["max_children"] != "undefined") {
if( (obj.children("ul:eq(0)").children("li").size() + 1) > obj.metadata().max_children) return this.error("CREATE: MAX_CHILDREN REACHED");
}
var ok = true;
obj.parents("li").each(function(i) {
if(jQuery(this).metadata().max_depth) {
if( (i + 1) >= jQuery(this).metadata().max_depth) {
ok = false;
}
}
});
if(!ok) return this.error("CREATE: MAX_DEPTH REACHED");
}
if(obj.hasClass("closed")) {
var _this = this;
return this.open_branch(obj, true, function () { _this.create.apply(_this, [type, obj, data, icon, id]); } );
}
if(id) $li = jQuery("<li id='" + id + "' />");
else $li = jQuery("<li />");
// NEW NODE IS OF PASSED TYPE OR PARENT'S TYPE
if(this.settings.rules.metadata) {
jQuery.metadata.setType("attr", this.settings.rules.metadata);
$li.attr(this.settings.rules.metadata, "type: '" + t + "'");
}
else {
$li.attr(this.settings.rules.type_attr, t)
}
var icn = "";
if((typeof icon).toLowerCase() == "string") {
icn = icon;
icn = icn.indexOf("/") == -1 ? this.theme + icn : icn;
}
if(this.settings.languages.length) {
for(i = 0; i < this.settings.languages.length; i++) {
if((typeof data).toLowerCase() == "string") val = data;
else if(data && data[i]) {
val = data[i];
}
else if(this.settings.lang.new_node) {
if((typeof this.settings.lang.new_node).toLowerCase() != "string" && this.settings.lang.new_node[i])
val = this.settings.lang.new_node[i];
else
val = this.settings.lang.new_node;
}
else {
val = "New folder";
}
if((typeof icon).toLowerCase() != "string" && icon && icon[i]) {
icn = icon[i];
icn = icn.indexOf("/") == -1 ? this.theme + icn : icn;
}
$li.append("<a href='#'" + ( icn.length ? " style='background-image:url(\"" + icn + "\");' " : " ") + "class='" + this.settings.languages[i] + "'>" + val + "</a>");
}
}
else { $li.append("<a href='#'" + ( icn.length ? " style='background-image:url(\"" + icn + "\");' " : " ") + ">" + (data || this.settings.lang.new_node || "New folder") + "</a>"); }
$li.addClass("leaf");
if(this.settings.rules.createat == "top" || obj.children("ul").size() == 0) {
this.moved($li,obj.children("a:eq(0)"),"inside", true);
}
else {
this.moved($li,obj.children("ul:eq(0)").children("li:last").children("a:eq(0)"),"after",true);
}
this.select_branch($li.children("a:eq(0)"));
if(!data) this.rename();
return $li;
},
rename : function () {
if(this.locked) return this.error("LOCKED");
if(this.selected) {
var _this = this;
if(!this.check("renameable", this.selected)) return this.error("RENAME: NODE NOT RENAMABLE");
if(!this.settings.callback.beforerename.call(null,this.selected.get(0), _this.current_lang, _this)) return this.error("RENAME: STOPPED BY USER");
var obj = this.selected;
if(this.current_lang) obj = obj.find("a." + this.current_lang).get(0);
else obj = obj.find("a:first").get(0);
last_value = obj.innerHTML;
_this.inp = jQuery("<input type='text' />");
_this.inp
.val(last_value)
.bind("mousedown", function (event) { event.stopPropagation(); })
.bind("mouseup", function (event) { event.stopPropagation(); })
.bind("click", function (event) { event.stopPropagation(); })
.bind("keyup", function (event) {
var key = event.keyCode || event.which;
if(key == 27) { this.value = last_value; this.blur(); return }
if(key == 13) { this.blur(); return }
});
_this.inp.blur(function(event) {
if(this.value == "") this.value == last_value;
jQuery(obj).html( jQuery(obj).parent().find("input").eq(0).attr("value") ).get(0).style.display = "";
jQuery(obj).prevAll("span").remove();
if(this.value != last_value) _this.settings.callback.onrename.call(null, _this.get_node(obj).get(0), _this.current_lang, _this);
_this.inp = false;
});
var spn = jQuery("<span />").addClass(obj.className).append(_this.inp);
spn.attr("style", jQuery(obj).attr("style"));
obj.style.display = "none";
jQuery(obj).parent().prepend(spn);
_this.inp.get(0).focus();
_this.inp.get(0).select();
}
else return this.error("RENAME: NO NODE SELECTED");
},
// REMOVE NODES
remove : function(obj) {
if(this.locked) return this.error("LOCKED");
if(obj) {
obj = this.get_node(obj);
if(obj.size()) {
if(!this.check("deletable", obj)) return this.error("DELETE: NODE NOT DELETABLE");
if(!this.settings.callback.beforedelete.call(null,obj.get(0), _this)) return this.error("DELETE: STOPPED BY USER");
$parent = obj.parent();
obj = obj.remove();
$parent.children("li:last").addClass("last");
if($parent.children("li").size() == 0) {
$li = $parent.parents("li:eq(0)");
$li.removeClass("open").removeClass("closed").addClass("leaf").children("ul").remove();
this.set_cookie("open");
}
this.settings.callback.ondelete.call(null, obj, this);
}
}
else if(this.selected) {
if(!this.check("deletable", this.selected)) return this.error("DELETE: NODE NOT DELETABLE");
if(!this.settings.callback.beforedelete.call(null,this.selected.get(0), _this)) return this.error("DELETE: STOPPED BY USER");
$parent = this.selected.parent();
var obj = this.selected;
if(this.settings.rules.multiple == false || this.selected_arr.length == 1) {
var stop = true;
var tmp = (this.selected.prev("li:eq(0)").size()) ? this.selected.prev("li:eq(0)") : this.selected.parents("li:eq(0)");
// this.get_prev(true);
}
obj = obj.remove();
$parent.children("li:last").addClass("last");
if($parent.children("li").size() == 0) {
$li = $parent.parents("li:eq(0)");
$li.removeClass("open").removeClass("closed").addClass("leaf").children("ul").remove();
this.set_cookie("open");
}
//this.selected = false;
this.settings.callback.ondelete.call(null, obj, this);
if(stop && tmp) this.select_branch(tmp);
if(this.settings.rules.multiple != false && !stop) {
var _this = this;
this.selected_arr = [];
this.container.find("a.clicked").filter(":first-child").parent().each(function () {
_this.selected_arr.push(jQuery(this));
});
if(this.selected_arr.length > 0) {
this.selected = this.selected_arr[0];
this.remove();
}
}
}
else return this.error("DELETE: NO NODE SELECTED");
},
// FOR EXPLORER-LIKE KEYBOARD SHORTCUTS
get_next : function(force) {
var obj = this.hovered || this.selected;
if(obj) {
if(obj.hasClass("open")) return force ? this.select_branch(obj.find("li:eq(0)")) : this.hover_branch(obj.find("li:eq(0)"));
else if(jQuery(obj).nextAll("li").size() > 0) return force ? this.select_branch(obj.nextAll("li:eq(0)")) : this.hover_branch(obj.nextAll("li:eq(0)"));
else return force ? this.select_branch(obj.parents("li").next("li").eq(0)) : this.hover_branch(obj.parents("li").next("li").eq(0));
}
},
get_prev : function(force) {
var obj = this.hovered || this.selected;
if(obj) {
if(obj.prev("li").size()) {
var obj = obj.prev("li").eq(0);
while(obj.hasClass("open")) obj = obj.children("ul:eq(0)").children("li:last");
return force ? this.select_branch(obj) : this.hover_branch(obj);
}
else { return force ? this.select_branch(obj.parents("li:eq(0)")) : this.hover_branch(obj.parents("li:eq(0)")); }
}
},
get_left : function(force, rtl) {
if(this.settings.ui.rtl && !rtl) return this.get_right(force, true);
var obj = this.hovered || this.selected;
if(obj) {
if(obj.hasClass("open")) this.close_branch(obj);
else {
return force ? this.select_branch(obj.parents("li:eq(0)")) : this.hover_branch(obj.parents("li:eq(0)"));
}
}
},
get_right : function(force, rtl) {
if(this.settings.ui.rtl && !rtl) return this.get_left(force, true);
var obj = this.hovered || this.selected;
if(obj) {
if(obj.hasClass("closed")) this.open_branch(obj);
else {
return force ? this.select_branch(obj.find("li:eq(0)")) : this.hover_branch(obj.find("li:eq(0)"));
}
}
},
toggleDots : function () {
this.container.toggleClass("no_dots");
},
set_cookie : function (type) {
if(this.settings.cookies === false) return false;
switch(type) {
/*case "selected":
if(this.settings.rules.multiple != false && this.selected_arr.length > 1) {
var val = Array();
jQuery.each(this.selected_arr, function () {
val.push(this.attr("id"));
});
val = val.join(",");
}
else var val = this.selected ? this.selected.attr("id") : false;
jQuery.cookie(this.settings.cookies.prefix + '_selected',val,this.settings.cookies.opts);
break;*/
case "open":
var str = "";
this.container.find("li.open").each(function (i) { str += this.id + ","; });
jQuery.cookie(this.settings.cookies.prefix + '_open',str.replace(/,$/ig,""),this.settings.cookies.opts);
break;
}
},
moved : function (what, where, how, is_new, is_copy) {
var what = jQuery(what);
var $parent = jQuery(what).parents("ul:eq(0)");
var $where = jQuery(where);
// IF MULTIPLE
if(what.size() > 1) {
var _this = this;
var tmp = this.moved(what.eq(0),where,how, false, is_copy);
what.each(function (i) {
if(i == 0) return;
tmp = _this.moved(this, tmp.children("a:eq(0)"), "after", false, is_copy);
})
return;
}
if(is_copy) {
what = what.clone();
what.each(function (i) {
this.id = this.id + "_copy";
jQuery(this).find("li").each(function () {
this.id = this.id + "_copy";
})
jQuery(this).find("a.clicked").removeClass("clicked");
});
}
if(is_new) {
if(!this.settings.callback.beforecreate.call(null,this.get_node(what).get(0), this.get_node(where).get(0),how,this)) return;
}
else {
if(!this.settings.callback.beforemove.call(null,this.get_node(what).get(0), this.get_node(where).get(0),how,this)) return;
}
if(!is_new) {
var tmp = jQuery(what).parents(".tree:eq(0)");
// if different trees
if(tmp.get(0) != this.container.get(0)) {
tmp = tree_component.inst[tmp.attr("id")];
// if there are languages - otherwise - no cleanup needed
if(tmp.settings.languages.length) {
var res = [];
// if new tree has no languages - use current visible
if(this.settings.languages.length == 0) res.push("." + tmp.current_lang);
else {
for(i in this.settings.languages) {
for(j in tmp.settings.languages) {
if(this.settings.languages[i] == tmp.settings.languages[j]) res.push("." + this.settings.languages[i]);
}
}
}
if(res.length == 0) return this.error("MOVE: NO COMMON LANGUAGES");
what.find("a").removeClass("clicked").not(res.join(",")).remove();
}
}
}
// ADD NODE TO NEW PLACE
switch(how) {
case "before":
$where.parents("ul:eq(0)").children("li.last").removeClass("last");
$where.parents("li:eq(0)").before(what.removeClass("last"));
$where.parents("ul:eq(0)").children("li:last").addClass("last");
break;
case "after":
$where.parents("ul:eq(0)").children("li.last").removeClass("last");
$where.parents("li:eq(0)").after(what.removeClass("last"));
$where.parents("ul:eq(0)").children("li:last").addClass("last");
break;
case "inside":
if(this.settings.data.async) {
var obj = this.get_node($where);
if(obj.hasClass("closed")) {
var _this = this;
return this.open_branch(obj, true, function () { _this.moved.apply(_this, [what, where, how, is_new, is_copy]); })
}
}
if($where.parents("li:eq(0)").children("ul:first").size()) {
if(this.settings.rules.createat == "top") $where.parents("li:eq(0)").children("ul:first").prepend(what.removeClass("last")).children("li:last").addClass("last");
else $where.parents("li:eq(0)").children("ul:first").children(".last").removeClass("last").end().append(what.removeClass("last")).children("li:last").addClass("last");
}
else {
what.addClass("last");
$where.parents("li:eq(0)").append("<ul/>").removeClass("leaf").addClass("closed");
$where.parents("li:eq(0)").children("ul:first").prepend(what);
}
if(!this.settings.data.async) {
this.open_branch($where);
}
break;
default:
break;
}
// CLEANUP OLD PARENT
if($parent.find("li").size() == 0) {
var $li = $parent.parent();
$li.removeClass("open").removeClass("closed").addClass("leaf").children("ul").remove();
$li.parents("ul:eq(0)").children("li.last").removeClass("last").end().children("li:last").addClass("last");
this.set_cookie("open");
}
else {
$parent.children("li.last").removeClass("last");
$parent.children("li:last").addClass("last");
}
if(is_new && how != "inside") where = this.get_node(where).parents("li:eq(0)");
if(is_copy) this.settings.callback.oncopy.call(null, this.get_node(what).get(0), this.get_node(where).get(0), how, this)
else if(is_new) this.settings.callback.oncreate.call(null, this.get_node(what).get(0), this.get_node(where).get(0), this.settings.insertAt, this);
else this.settings.callback.onmove.call(null, this.get_node(what).get(0), this.get_node(where).get(0), how, this);
return what;
},
error : function (code) {
this.settings.callback.error.call(null,code,this);
return false;
},
lock : function (state) {
this.locked = state;
if(this.locked) this.container.addClass("locked");
else this.container.removeClass("locked");
},
cut : function () {
if(this.locked) return this.error("LOCKED");
if(!this.selected) return this.error("CUT: NO NODE SELECTED");
this.copy_nodes = false;
this.cut_nodes = this.container.find("a.clicked").filter(":first-child").parent();
},
copy : function () {
if(this.locked) return this.error("LOCKED");
if(!this.selected) return this.error("COPY: NO NODE SELECTED");
this.copy_nodes = this.container.find("a.clicked").filter(":first-child").parent();
this.cut_nodes = false;
},
paste : function () {
if(this.locked) return this.error("LOCKED");
if(!this.selected) return this.error("PASTE: NO NODE SELECTED");
if(!this.copy_nodes && !this.cut_nodes) return this.error("PASTE: NOTHING TO DO");
if(this.copy_nodes && this.copy_nodes.size()) {
if(!this.checkMove(this.copy_nodes, this.selected.children("a:eq(0)"), "inside")) return false;
this.moved(this.copy_nodes, this.selected.children("a:eq(0)"), "inside", false, true);
this.copy_nodes = false;
}
if(this.cut_nodes && this.cut_nodes.size()) {
if(!this.checkMove(this.cut_nodes, this.selected.children("a:eq(0)"), "inside")) return false;
this.moved(this.cut_nodes, this.selected.children("a:eq(0)"), "inside");
this.cut_nodes = false;
}
},
search : function(str) {
var _this = this;
if(!str || (this.srch && str != this.srch) ) {
this.srch = "";
this.srch_opn = false;
this.container.find("a.search").removeClass("search");
}
this.srch = str;
if(!str) return;
if(this.settings.data.async) {
if(!this.srch_opn) {
var dd = jQuery.extend( { "search" : str } , this.settings.data.async_data(false) );
jQuery.ajax({
type : this.settings.data.method,
url : this.settings.data.url,
data : dd,
dataType : "text",
success : function (data) {
_this.srch_opn = jQuery.unique(data.split(","));
_this.search.apply(_this,[str]);
}
});
}
else if(this.srch_opn.length) {
if(this.srch_opn && this.srch_opn.length) {
var opn = false;
for(var j = 0; j < this.srch_opn.length; j++) {
if(this.get_node("#" + this.srch_opn[j]).size() > 0) {
opn = true;
var tmp = "#" + this.srch_opn[j];
delete this.srch_opn[j];
this.open_branch(tmp, true, function () { _this.search.apply(_this,[str]); } );
}
}
if(!opn) {
this.srch_opn = [];
_this.search.apply(_this,[str]);
}
}
}
else {
var selector = "a";
// IF LANGUAGE VERSIONS
if(this.settings.languages.length) selector += "." + this.current_lang;
this.container.find(selector + ":contains('" + str + "')").addClass("search");
this.srch_opn = false;
}
}
else {
var selector = "a";
// IF LANGUAGE VERSIONS
if(this.settings.languages.length) selector += "." + this.current_lang;
this.container.find(selector + ":contains('" + str + "')").addClass("search").parents("li.closed").each( function () { _this.open_branch(this, true); });
}
},
destroy : function() {
try {
var evts = ["click","dblclick","contextmenu","mouseover","mousedown"];
for(i in evts) {
var idxer = this.container.indexer(evts[i]);
idxer.stop();
jQuery.removeData( idxer.listener, idxer.event + '.indexer' );
}
} catch(err) { }
this.container.unbind();
this.container.removeClass("tree").children("ul").removeClass("tree-" + this.settings.ui.theme_name).find("li").removeClass("leaf").removeClass("open").removeClass("closed").removeClass("last").children("a").removeClass("clicked");
if(this.cntr == tree_component.focused) {
for(i in tree_component.inst) {
if(i != this.cntr && i != this.container.attr("id")) {
tree_component.inst[i].focus();
break;
}
}
}
delete tree_component.inst[this.cntr];
delete tree_component.inst[this.container.attr("id")];
tree_component.cntr --;
}
}
};