/* * jsTree 1.0-rc1 * http://jstree.com/ * * Copyright (c) 2010 Ivan Bozhanov (vakata.com) * * Dual licensed under the MIT and GPL licenses (same as jQuery): * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * $Date: 2010-07-01 10:51:11 +0300 (четв, 01 юли 2010) $ * $Revision: 191 $ */ /*jslint browser: true, onevar: true, undef: true, bitwise: true, strict: true */ /*global window : false, clearInterval: false, clearTimeout: false, document: false, setInterval: false, setTimeout: false, jQuery: false, navigator: false, XSLTProcessor: false, DOMParser: false, XMLSerializer: false*/ "use strict"; // Common functions not related to jsTree // decided to move them to a `vakata` "namespace" (function ($) { $.vakata = {}; // CSS related functions $.vakata.css = { get_css : function(rule_name, delete_flag, sheet) { rule_name = rule_name.toLowerCase(); var css_rules = sheet.cssRules || sheet.rules, j = 0; do { if(css_rules.length && j > css_rules.length + 5) { return false; } if(css_rules[j].selectorText && css_rules[j].selectorText.toLowerCase() == rule_name) { if(delete_flag === true) { if(sheet.removeRule) { sheet.removeRule(j); } if(sheet.deleteRule) { sheet.deleteRule(j); } return true; } else { return css_rules[j]; } } } while (css_rules[++j]); return false; }, add_css : function(rule_name, sheet) { if($.jstree.css.get_css(rule_name, false, sheet)) { return false; } if(sheet.insertRule) { sheet.insertRule(rule_name + ' { }', 0); } else { sheet.addRule(rule_name, null, 0); } return $.vakata.css.get_css(rule_name); }, remove_css : function(rule_name, sheet) { return $.vakata.css.get_css(rule_name, true, sheet); }, add_sheet : function(opts) { var tmp; if(opts.str) { tmp = document.createElement("style"); tmp.setAttribute('type',"text/css"); if(tmp.styleSheet) { document.getElementsByTagName("head")[0].appendChild(tmp); tmp.styleSheet.cssText = opts.str; } else { tmp.appendChild(document.createTextNode(opts.str)); document.getElementsByTagName("head")[0].appendChild(tmp); } return tmp.sheet || tmp.styleSheet; } if(opts.url) { if(document.createStyleSheet) { try { tmp = document.createStyleSheet(opts.url); } catch (e) { } } else { tmp = document.createElement('link'); tmp.rel = 'stylesheet'; tmp.type = 'text/css'; tmp.media = "all"; tmp.href = opts.url; document.getElementsByTagName("head")[0].appendChild(tmp); return tmp.styleSheet; } } } }; })(jQuery); /* * jsTree core 1.0 */ (function ($) { // private variables var instances = [], // instance array (used by $.jstree.reference/create/focused) focused_instance = -1, // the index in the instance array of the currently focused instance plugins = {}, // list of included plugins prepared_move = {}, // for the move plugin is_ie6 = false; // jQuery plugin wrapper (thanks to jquery UI widget function) $.fn.jstree = function (settings) { var isMethodCall = (typeof settings == 'string'), // is this a method call like $().jstree("open_node") args = Array.prototype.slice.call(arguments, 1), returnValue = this; // extend settings and allow for multiple hashes and metadata if(!isMethodCall && $.meta) { args.push($.metadata.get(this).jstree); } settings = !isMethodCall && args.length ? $.extend.apply(null, [true, settings].concat(args)) : settings; // block calls to "private" methods if(isMethodCall && settings.substring(0, 1) == '_') { return returnValue; } // if a method call execute the method on all selected instances if(isMethodCall) { this.each(function() { var instance = instances[$.data(this, "jstree-instance-id")], methodValue = (instance && $.isFunction(instance[settings])) ? instance[settings].apply(instance, args) : instance; if(typeof methodValue !== "undefined" && (settings.indexOf("is_" === 0) || (methodValue !== true && methodValue !== false))) { returnValue = methodValue; return false; } }); } else { this.each(function() { var instance_id = $.data(this, "jstree-instance-id"), s = false; // if an instance already exists, destroy it first if(typeof instance_id !== "undefined" && instances[instance_id]) { instances[instance_id].destroy(); } // push a new empty object to the instances array instance_id = parseInt(instances.push({}),10) - 1; // store the jstree instance id to the container element $.data(this, "jstree-instance-id", instance_id); // clean up all plugins if(!settings) { settings = {}; } settings.plugins = $.isArray(settings.plugins) ? settings.plugins : $.jstree.defaults.plugins; if($.inArray("core", settings.plugins) === -1) { settings.plugins.unshift("core"); } // only unique plugins (NOT WORKING) // settings.plugins = settings.plugins.sort().join(",,").replace(/(,|^)([^,]+)(,,\2)+(,|$)/g,"$1$2$4").replace(/,,+/g,",").replace(/,$/,"").split(","); // extend defaults with passed data s = $.extend(true, {}, $.jstree.defaults, settings); s.plugins = settings.plugins; $.each(plugins, function (i, val) { if($.inArray(i, s.plugins) === -1) { s[i] = null; delete s[i]; } }); // push the new object to the instances array (at the same time set the default classes to the container) and init instances[instance_id] = new $.jstree._instance(instance_id, $(this).addClass("jstree jstree-" + instance_id), s); // init all activated plugins for this instance $.each(instances[instance_id]._get_settings().plugins, function (i, val) { instances[instance_id].data[val] = {}; }); $.each(instances[instance_id]._get_settings().plugins, function (i, val) { if(plugins[val]) { plugins[val].__init.apply(instances[instance_id]); } }); // initialize the instance instances[instance_id].init(); }); } // return the jquery selection (or if it was a method call that returned a value - the returned value) return returnValue; }; // object to store exposed functions and objects $.jstree = { defaults : { plugins : [] }, _focused : function () { return instances[focused_instance] || null; }, _reference : function (needle) { // get by instance id if(instances[needle]) { return instances[needle]; } // get by DOM (if still no luck - return null var o = $(needle); if(!o.length && typeof needle === "string") { o = $("#" + needle); } if(!o.length) { return null; } return instances[o.closest(".jstree").data("jstree-instance-id")] || null; }, _instance : function (index, container, settings) { // for plugins to store data in this.data = { core : {} }; this.get_settings = function () { return $.extend(true, {}, settings); }; this._get_settings = function () { return settings; }; this.get_index = function () { return index; }; this.get_container = function () { return container; }; this._set_settings = function (s) { settings = $.extend(true, {}, settings, s); }; }, _fn : { }, plugin : function (pname, pdata) { pdata = $.extend({}, { __init : $.noop, __destroy : $.noop, _fn : {}, defaults : false }, pdata); plugins[pname] = pdata; $.jstree.defaults[pname] = pdata.defaults; $.each(pdata._fn, function (i, val) { val.plugin = pname; val.old = $.jstree._fn[i]; $.jstree._fn[i] = function () { var rslt, func = val, args = Array.prototype.slice.call(arguments), evnt = new $.Event("before.jstree"), rlbk = false; // Check if function belongs to the included plugins of this instance do { if(func && func.plugin && $.inArray(func.plugin, this._get_settings().plugins) !== -1) { break; } func = func.old; } while(func); if(!func) { return; } // a chance to stop execution (or change arguments): // * just bind to jstree.before // * check the additional data object (func property) // * call event.stopImmediatePropagation() // * return false (or an array of arguments) rslt = this.get_container().triggerHandler(evnt, { "func" : i, "inst" : this, "args" : args }); if(rslt === false) { return; } if(typeof rslt !== "undefined") { args = rslt; } // context and function to trigger events, then finally call the function if(i.indexOf("_") === 0) { rslt = func.apply(this, args); } else { rslt = func.apply( $.extend({}, this, { __callback : function (data) { this.get_container().triggerHandler( i + '.jstree', { "inst" : this, "args" : args, "rslt" : data, "rlbk" : rlbk }); }, __rollback : function () { rlbk = this.get_rollback(); return rlbk; }, __call_old : function (replace_arguments) { return func.old.apply(this, (replace_arguments ? Array.prototype.slice.call(arguments, 1) : args ) ); } }), args); } // return the result return rslt; }; $.jstree._fn[i].old = val.old; $.jstree._fn[i].plugin = pname; }); }, rollback : function (rb) { if(rb) { if(!$.isArray(rb)) { rb = [ rb ]; } $.each(rb, function (i, val) { instances[val.i].set_rollback(val.h, val.d); }); } } }; // set the prototype for all instances $.jstree._fn = $.jstree._instance.prototype = {}; // css functions - used internally // load the css when DOM is ready $(function() { // code is copied form jQuery ($.browser is deprecated + there is a bug in IE) var u = navigator.userAgent.toLowerCase(), v = (u.match( /.+?(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1], css_string = '' + '.jstree ul, .jstree li { display:block; margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; } ' + '.jstree li { display:block; min-height:18px; line-height:18px; white-space:nowrap; margin-left:18px; } ' + '.jstree-rtl li { margin-left:0; margin-right:18px; } ' + '.jstree > ul > li { margin-left:0px; } ' + '.jstree-rtl > ul > li { margin-right:0px; } ' + '.jstree ins { display:inline-block; text-decoration:none; width:18px; height:18px; margin:0 0 0 0; padding:0; } ' + '.jstree a { display:inline-block; line-height:16px; height:16px; color:black; white-space:nowrap; text-decoration:none; padding:1px 2px; margin:0; } ' + '.jstree a:focus { outline: none; } ' + '.jstree a > ins { height:16px; width:16px; } ' + '.jstree a > .jstree-icon { margin-right:3px; } ' + '.jstree-rtl a > .jstree-icon { margin-left:3px; margin-right:0; } ' + 'li.jstree-open > ul { display:block; } ' + 'li.jstree-closed > ul { display:none; } '; // Correct IE 6 (does not support the > CSS selector) if(/msie/.test(u) && parseInt(v, 10) == 6) { is_ie6 = true; css_string += '' + '.jstree li { height:18px; margin-left:0; margin-right:0; } ' + '.jstree li li { margin-left:18px; } ' + '.jstree-rtl li li { margin-left:0px; margin-right:18px; } ' + 'li.jstree-open ul { display:block; } ' + 'li.jstree-closed ul { display:none !important; } ' + '.jstree li a { display:inline; border-width:0 !important; padding:0px 2px !important; } ' + '.jstree li a ins { height:16px; width:16px; margin-right:3px; } ' + '.jstree-rtl li a ins { margin-right:0px; margin-left:3px; } '; } // Correct IE 7 (shifts anchor nodes onhover) if(/msie/.test(u) && parseInt(v, 10) == 7) { css_string += '.jstree li a { border-width:0 !important; padding:0px 2px !important; } '; } $.vakata.css.add_sheet({ str : css_string }); }); // core functions (open, close, create, update, delete) $.jstree.plugin("core", { __init : function () { this.data.core.to_open = $.map($.makeArray(this.get_settings().core.initially_open), function (n) { return "#" + n.toString().replace(/^#/,"").replace('\\/','/').replace('/','\\/'); }); }, defaults : { html_titles : false, animation : 500, initially_open : [], rtl : false, strings : { loading : "Loading ...", new_node : "New node" } }, _fn : { init : function () { this.set_focus(); if(this._get_settings().core.rtl) { this.get_container().addClass("jstree-rtl").css("direction", "rtl"); } this.get_container().html(""); this.data.core.li_height = this.get_container().find("ul li.jstree-closed, ul li.jstree-leaf").eq(0).height() || 18; this.get_container() .delegate("li > ins", "click.jstree", $.proxy(function (event) { var trgt = $(event.target); if(trgt.is("ins") && event.pageY - trgt.offset().top < this.data.core.li_height) { this.toggle_node(trgt); } }, this)) .bind("mousedown.jstree", $.proxy(function () { this.set_focus(); // This used to be setTimeout(set_focus,0) - why? }, this)) .bind("dblclick.jstree", function (event) { var sel; if(document.selection && document.selection.empty) { document.selection.empty(); } else { if(window.getSelection) { sel = window.getSelection(); try { sel.removeAllRanges(); sel.collapse(); } catch (err) { } } } }); this.__callback(); this.load_node(-1, function () { this.loaded(); this.reopen(); }); }, destroy : function () { var i, n = this.get_index(), s = this._get_settings(), _this = this; $.each(s.plugins, function (i, val) { try { plugins[val].__destroy.apply(_this); } catch(err) { } }); this.__callback(); // set focus to another instance if this one is focused if(this.is_focused()) { for(i in instances) { if(instances.hasOwnProperty(i) && i != n) { instances[i].set_focus(); break; } } } // if no other instance found if(n === focused_instance) { focused_instance = -1; } // remove all traces of jstree in the DOM (only the ones set using jstree*) and cleans all events this.get_container() .unbind(".jstree") .undelegate(".jstree") .removeData("jstree-instance-id") .find("[class^='jstree']") .andSelf() .attr("class", function () { return this.className.replace(/jstree[^ ]*|$/ig,''); }); // remove the actual data instances[n] = null; delete instances[n]; }, save_opened : function () { var _this = this; this.data.core.to_open = []; this.get_container().find(".jstree-open").each(function () { _this.data.core.to_open.push("#" + this.id.toString().replace(/^#/,"").replace('\\/','/').replace('/','\\/')); }); this.__callback(_this.data.core.to_open); }, reopen : function (is_callback) { var _this = this, done = true, current = [], remaining = []; if(!is_callback) { this.data.core.reopen = false; this.data.core.refreshing = true; } if(this.data.core.to_open.length) { $.each(this.data.core.to_open, function (i, val) { if(val == "#") { return true; } if($(val).length && $(val).is(".jstree-closed")) { current.push(val); } else { remaining.push(val); } }); if(current.length) { this.data.core.to_open = remaining; $.each(current, function (i, val) { _this.open_node(val, function () { _this.reopen(true); }, true); }); done = false; } } if(done) { // TODO: find a more elegant approach to syncronizing returning requests if(this.data.core.reopen) { clearTimeout(this.data.core.reopen); } this.data.core.reopen = setTimeout(function () { _this.__callback({}, _this); }, 50); this.data.core.refreshing = false; } }, refresh : function (obj) { var _this = this; this.save_opened(); if(!obj) { obj = -1; } obj = this._get_node(obj); if(!obj) { obj = -1; } if(obj !== -1) { obj.children("UL").remove(); } this.load_node(obj, function () { _this.__callback({ "obj" : obj}); _this.reopen(); }); }, // Dummy function to fire after the first load (so that there is a jstree.loaded event) loaded : function () { this.__callback(); }, // deal with focus set_focus : function () { var f = $.jstree._focused(); if(f && f !== this) { f.get_container().removeClass("jstree-focused"); } if(f !== this) { this.get_container().addClass("jstree-focused"); focused_instance = this.get_index(); } this.__callback(); }, is_focused : function () { return focused_instance == this.get_index(); }, // traverse _get_node : function (obj) { var $obj = $(obj, this.get_container()); if($obj.is(".jstree") || obj == -1) { return -1; } $obj = $obj.closest("li", this.get_container()); return $obj.length ? $obj : false; }, _get_next : function (obj, strict) { obj = this._get_node(obj); if(obj === -1) { return this.get_container().find("> ul > li:first-child"); } if(!obj.length) { return false; } if(strict) { return (obj.nextAll("li").size() > 0) ? obj.nextAll("li:eq(0)") : false; } if(obj.hasClass("jstree-open")) { return obj.find("li:eq(0)"); } else if(obj.nextAll("li").size() > 0) { return obj.nextAll("li:eq(0)"); } else { return obj.parentsUntil(".jstree","li").next("li").eq(0); } }, _get_prev : function (obj, strict) { obj = this._get_node(obj); if(obj === -1) { return this.get_container().find("> ul > li:last-child"); } if(!obj.length) { return false; } if(strict) { return (obj.prevAll("li").length > 0) ? obj.prevAll("li:eq(0)") : false; } if(obj.prev("li").length) { obj = obj.prev("li").eq(0); while(obj.hasClass("jstree-open")) { obj = obj.children("ul:eq(0)").children("li:last"); } return obj; } else { var o = obj.parentsUntil(".jstree","li:eq(0)"); return o.length ? o : false; } }, _get_parent : function (obj) { obj = this._get_node(obj); if(obj == -1 || !obj.length) { return false; } var o = obj.parentsUntil(".jstree", "li:eq(0)"); return o.length ? o : -1; }, _get_children : function (obj) { obj = this._get_node(obj); if(obj === -1) { return this.get_container().children("ul:eq(0)").children("li"); } if(!obj.length) { return false; } return obj.children("ul:eq(0)").children("li"); }, get_path : function (obj, id_mode) { var p = [], _this = this; obj = this._get_node(obj); if(obj === -1 || !obj || !obj.length) { return false; } obj.parentsUntil(".jstree", "li").each(function () { p.push( id_mode ? this.id : _this.get_text(this) ); }); p.reverse(); p.push( id_mode ? obj.attr("id") : this.get_text(obj) ); return p; }, is_open : function (obj) { obj = this._get_node(obj); return obj && obj !== -1 && obj.hasClass("jstree-open"); }, is_closed : function (obj) { obj = this._get_node(obj); return obj && obj !== -1 && obj.hasClass("jstree-closed"); }, is_leaf : function (obj) { obj = this._get_node(obj); return obj && obj !== -1 && obj.hasClass("jstree-leaf"); }, // open/close open_node : function (obj, callback, skip_animation) { obj = this._get_node(obj); if(!obj.length) { return false; } if(!obj.hasClass("jstree-closed")) { if(callback) { callback.call(); } return false; } var s = skip_animation || is_ie6 ? 0 : this._get_settings().core.animation, t = this; if(!this._is_loaded(obj)) { obj.children("a").addClass("jstree-loading"); this.load_node(obj, function () { t.open_node(obj, callback, skip_animation); }, callback); } else { if(s) { obj.children("ul").css("display","none"); } obj.removeClass("jstree-closed").addClass("jstree-open").children("a").removeClass("jstree-loading"); if(s) { obj.children("ul").stop(true).slideDown(s, function () { this.style.display = ""; }); } this.__callback({ "obj" : obj }); if(callback) { callback.call(); } } }, close_node : function (obj, skip_animation) { obj = this._get_node(obj); var s = skip_animation || is_ie6 ? 0 : this._get_settings().core.animation; if(!obj.length || !obj.hasClass("jstree-open")) { return false; } if(s) { obj.children("ul").attr("style","display:block !important"); } obj.removeClass("jstree-open").addClass("jstree-closed"); if(s) { obj.children("ul").stop(true).slideUp(s, function () { this.style.display = ""; }); } this.__callback({ "obj" : obj }); }, toggle_node : function (obj) { obj = this._get_node(obj); if(obj.hasClass("jstree-closed")) { return this.open_node(obj); } if(obj.hasClass("jstree-open")) { return this.close_node(obj); } }, open_all : function (obj, original_obj) { obj = obj ? this._get_node(obj) : this.get_container(); if(!obj || obj === -1) { obj = this.get_container(); } if(original_obj) { obj = obj.find("li.jstree-closed"); } else { original_obj = obj; if(obj.is(".jstree-closed")) { obj = obj.find("li.jstree-closed").andSelf(); } else { obj = obj.find("li.jstree-closed"); } } var _this = this; obj.each(function () { var __this = this; if(!_this._is_loaded(this)) { _this.open_node(this, function() { _this.open_all(__this, original_obj); }, true); } else { _this.open_node(this, false, true); } }); // so that callback is fired AFTER all nodes are open if(original_obj.find('li.jstree-closed').length === 0) { this.__callback({ "obj" : original_obj }); } }, close_all : function (obj) { var _this = this; obj = obj ? this._get_node(obj) : this.get_container(); if(!obj || obj === -1) { obj = this.get_container(); } obj.find("li.jstree-open").andSelf().each(function () { _this.close_node(this); }); this.__callback({ "obj" : obj }); }, clean_node : function (obj) { obj = obj && obj != -1 ? $(obj) : this.get_container(); obj = obj.is("li") ? obj.find("li").andSelf() : obj.find("li"); obj.removeClass("jstree-last") .filter("li:last-child").addClass("jstree-last").end() .filter(":has(li)") .not(".jstree-open").removeClass("jstree-leaf").addClass("jstree-closed"); obj.not(".jstree-open, .jstree-closed").addClass("jstree-leaf").children("ul").remove(); this.__callback({ "obj" : obj }); }, // rollback get_rollback : function () { this.__callback(); return { i : this.get_index(), h : this.get_container().children("ul").clone(true), d : this.data }; }, set_rollback : function (html, data) { this.get_container().empty().append(html); this.data = data; this.__callback(); }, // Dummy functions to be overwritten by any datastore plugin included load_node : function (obj, s_call, e_call) { this.__callback({ "obj" : obj }); }, _is_loaded : function (obj) { return true; }, // Basic operations: create create_node : function (obj, position, js, callback, is_loaded) { obj = this._get_node(obj); position = typeof position === "undefined" ? "last" : position; var d = $("
  • "), s = this._get_settings().core, tmp; if(obj !== -1 && !obj.length) { return false; } if(!is_loaded && !this._is_loaded(obj)) { this.load_node(obj, function () { this.create_node(obj, position, js, callback, true); }); return false; } this.__rollback(); if(typeof js === "string") { js = { "data" : js }; } if(!js) { js = {}; } if(js.attr) { d.attr(js.attr); } if(js.state) { d.addClass("jstree-" + js.state); } if(!js.data) { js.data = s.strings.new_node; } if(!$.isArray(js.data)) { tmp = js.data; js.data = []; js.data.push(tmp); } $.each(js.data, function (i, m) { tmp = $(""); if($.isFunction(m)) { m = m.call(this, js); } if(typeof m == "string") { tmp.attr('href','#')[ s.html_titles ? "html" : "text" ](m); } else { if(!m.attr) { m.attr = {}; } if(!m.attr.href) { m.attr.href = '#'; } tmp.attr(m.attr)[ s.html_titles ? "html" : "text" ](m.title); if(m.language) { tmp.addClass(m.language); } } tmp.prepend(" "); if(m.icon) { if(m.icon.indexOf("/") === -1) { tmp.children("ins").addClass(m.icon); } else { tmp.children("ins").css("background","url('" + m.icon + "') center center no-repeat"); } } d.append(tmp); }); d.prepend(" "); if(obj === -1) { obj = this.get_container(); if(position === "before") { position = "first"; } if(position === "after") { position = "last"; } } switch(position) { case "before": obj.before(d); tmp = this._get_parent(obj); break; case "after" : obj.after(d); tmp = this._get_parent(obj); break; case "inside": case "first" : if(!obj.children("ul").length) { obj.append("