/* The MIT License (MIT) Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ /* * 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("