5 * Copyright (c) 2010 Ivan Bozhanov (vakata.com)
7 * Licensed same as jquery - under the terms of either the MIT License or the GPL Version 2 License
8 * http://www.opensource.org/licenses/mit-license.php
9 * http://www.gnu.org/licenses/gpl.html
11 * $Date: 2011-02-09 01:17:14 +0200 (ср, 09 февр 2011) $
15 /*jslint browser: true, onevar: true, undef: true, bitwise: true, strict: true */
16 /*global window : false, clearInterval: false, clearTimeout: false, document: false, setInterval: false, setTimeout: false, jQuery: false, navigator: false, XSLTProcessor: false, DOMParser: false, XMLSerializer: false*/
20 // top wrapper to prevent multiple inclusion (is this OK?)
21 (function () { if(jQuery && jQuery.jstree) { return; }
22 var is_ie6 = false, is_ie7 = false, is_ff2 = false;
28 // Common functions not related to jsTree
29 // decided to move them to a `vakata` "namespace"
31 // CSS related functions
33 get_css : function(rule_name, delete_flag, sheet) {
34 rule_name = rule_name.toLowerCase();
35 var css_rules = sheet.cssRules || sheet.rules,
38 if(css_rules.length && j > css_rules.length + 5) { return false; }
39 if(css_rules[j].selectorText && css_rules[j].selectorText.toLowerCase() == rule_name) {
40 if(delete_flag === true) {
41 if(sheet.removeRule) { sheet.removeRule(j); }
42 if(sheet.deleteRule) { sheet.deleteRule(j); }
45 else { return css_rules[j]; }
48 while (css_rules[++j]);
51 add_css : function(rule_name, sheet) {
52 if($.jstree.css.get_css(rule_name, false, sheet)) { return false; }
53 if(sheet.insertRule) { sheet.insertRule(rule_name + ' { }', 0); } else { sheet.addRule(rule_name, null, 0); }
54 return $.vakata.css.get_css(rule_name);
56 remove_css : function(rule_name, sheet) {
57 return $.vakata.css.get_css(rule_name, true, sheet);
59 add_sheet : function(opts) {
60 var tmp = false, is_new = true;
62 if(opts.title) { tmp = $("style[id='" + opts.title + "-stylesheet']")[0]; }
63 if(tmp) { is_new = false; }
65 tmp = document.createElement("style");
66 tmp.setAttribute('type',"text/css");
67 if(opts.title) { tmp.setAttribute("id", opts.title + "-stylesheet"); }
71 document.getElementsByTagName("head")[0].appendChild(tmp);
72 tmp.styleSheet.cssText = opts.str;
75 tmp.styleSheet.cssText = tmp.styleSheet.cssText + " " + opts.str;
79 tmp.appendChild(document.createTextNode(opts.str));
80 document.getElementsByTagName("head")[0].appendChild(tmp);
82 return tmp.sheet || tmp.styleSheet;
85 if(document.createStyleSheet) {
86 try { tmp = document.createStyleSheet(opts.url); } catch (e) { }
89 tmp = document.createElement('link');
90 tmp.rel = 'stylesheet';
91 tmp.type = 'text/css';
94 document.getElementsByTagName("head")[0].appendChild(tmp);
95 return tmp.styleSheet;
102 var instances = [], // instance array (used by $.jstree.reference/create/focused)
103 focused_instance = -1, // the index in the instance array of the currently focused instance
104 plugins = {}, // list of included plugins
105 prepared_move = {}; // for the move_node function
107 // jQuery plugin wrapper (thanks to jquery UI widget function)
108 $.fn.jstree = function (settings) {
109 var isMethodCall = (typeof settings == 'string'), // is this a method call like $().jstree("open_node")
110 args = Array.prototype.slice.call(arguments, 1),
113 // if a method call execute the method on all selected instances
115 if(settings.substring(0, 1) == '_') { return returnValue; }
116 this.each(function() {
117 var instance = instances[$.data(this, "jstree_instance_id")],
118 methodValue = (instance && $.isFunction(instance[settings])) ? instance[settings].apply(instance, args) : instance;
119 if(typeof methodValue !== "undefined" && (settings.indexOf("is_") === 0 || (methodValue !== true && methodValue !== false))) { returnValue = methodValue; return false; }
123 this.each(function() {
124 // extend settings and allow for multiple hashes and $.data
125 var instance_id = $.data(this, "jstree_instance_id"),
127 b = settings ? $.extend({}, true, settings) : {},
132 if(c.data("jstree")) { a.push(c.data("jstree")); }
133 b = a.length ? $.extend.apply(null, [true, b].concat(a)) : b;
135 // if an instance already exists, destroy it first
136 if(typeof instance_id !== "undefined" && instances[instance_id]) { instances[instance_id].destroy(); }
137 // push a new empty object to the instances array
138 instance_id = parseInt(instances.push({}),10) - 1;
139 // store the jstree instance id to the container element
140 $.data(this, "jstree_instance_id", instance_id);
141 // clean up all plugins
142 b.plugins = $.isArray(b.plugins) ? b.plugins : $.jstree.defaults.plugins.slice();
143 b.plugins.unshift("core");
144 // only unique plugins
145 b.plugins = b.plugins.sort().join(",,").replace(/(,|^)([^,]+)(,,\2)+(,|$)/g,"$1$2$4").replace(/,,+/g,",").replace(/,$/,"").split(",");
147 // extend defaults with passed data
148 s = $.extend(true, {}, $.jstree.defaults, b);
149 s.plugins = b.plugins;
150 $.each(plugins, function (i, val) {
151 if($.inArray(i, s.plugins) === -1) { s[i] = null; delete s[i]; }
156 // push the new object to the instances array (at the same time set the default classes to the container) and init
157 instances[instance_id] = new $.jstree._instance(instance_id, $(this).addClass("jstree jstree-" + instance_id), s);
158 // init all activated plugins for this instance
159 $.each(instances[instance_id]._get_settings().plugins, function (i, val) { instances[instance_id].data[val] = {}; });
160 $.each(instances[instance_id]._get_settings().plugins, function (i, val) { if(plugins[val]) { plugins[val].__init.apply(instances[instance_id]); } });
161 // initialize the instance
162 setTimeout(function() { if(instances[instance_id]) { instances[instance_id].init(); } }, 0);
165 // return the jquery selection (or if it was a method call that returned a value - the returned value)
168 // object to store exposed functions and objects
173 _focused : function () { return instances[focused_instance] || null; },
174 _reference : function (needle) {
175 // get by instance id
176 if(instances[needle]) { return instances[needle]; }
177 // get by DOM (if still no luck - return null
179 if(!o.length && typeof needle === "string") { o = $("#" + needle); }
180 if(!o.length) { return null; }
181 return instances[o.closest(".jstree").data("jstree_instance_id")] || null;
183 _instance : function (index, container, settings) {
184 // for plugins to store data in
185 this.data = { core : {} };
186 this.get_settings = function () { return $.extend(true, {}, settings); };
187 this._get_settings = function () { return settings; };
188 this.get_index = function () { return index; };
189 this.get_container = function () { return container; };
190 this.get_container_ul = function () { return container.children("ul:eq(0)"); };
191 this._set_settings = function (s) {
192 settings = $.extend(true, {}, settings, s);
196 plugin : function (pname, pdata) {
197 pdata = $.extend({}, {
203 plugins[pname] = pdata;
205 $.jstree.defaults[pname] = pdata.defaults;
206 $.each(pdata._fn, function (i, val) {
208 val.old = $.jstree._fn[i];
209 $.jstree._fn[i] = function () {
212 args = Array.prototype.slice.call(arguments),
213 evnt = new $.Event("before.jstree"),
216 if(this.data.core.locked === true && i !== "unlock" && i !== "is_locked") { return; }
218 // Check if function belongs to the included plugins of this instance
220 if(func && func.plugin && $.inArray(func.plugin, this._get_settings().plugins) !== -1) { break; }
223 if(!func) { return; }
225 // context and function to trigger events, then finally call the function
226 if(i.indexOf("_") === 0) {
227 rslt = func.apply(this, args);
230 rslt = this.get_container().triggerHandler(evnt, { "func" : i, "inst" : this, "args" : args, "plugin" : func.plugin });
231 if(rslt === false) { return; }
232 if(typeof rslt !== "undefined") { args = rslt; }
236 __callback : function (data) {
237 this.get_container().triggerHandler( i + '.jstree', { "inst" : this, "args" : args, "rslt" : data, "rlbk" : rlbk });
239 __rollback : function () {
240 rlbk = this.get_rollback();
243 __call_old : function (replace_arguments) {
244 return func.old.apply(this, (replace_arguments ? Array.prototype.slice.call(arguments, 1) : args ) );
252 $.jstree._fn[i].old = val.old;
253 $.jstree._fn[i].plugin = pname;
256 rollback : function (rb) {
258 if(!$.isArray(rb)) { rb = [ rb ]; }
259 $.each(rb, function (i, val) {
260 instances[val.i].set_rollback(val.h, val.d);
265 // set the prototype for all instances
266 $.jstree._fn = $.jstree._instance.prototype = {};
268 // load the css when DOM is ready
270 // code is copied from jQuery ($.browser is deprecated + there is a bug in IE)
271 var u = navigator.userAgent.toLowerCase(),
272 v = (u.match( /.+?(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
274 '.jstree ul, .jstree li { display:block; margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; } ' +
275 '.jstree li { display:block; min-height:18px; line-height:18px; white-space:nowrap; margin-left:18px; min-width:18px; } ' +
276 '.jstree-rtl li { margin-left:0; margin-right:18px; } ' +
277 '.jstree > ul > li { margin-left:0px; } ' +
278 '.jstree-rtl > ul > li { margin-right:0px; } ' +
279 '.jstree ins { display:inline-block; text-decoration:none; width:18px; height:18px; margin:0 0 0 0; padding:0; } ' +
280 '.jstree a { display:inline-block; line-height:16px; height:16px; color:black; white-space:nowrap; text-decoration:none; padding:1px 2px; margin:0; } ' +
281 '.jstree a:focus { outline: none; } ' +
282 '.jstree a > ins { height:16px; width:16px; } ' +
283 '.jstree a > .jstree-icon { margin-right:3px; } ' +
284 '.jstree-rtl a > .jstree-icon { margin-left:3px; margin-right:0; } ' +
285 'li.jstree-open > ul { display:block; } ' +
286 'li.jstree-closed > ul { display:none; } ';
287 // Correct IE 6 (does not support the > CSS selector)
288 if(/msie/.test(u) && parseInt(v, 10) == 6) {
291 // fix image flicker and lack of caching
293 document.execCommand("BackgroundImageCache", false, true);
297 '.jstree li { height:18px; margin-left:0; margin-right:0; } ' +
298 '.jstree li li { margin-left:18px; } ' +
299 '.jstree-rtl li li { margin-left:0px; margin-right:18px; } ' +
300 'li.jstree-open ul { display:block; } ' +
301 'li.jstree-closed ul { display:none !important; } ' +
302 '.jstree li a { display:inline; border-width:0 !important; padding:0px 2px !important; } ' +
303 '.jstree li a ins { height:16px; width:16px; margin-right:3px; } ' +
304 '.jstree-rtl li a ins { margin-right:0px; margin-left:3px; } ';
306 // Correct IE 7 (shifts anchor nodes onhover)
307 if(/msie/.test(u) && parseInt(v, 10) == 7) {
309 css_string += '.jstree li a { border-width:0 !important; padding:0px 2px !important; } ';
311 // correct ff2 lack of display:inline-block
312 if(!/compatible/.test(u) && /mozilla/.test(u) && parseFloat(v, 10) < 1.9) {
315 '.jstree ins { display:-moz-inline-box; } ' +
316 '.jstree li { line-height:12px; } ' + // WHY??
317 '.jstree a { display:-moz-inline-box; } ' +
318 '.jstree .jstree-no-icons .jstree-checkbox { display:-moz-inline-stack !important; } ';
319 /* this shouldn't be here as it is theme specific */
321 // the default stylesheet
322 $.vakata.css.add_sheet({ str : css_string, title : "jstree" });
325 // core functions (open, close, create, update, delete)
326 $.jstree.plugin("core", {
327 __init : function () {
328 this.data.core.locked = false;
329 this.data.core.to_open = this.get_settings().core.initially_open;
330 this.data.core.to_load = this.get_settings().core.initially_load;
338 notify_plugins : true,
342 loading : "Loading ...",
343 new_node : "New node",
344 multiple_selection : "Multiple selection"
350 if(this._get_settings().core.rtl) {
351 this.get_container().addClass("jstree-rtl").css("direction", "rtl");
353 this.get_container().html("<ul><li class='jstree-last jstree-leaf'><ins> </ins><a class='jstree-loading' href='#'><ins class='jstree-icon'> </ins>" + this._get_string("loading") + "</a></li></ul>");
354 this.data.core.li_height = this.get_container_ul().find("li.jstree-closed, li.jstree-leaf").eq(0).height() || 18;
357 .delegate("li > ins", "click.jstree", $.proxy(function (event) {
358 var trgt = $(event.target);
359 // if(trgt.is("ins") && event.pageY - trgt.offset().top < this.data.core.li_height) { this.toggle_node(trgt); }
360 this.toggle_node(trgt);
362 .bind("mousedown.jstree", $.proxy(function () {
363 this.set_focus(); // This used to be setTimeout(set_focus,0) - why?
365 .bind("dblclick.jstree", function (event) {
367 if(document.selection && document.selection.empty) { document.selection.empty(); }
369 if(window.getSelection) {
370 sel = window.getSelection();
372 sel.removeAllRanges();
378 if(this._get_settings().core.notify_plugins) {
380 .bind("load_node.jstree", $.proxy(function (e, data) {
381 var o = this._get_node(data.rslt.obj),
383 if(o === -1) { o = this.get_container_ul(); }
384 if(!o.length) { return; }
385 o.find("li").each(function () {
387 if(th.data("jstree")) {
388 $.each(th.data("jstree"), function (plugin, values) {
389 if(t.data[plugin] && $.isFunction(t["_" + plugin + "_notify"])) {
390 t["_" + plugin + "_notify"].call(t, th, values);
397 if(this._get_settings().core.load_open) {
399 .bind("load_node.jstree", $.proxy(function (e, data) {
400 var o = this._get_node(data.rslt.obj),
402 if(o === -1) { o = this.get_container_ul(); }
403 if(!o.length) { return; }
404 o.find("li.jstree-open:not(:has(ul))").each(function () {
405 t.load_node(this, $.noop, $.noop);
410 this.load_node(-1, function () { this.loaded(); this.reload_nodes(); });
412 destroy : function () {
414 n = this.get_index(),
415 s = this._get_settings(),
418 $.each(s.plugins, function (i, val) {
419 try { plugins[val].__destroy.apply(_this); } catch(err) { }
422 // set focus to another instance if this one is focused
423 if(this.is_focused()) {
424 for(i in instances) {
425 if(instances.hasOwnProperty(i) && i != n) {
426 instances[i].set_focus();
431 // if no other instance found
432 if(n === focused_instance) { focused_instance = -1; }
433 // remove all traces of jstree in the DOM (only the ones set using jstree*) and cleans all events
436 .undelegate(".jstree")
437 .removeData("jstree_instance_id")
438 .find("[class^='jstree']")
440 .attr("class", function () { return this.className.replace(/jstree[^ ]*|$/ig,''); });
442 .unbind(".jstree-" + n)
443 .undelegate(".jstree-" + n);
444 // remove the actual data
449 _core_notify : function (n, data) {
451 this.open_node(n, false, true);
456 this.data.core.locked = true;
457 this.get_container().children("ul").addClass("jstree-locked").css("opacity","0.7");
460 unlock : function () {
461 this.data.core.locked = false;
462 this.get_container().children("ul").removeClass("jstree-locked").css("opacity","1");
465 is_locked : function () { return this.data.core.locked; },
466 save_opened : function () {
468 this.data.core.to_open = [];
469 this.get_container_ul().find("li.jstree-open").each(function () {
470 if(this.id) { _this.data.core.to_open.push("#" + this.id.toString().replace(/^#/,"").replace(/\\\//g,"/").replace(/\//g,"\\\/").replace(/\\\./g,".").replace(/\./g,"\\.").replace(/\:/g,"\\:")); }
472 this.__callback(_this.data.core.to_open);
474 save_loaded : function () { },
475 reload_nodes : function (is_callback) {
481 this.data.core.reopen = false;
482 this.data.core.refreshing = true;
483 this.data.core.to_open = $.map($.makeArray(this.data.core.to_open), function (n) { return "#" + n.toString().replace(/^#/,"").replace(/\\\//g,"/").replace(/\//g,"\\\/").replace(/\\\./g,".").replace(/\./g,"\\.").replace(/\:/g,"\\:"); });
484 this.data.core.to_load = $.map($.makeArray(this.data.core.to_load), function (n) { return "#" + n.toString().replace(/^#/,"").replace(/\\\//g,"/").replace(/\//g,"\\\/").replace(/\\\./g,".").replace(/\./g,"\\.").replace(/\:/g,"\\:"); });
485 if(this.data.core.to_open.length) {
486 this.data.core.to_load = this.data.core.to_load.concat(this.data.core.to_open);
489 if(this.data.core.to_load.length) {
490 $.each(this.data.core.to_load, function (i, val) {
491 if(val == "#") { return true; }
492 if($(val).length) { current.push(val); }
493 else { remaining.push(val); }
496 this.data.core.to_load = remaining;
497 $.each(current, function (i, val) {
498 if(!_this._is_loaded(val)) {
499 _this.load_node(val, function () { _this.reload_nodes(true); }, function () { _this.reload_nodes(true); });
505 if(this.data.core.to_open.length) {
506 $.each(this.data.core.to_open, function (i, val) {
507 _this.open_node(val, false, true);
511 // TODO: find a more elegant approach to syncronizing returning requests
512 if(this.data.core.reopen) { clearTimeout(this.data.core.reopen); }
513 this.data.core.reopen = setTimeout(function () { _this.__callback({}, _this); }, 50);
514 this.data.core.refreshing = false;
518 reopen : function () {
520 if(this.data.core.to_open.length) {
521 $.each(this.data.core.to_open, function (i, val) {
522 _this.open_node(val, false, true);
527 refresh : function (obj) {
530 if(!obj) { obj = -1; }
531 obj = this._get_node(obj);
532 if(!obj) { obj = -1; }
533 if(obj !== -1) { obj.children("UL").remove(); }
534 else { this.get_container_ul().empty(); }
535 this.load_node(obj, function () { _this.__callback({ "obj" : obj}); _this.reload_nodes(); });
537 // Dummy function to fire after the first load (so that there is a jstree.loaded event)
538 loaded : function () {
542 set_focus : function () {
543 if(this.is_focused()) { return; }
544 var f = $.jstree._focused();
545 if(f) { f.unset_focus(); }
547 this.get_container().addClass("jstree-focused");
548 focused_instance = this.get_index();
551 is_focused : function () {
552 return focused_instance == this.get_index();
554 unset_focus : function () {
555 if(this.is_focused()) {
556 this.get_container().removeClass("jstree-focused");
557 focused_instance = -1;
563 _get_node : function (obj) {
564 var $obj = $(obj, this.get_container());
565 if($obj.is(".jstree") || obj == -1) { return -1; }
566 $obj = $obj.closest("li", this.get_container());
567 return $obj.length ? $obj : false;
569 _get_next : function (obj, strict) {
570 obj = this._get_node(obj);
571 if(obj === -1) { return this.get_container().find("> ul > li:first-child"); }
572 if(!obj.length) { return false; }
573 if(strict) { return (obj.nextAll("li").size() > 0) ? obj.nextAll("li:eq(0)") : false; }
575 if(obj.hasClass("jstree-open")) { return obj.find("li:eq(0)"); }
576 else if(obj.nextAll("li").size() > 0) { return obj.nextAll("li:eq(0)"); }
577 else { return obj.parentsUntil(".jstree","li").next("li").eq(0); }
579 _get_prev : function (obj, strict) {
580 obj = this._get_node(obj);
581 if(obj === -1) { return this.get_container().find("> ul > li:last-child"); }
582 if(!obj.length) { return false; }
583 if(strict) { return (obj.prevAll("li").length > 0) ? obj.prevAll("li:eq(0)") : false; }
585 if(obj.prev("li").length) {
586 obj = obj.prev("li").eq(0);
587 while(obj.hasClass("jstree-open")) { obj = obj.children("ul:eq(0)").children("li:last"); }
590 else { var o = obj.parentsUntil(".jstree","li:eq(0)"); return o.length ? o : false; }
592 _get_parent : function (obj) {
593 obj = this._get_node(obj);
594 if(obj == -1 || !obj.length) { return false; }
595 var o = obj.parentsUntil(".jstree", "li:eq(0)");
596 return o.length ? o : -1;
598 _get_children : function (obj) {
599 obj = this._get_node(obj);
600 if(obj === -1) { return this.get_container().children("ul:eq(0)").children("li"); }
601 if(!obj.length) { return false; }
602 return obj.children("ul:eq(0)").children("li");
604 get_path : function (obj, id_mode) {
607 obj = this._get_node(obj);
608 if(obj === -1 || !obj || !obj.length) { return false; }
609 obj.parentsUntil(".jstree", "li").each(function () {
610 p.push( id_mode ? this.id : _this.get_text(this) );
613 p.push( id_mode ? obj.attr("id") : this.get_text(obj) );
618 _get_string : function (key) {
619 return this._get_settings().core.strings[key] || key;
622 is_open : function (obj) { obj = this._get_node(obj); return obj && obj !== -1 && obj.hasClass("jstree-open"); },
623 is_closed : function (obj) { obj = this._get_node(obj); return obj && obj !== -1 && obj.hasClass("jstree-closed"); },
624 is_leaf : function (obj) { obj = this._get_node(obj); return obj && obj !== -1 && obj.hasClass("jstree-leaf"); },
625 correct_state : function (obj) {
626 obj = this._get_node(obj);
627 if(!obj || obj === -1) { return false; }
628 obj.removeClass("jstree-closed jstree-open").addClass("jstree-leaf").children("ul").remove();
629 this.__callback({ "obj" : obj });
632 open_node : function (obj, callback, skip_animation) {
633 obj = this._get_node(obj);
634 if(!obj.length) { return false; }
635 if(!obj.hasClass("jstree-closed")) { if(callback) { callback.call(); } return false; }
636 var s = skip_animation || is_ie6 ? 0 : this._get_settings().core.animation,
638 if(!this._is_loaded(obj)) {
639 obj.children("a").addClass("jstree-loading");
640 this.load_node(obj, function () { t.open_node(obj, callback, skip_animation); }, callback);
643 if(this._get_settings().core.open_parents) {
644 obj.parentsUntil(".jstree",".jstree-closed").each(function () {
645 t.open_node(this, false, true);
648 if(s) { obj.children("ul").css("display","none"); }
649 obj.removeClass("jstree-closed").addClass("jstree-open").children("a").removeClass("jstree-loading");
650 if(s) { obj.children("ul").stop(true, true).slideDown(s, function () { this.style.display = ""; t.after_open(obj); }); }
651 else { t.after_open(obj); }
652 this.__callback({ "obj" : obj });
653 if(callback) { callback.call(); }
656 after_open : function (obj) { this.__callback({ "obj" : obj }); },
657 close_node : function (obj, skip_animation) {
658 obj = this._get_node(obj);
659 var s = skip_animation || is_ie6 ? 0 : this._get_settings().core.animation,
661 if(!obj.length || !obj.hasClass("jstree-open")) { return false; }
662 if(s) { obj.children("ul").attr("style","display:block !important"); }
663 obj.removeClass("jstree-open").addClass("jstree-closed");
664 if(s) { obj.children("ul").stop(true, true).slideUp(s, function () { this.style.display = ""; t.after_close(obj); }); }
665 else { t.after_close(obj); }
666 this.__callback({ "obj" : obj });
668 after_close : function (obj) { this.__callback({ "obj" : obj }); },
669 toggle_node : function (obj) {
670 obj = this._get_node(obj);
671 if(obj.hasClass("jstree-closed")) { return this.open_node(obj); }
672 if(obj.hasClass("jstree-open")) { return this.close_node(obj); }
674 open_all : function (obj, do_animation, original_obj) {
675 obj = obj ? this._get_node(obj) : -1;
676 if(!obj || obj === -1) { obj = this.get_container_ul(); }
678 obj = obj.find("li.jstree-closed");
682 if(obj.is(".jstree-closed")) { obj = obj.find("li.jstree-closed").andSelf(); }
683 else { obj = obj.find("li.jstree-closed"); }
686 obj.each(function () {
688 if(!_this._is_loaded(this)) { _this.open_node(this, function() { _this.open_all(__this, do_animation, original_obj); }, !do_animation); }
689 else { _this.open_node(this, false, !do_animation); }
691 // so that callback is fired AFTER all nodes are open
692 if(original_obj.find('li.jstree-closed').length === 0) { this.__callback({ "obj" : original_obj }); }
694 close_all : function (obj, do_animation) {
696 obj = obj ? this._get_node(obj) : this.get_container();
697 if(!obj || obj === -1) { obj = this.get_container_ul(); }
698 obj.find("li.jstree-open").andSelf().each(function () { _this.close_node(this, !do_animation); });
699 this.__callback({ "obj" : obj });
701 clean_node : function (obj) {
702 obj = obj && obj != -1 ? $(obj) : this.get_container_ul();
703 obj = obj.is("li") ? obj.find("li").andSelf() : obj.find("li");
704 obj.removeClass("jstree-last")
705 .filter("li:last-child").addClass("jstree-last").end()
707 .not(".jstree-open").removeClass("jstree-leaf").addClass("jstree-closed");
708 obj.not(".jstree-open, .jstree-closed").addClass("jstree-leaf").children("ul").remove();
709 this.__callback({ "obj" : obj });
712 get_rollback : function () {
714 return { i : this.get_index(), h : this.get_container().children("ul").clone(true), d : this.data };
716 set_rollback : function (html, data) {
717 this.get_container().empty().append(html);
721 // Dummy functions to be overwritten by any datastore plugin included
722 load_node : function (obj, s_call, e_call) { this.__callback({ "obj" : obj }); },
723 _is_loaded : function (obj) { return true; },
725 // Basic operations: create
726 create_node : function (obj, position, js, callback, is_loaded) {
727 obj = this._get_node(obj);
728 position = typeof position === "undefined" ? "last" : position;
730 s = this._get_settings().core,
733 if(obj !== -1 && !obj.length) { return false; }
734 if(!is_loaded && !this._is_loaded(obj)) { this.load_node(obj, function () { this.create_node(obj, position, js, callback, true); }); return false; }
738 if(typeof js === "string") { js = { "data" : js }; }
740 if(js.attr) { d.attr(js.attr); }
741 if(js.metadata) { d.data(js.metadata); }
742 if(js.state) { d.addClass("jstree-" + js.state); }
743 if(!js.data) { js.data = this._get_string("new_node"); }
744 if(!$.isArray(js.data)) { tmp = js.data; js.data = []; js.data.push(tmp); }
745 $.each(js.data, function (i, m) {
747 if($.isFunction(m)) { m = m.call(this, js); }
748 if(typeof m == "string") { tmp.attr('href','#')[ s.html_titles ? "html" : "text" ](m); }
750 if(!m.attr) { m.attr = {}; }
751 if(!m.attr.href) { m.attr.href = '#'; }
752 tmp.attr(m.attr)[ s.html_titles ? "html" : "text" ](m.title);
753 if(m.language) { tmp.addClass(m.language); }
755 tmp.prepend("<ins class='jstree-icon'> </ins>");
756 if(!m.icon && js.icon) { m.icon = js.icon; }
758 if(m.icon.indexOf("/") === -1) { tmp.children("ins").addClass(m.icon); }
759 else { tmp.children("ins").css("background","url('" + m.icon + "') center center no-repeat"); }
763 d.prepend("<ins class='jstree-icon'> </ins>");
765 obj = this.get_container();
766 if(position === "before") { position = "first"; }
767 if(position === "after") { position = "last"; }
770 case "before": obj.before(d); tmp = this._get_parent(obj); break;
771 case "after" : obj.after(d); tmp = this._get_parent(obj); break;
774 if(!obj.children("ul").length) { obj.append("<ul />"); }
775 obj.children("ul").prepend(d);
779 if(!obj.children("ul").length) { obj.append("<ul />"); }
780 obj.children("ul").append(d);
784 if(!obj.children("ul").length) { obj.append("<ul />"); }
785 if(!position) { position = 0; }
786 tmp = obj.children("ul").children("li").eq(position);
787 if(tmp.length) { tmp.before(d); }
788 else { obj.children("ul").append(d); }
792 if(tmp === -1 || tmp.get(0) === this.get_container().get(0)) { tmp = -1; }
793 this.clean_node(tmp);
794 this.__callback({ "obj" : d, "parent" : tmp });
795 if(callback) { callback.call(this, d); }
798 // Basic operations: rename (deal with text)
799 get_text : function (obj) {
800 obj = this._get_node(obj);
801 if(!obj.length) { return false; }
802 var s = this._get_settings().core.html_titles;
803 obj = obj.children("a:eq(0)");
806 obj.children("INS").remove();
810 obj = obj.contents().filter(function() { return this.nodeType == 3; })[0];
811 return obj.nodeValue;
814 set_text : function (obj, val) {
815 obj = this._get_node(obj);
816 if(!obj.length) { return false; }
817 obj = obj.children("a:eq(0)");
818 if(this._get_settings().core.html_titles) {
819 var tmp = obj.children("INS").clone();
820 obj.html(val).prepend(tmp);
821 this.__callback({ "obj" : obj, "name" : val });
825 obj = obj.contents().filter(function() { return this.nodeType == 3; })[0];
826 this.__callback({ "obj" : obj, "name" : val });
827 return (obj.nodeValue = val);
830 rename_node : function (obj, val) {
831 obj = this._get_node(obj);
833 if(obj && obj.length && this.set_text.apply(this, Array.prototype.slice.call(arguments))) { this.__callback({ "obj" : obj, "name" : val }); }
835 // Basic operations: deleting nodes
836 delete_node : function (obj) {
837 obj = this._get_node(obj);
838 if(!obj.length) { return false; }
840 var p = this._get_parent(obj), prev = $([]), t = this;
841 obj.each(function () {
842 prev = prev.add(t._get_prev(this));
845 if(p !== -1 && p.find("> ul > li").length === 0) {
846 p.removeClass("jstree-open jstree-closed").addClass("jstree-leaf");
849 this.__callback({ "obj" : obj, "prev" : prev, "parent" : p });
852 prepare_move : function (o, r, pos, cb, is_cb) {
855 p.ot = $.jstree._reference(o) || this;
856 p.o = p.ot._get_node(o);
857 p.r = r === - 1 ? -1 : this._get_node(r);
858 p.p = (typeof pos === "undefined" || pos === false) ? "last" : pos; // TODO: move to a setting
859 if(!is_cb && prepared_move.o && prepared_move.o[0] === p.o[0] && prepared_move.r[0] === p.r[0] && prepared_move.p === p.p) {
860 this.__callback(prepared_move);
861 if(cb) { cb.call(this, prepared_move); }
864 p.ot = $.jstree._reference(p.o) || this;
865 p.rt = $.jstree._reference(p.r) || this; // r === -1 ? p.ot : $.jstree._reference(p.r) || this
866 if(p.r === -1 || !p.r) {
876 p.cp = p.rt.get_container().find(" > ul > li").length;
884 if(!/^(before|after)$/.test(p.p) && !this._is_loaded(p.r)) {
885 return this.load_node(p.r, function () { this.prepare_move(o, r, pos, cb, true); });
890 p.cr = p.rt._get_parent(p.r);
893 p.cp = p.r.index() + 1;
894 p.cr = p.rt._get_parent(p.r);
902 p.cp = p.r.find(" > ul > li").length;
911 p.np = p.cr == -1 ? p.rt.get_container() : p.cr;
912 p.op = p.ot._get_parent(p.o);
914 if(p.op === -1) { p.op = p.ot ? p.ot.get_container() : this.get_container(); }
915 if(!/^(before|after)$/.test(p.p) && p.op && p.np && p.op[0] === p.np[0] && p.o.index() < p.cp) { p.cp++; }
916 //if(p.p === "before" && p.op && p.np && p.op[0] === p.np[0] && p.o.index() < p.cp) { p.cp--; }
917 p.or = p.np.find(" > ul > li:nth-child(" + (p.cp + 1) + ")");
919 this.__callback(prepared_move);
920 if(cb) { cb.call(this, prepared_move); }
922 check_move : function () {
923 var obj = prepared_move, ret = true, r = obj.r === -1 ? this.get_container() : obj.r;
924 if(!obj || !obj.o || obj.or[0] === obj.o[0]) { return false; }
925 if(obj.op && obj.np && obj.op[0] === obj.np[0] && obj.cp - 1 === obj.o.index()) { return false; }
926 obj.o.each(function () {
927 if(r.parentsUntil(".jstree", "li").andSelf().index(this) !== -1) { ret = false; return false; }
931 move_node : function (obj, ref, position, is_copy, is_prepared, skip_check) {
933 return this.prepare_move(obj, ref, position, function (p) {
934 this.move_node(p, false, false, is_copy, true, skip_check);
938 prepared_move.cy = true;
940 if(!skip_check && !this.check_move()) { return false; }
945 o = obj.o.clone(true);
946 o.find("*[id]").andSelf().each(function () {
947 if(this.id) { this.id = "copy_" + this.id; }
952 if(obj.or.length) { obj.or.before(o); }
954 if(!obj.np.children("ul").length) { $("<ul />").appendTo(obj.np); }
955 obj.np.children("ul:eq(0)").append(o);
959 obj.ot.clean_node(obj.op);
960 obj.rt.clean_node(obj.np);
961 if(!obj.op.find("> ul > li").length) {
962 obj.op.removeClass("jstree-open jstree-closed").addClass("jstree-leaf").children("ul").remove();
967 prepared_move.cy = true;
968 prepared_move.oc = o;
970 this.__callback(prepared_move);
971 return prepared_move;
973 _get_move : function () { return prepared_move; }
981 * This plugins handles selecting/deselecting/hovering/dehovering nodes
984 var scrollbar_width, e1, e2;
986 if (/msie/.test(navigator.userAgent.toLowerCase())) {
987 e1 = $('<textarea cols="10" rows="2"></textarea>').css({ position: 'absolute', top: -1000, left: 0 }).appendTo('body');
988 e2 = $('<textarea cols="10" rows="2" style="overflow: hidden;"></textarea>').css({ position: 'absolute', top: -1000, left: 0 }).appendTo('body');
989 scrollbar_width = e1.width() - e2.width();
993 e1 = $('<div />').css({ width: 100, height: 100, overflow: 'auto', position: 'absolute', top: -1000, left: 0 })
994 .prependTo('body').append('<div />').find('div').css({ width: '100%', height: 200 });
995 scrollbar_width = 100 - e1.width();
996 e1.parent().remove();
999 $.jstree.plugin("ui", {
1000 __init : function () {
1001 this.data.ui.selected = $();
1002 this.data.ui.last_selected = false;
1003 this.data.ui.hovered = null;
1004 this.data.ui.to_select = this.get_settings().ui.initially_select;
1006 this.get_container()
1007 .delegate("a", "click.jstree", $.proxy(function (event) {
1008 event.preventDefault();
1009 event.currentTarget.blur();
1010 if(!$(event.currentTarget).hasClass("jstree-loading")) {
1011 this.select_node(event.currentTarget, true, event);
1014 .delegate("a", "mouseenter.jstree", $.proxy(function (event) {
1015 if(!$(event.currentTarget).hasClass("jstree-loading")) {
1016 this.hover_node(event.target);
1019 .delegate("a", "mouseleave.jstree", $.proxy(function (event) {
1020 if(!$(event.currentTarget).hasClass("jstree-loading")) {
1021 this.dehover_node(event.target);
1024 .bind("reopen.jstree", $.proxy(function () {
1027 .bind("get_rollback.jstree", $.proxy(function () {
1028 this.dehover_node();
1029 this.save_selected();
1031 .bind("set_rollback.jstree", $.proxy(function () {
1034 .bind("close_node.jstree", $.proxy(function (event, data) {
1035 var s = this._get_settings().ui,
1036 obj = this._get_node(data.rslt.obj),
1037 clk = (obj && obj.length) ? obj.children("ul").find("a.jstree-clicked") : $(),
1039 if(s.selected_parent_close === false || !clk.length) { return; }
1040 clk.each(function () {
1041 _this.deselect_node(this);
1042 if(s.selected_parent_close === "select_parent") { _this.select_node(obj); }
1045 .bind("delete_node.jstree", $.proxy(function (event, data) {
1046 var s = this._get_settings().ui.select_prev_on_delete,
1047 obj = this._get_node(data.rslt.obj),
1048 clk = (obj && obj.length) ? obj.find("a.jstree-clicked") : [],
1050 clk.each(function () { _this.deselect_node(this); });
1051 if(s && clk.length) {
1052 data.rslt.prev.each(function () {
1053 if(this.parentNode) { _this.select_node(this); return false; /* if return false is removed all prev nodes will be selected */}
1057 .bind("move_node.jstree", $.proxy(function (event, data) {
1059 data.rslt.oc.find("a.jstree-clicked").removeClass("jstree-clicked");
1064 select_limit : -1, // 0, 1, 2 ... or -1 for unlimited
1065 select_multiple_modifier : "ctrl", // on, or ctrl, shift, alt
1066 select_range_modifier : "shift",
1067 selected_parent_close : "select_parent", // false, "deselect", "select_parent"
1068 selected_parent_open : true,
1069 select_prev_on_delete : true,
1070 disable_selecting_children : false,
1071 initially_select : []
1074 _get_node : function (obj, allow_multiple) {
1075 if(typeof obj === "undefined" || obj === null) { return allow_multiple ? this.data.ui.selected : this.data.ui.last_selected; }
1076 var $obj = $(obj, this.get_container());
1077 if($obj.is(".jstree") || obj == -1) { return -1; }
1078 $obj = $obj.closest("li", this.get_container());
1079 return $obj.length ? $obj : false;
1081 _ui_notify : function (n, data) {
1083 this.select_node(n, false);
1086 save_selected : function () {
1088 this.data.ui.to_select = [];
1089 this.data.ui.selected.each(function () { if(this.id) { _this.data.ui.to_select.push("#" + this.id.toString().replace(/^#/,"").replace(/\\\//g,"/").replace(/\//g,"\\\/").replace(/\\\./g,".").replace(/\./g,"\\.").replace(/\:/g,"\\:")); } });
1090 this.__callback(this.data.ui.to_select);
1092 reselect : function () {
1094 s = this.data.ui.to_select;
1095 s = $.map($.makeArray(s), function (n) { return "#" + n.toString().replace(/^#/,"").replace(/\\\//g,"/").replace(/\//g,"\\\/").replace(/\\\./g,".").replace(/\./g,"\\.").replace(/\:/g,"\\:"); });
1096 // this.deselect_all(); WHY deselect, breaks plugin state notifier?
1097 $.each(s, function (i, val) { if(val && val !== "#") { _this.select_node(val); } });
1098 this.data.ui.selected = this.data.ui.selected.filter(function () { return this.parentNode; });
1101 refresh : function (obj) {
1102 this.save_selected();
1103 return this.__call_old();
1105 hover_node : function (obj) {
1106 obj = this._get_node(obj);
1107 if(!obj.length) { return false; }
1108 //if(this.data.ui.hovered && obj.get(0) === this.data.ui.hovered.get(0)) { return; }
1109 if(!obj.hasClass("jstree-hovered")) { this.dehover_node(); }
1110 this.data.ui.hovered = obj.children("a").addClass("jstree-hovered").parent();
1111 this._fix_scroll(obj);
1112 this.__callback({ "obj" : obj });
1114 dehover_node : function () {
1115 var obj = this.data.ui.hovered, p;
1116 if(!obj || !obj.length) { return false; }
1117 p = obj.children("a").removeClass("jstree-hovered").parent();
1118 if(this.data.ui.hovered[0] === p[0]) { this.data.ui.hovered = null; }
1119 this.__callback({ "obj" : obj });
1121 select_node : function (obj, check, e) {
1122 obj = this._get_node(obj);
1123 if(obj == -1 || !obj || !obj.length) { return false; }
1124 var s = this._get_settings().ui,
1125 is_multiple = (s.select_multiple_modifier == "on" || (s.select_multiple_modifier !== false && e && e[s.select_multiple_modifier + "Key"])),
1126 is_range = (s.select_range_modifier !== false && e && e[s.select_range_modifier + "Key"] && this.data.ui.last_selected && this.data.ui.last_selected[0] !== obj[0] && this.data.ui.last_selected.parent()[0] === obj.parent()[0]),
1127 is_selected = this.is_selected(obj),
1131 if(s.disable_selecting_children && is_multiple &&
1133 (obj.parentsUntil(".jstree","li").children("a.jstree-clicked").length) ||
1134 (obj.children("ul").find("a.jstree-clicked:eq(0)").length)
1142 this.data.ui.last_selected.addClass("jstree-last-selected");
1143 obj = obj[ obj.index() < this.data.ui.last_selected.index() ? "nextUntil" : "prevUntil" ](".jstree-last-selected").andSelf();
1144 if(s.select_limit == -1 || obj.length < s.select_limit) {
1145 this.data.ui.last_selected.removeClass("jstree-last-selected");
1146 this.data.ui.selected.each(function () {
1147 if(this !== t.data.ui.last_selected[0]) { t.deselect_node(this); }
1149 is_selected = false;
1156 case (is_selected && !is_multiple):
1157 this.deselect_all();
1158 is_selected = false;
1161 case (!is_selected && !is_multiple):
1162 if(s.select_limit == -1 || s.select_limit > 0) {
1163 this.deselect_all();
1167 case (is_selected && is_multiple):
1168 this.deselect_node(obj);
1170 case (!is_selected && is_multiple):
1171 if(s.select_limit == -1 || this.data.ui.selected.length + 1 <= s.select_limit) {
1177 if(proceed && !is_selected) {
1178 if(!is_range) { this.data.ui.last_selected = obj; }
1179 obj.children("a").addClass("jstree-clicked");
1180 if(s.selected_parent_open) {
1181 obj.parents(".jstree-closed").each(function () { t.open_node(this, false, true); });
1183 this.data.ui.selected = this.data.ui.selected.add(obj);
1184 this._fix_scroll(obj.eq(0));
1185 this.__callback({ "obj" : obj, "e" : e });
1188 _fix_scroll : function (obj) {
1189 var c = this.get_container()[0], t;
1190 if(c.scrollHeight > c.offsetHeight) {
1191 obj = this._get_node(obj);
1192 if(!obj || obj === -1 || !obj.length || !obj.is(":visible")) { return; }
1193 t = obj.offset().top - this.get_container().offset().top;
1195 c.scrollTop = c.scrollTop + t - 1;
1197 if(t + this.data.core.li_height + (c.scrollWidth > c.offsetWidth ? scrollbar_width : 0) > c.offsetHeight) {
1198 c.scrollTop = c.scrollTop + (t - c.offsetHeight + this.data.core.li_height + 1 + (c.scrollWidth > c.offsetWidth ? scrollbar_width : 0));
1202 deselect_node : function (obj) {
1203 obj = this._get_node(obj);
1204 if(!obj.length) { return false; }
1205 if(this.is_selected(obj)) {
1206 obj.children("a").removeClass("jstree-clicked");
1207 this.data.ui.selected = this.data.ui.selected.not(obj);
1208 if(this.data.ui.last_selected.get(0) === obj.get(0)) { this.data.ui.last_selected = this.data.ui.selected.eq(0); }
1209 this.__callback({ "obj" : obj });
1212 toggle_select : function (obj) {
1213 obj = this._get_node(obj);
1214 if(!obj.length) { return false; }
1215 if(this.is_selected(obj)) { this.deselect_node(obj); }
1216 else { this.select_node(obj); }
1218 is_selected : function (obj) { return this.data.ui.selected.index(this._get_node(obj)) >= 0; },
1219 get_selected : function (context) {
1220 return context ? $(context).find("a.jstree-clicked").parent() : this.data.ui.selected;
1222 deselect_all : function (context) {
1223 var ret = context ? $(context).find("a.jstree-clicked").parent() : this.get_container().find("a.jstree-clicked").parent();
1224 ret.children("a.jstree-clicked").removeClass("jstree-clicked");
1225 this.data.ui.selected = $([]);
1226 this.data.ui.last_selected = false;
1227 this.__callback({ "obj" : ret });
1231 // include the selection plugin by default
1232 $.jstree.defaults.plugins.push("ui");
1237 * jsTree CRRM plugin
1238 * Handles creating/renaming/removing/moving nodes by user interaction.
1241 $.jstree.plugin("crrm", {
1242 __init : function () {
1243 this.get_container()
1244 .bind("move_node.jstree", $.proxy(function (e, data) {
1245 if(this._get_settings().crrm.move.open_onmove) {
1247 data.rslt.np.parentsUntil(".jstree").andSelf().filter(".jstree-closed").each(function () {
1248 t.open_node(this, false, true);
1254 input_width_limit : 200,
1256 always_copy : false, // false, true or "multitree"
1258 default_position : "last",
1259 check_move : function (m) { return true; }
1263 _show_input : function (obj, callback) {
1264 obj = this._get_node(obj);
1265 var rtl = this._get_settings().core.rtl,
1266 w = this._get_settings().crrm.input_width_limit,
1267 w1 = obj.children("ins").width(),
1268 w2 = obj.find("> a:visible > ins").width() * obj.find("> a:visible > ins").length,
1269 t = this.get_text(obj),
1270 h1 = $("<div />", { css : { "position" : "absolute", "top" : "-200px", "left" : (rtl ? "0px" : "-1000px"), "visibility" : "hidden" } }).appendTo("body"),
1271 h2 = obj.css("position","relative").append(
1274 "class" : "jstree-rename-input",
1275 // "size" : t.length,
1278 "border" : "1px solid silver",
1279 "position" : "absolute",
1280 "left" : (rtl ? "auto" : (w1 + w2 + 4) + "px"),
1281 "right" : (rtl ? (w1 + w2 + 4) + "px" : "auto"),
1283 "height" : (this.data.core.li_height - 2) + "px",
1284 "lineHeight" : (this.data.core.li_height - 2) + "px",
1285 "width" : "150px" // will be set a bit further down
1287 "blur" : $.proxy(function () {
1288 var i = obj.children(".jstree-rename-input"),
1290 if(v === "") { v = t; }
1292 i.remove(); // rollback purposes
1293 this.set_text(obj,t); // rollback purposes
1294 this.rename_node(obj, v);
1295 callback.call(this, obj, v, t);
1296 obj.css("position","");
1298 "keyup" : function (event) {
1299 var key = event.keyCode || event.which;
1300 if(key == 27) { this.value = t; this.blur(); return; }
1301 else if(key == 13) { this.blur(); return; }
1303 h2.width(Math.min(h1.text("pW" + this.value).width(),w));
1306 "keypress" : function(event) {
1307 var key = event.keyCode || event.which;
1308 if(key == 13) { return false; }
1311 ).children(".jstree-rename-input");
1312 this.set_text(obj, "");
1314 fontFamily : h2.css('fontFamily') || '',
1315 fontSize : h2.css('fontSize') || '',
1316 fontWeight : h2.css('fontWeight') || '',
1317 fontStyle : h2.css('fontStyle') || '',
1318 fontStretch : h2.css('fontStretch') || '',
1319 fontVariant : h2.css('fontVariant') || '',
1320 letterSpacing : h2.css('letterSpacing') || '',
1321 wordSpacing : h2.css('wordSpacing') || ''
1323 h2.width(Math.min(h1.text("pW" + h2[0].value).width(),w))[0].select();
1325 rename : function (obj) {
1326 obj = this._get_node(obj);
1328 var f = this.__callback;
1329 this._show_input(obj, function (obj, new_name, old_name) {
1330 f.call(this, { "obj" : obj, "new_name" : new_name, "old_name" : old_name });
1333 create : function (obj, position, js, callback, skip_rename) {
1334 var t, _this = this;
1335 obj = this._get_node(obj);
1336 if(!obj) { obj = -1; }
1338 t = this.create_node(obj, position, js, function (t) {
1339 var p = this._get_parent(t),
1341 if(callback) { callback.call(this, t); }
1342 if(p.length && p.hasClass("jstree-closed")) { this.open_node(p, false, true); }
1344 this._show_input(t, function (obj, new_name, old_name) {
1345 _this.__callback({ "obj" : obj, "name" : new_name, "parent" : p, "position" : pos });
1348 else { _this.__callback({ "obj" : t, "name" : this.get_text(t), "parent" : p, "position" : pos }); }
1352 remove : function (obj) {
1353 obj = this._get_node(obj, true);
1354 var p = this._get_parent(obj), prev = this._get_prev(obj);
1356 obj = this.delete_node(obj);
1357 if(obj !== false) { this.__callback({ "obj" : obj, "prev" : prev, "parent" : p }); }
1359 check_move : function () {
1360 if(!this.__call_old()) { return false; }
1361 var s = this._get_settings().crrm.move;
1362 if(!s.check_move.call(this, this._get_move())) { return false; }
1365 move_node : function (obj, ref, position, is_copy, is_prepared, skip_check) {
1366 var s = this._get_settings().crrm.move;
1368 if(typeof position === "undefined") { position = s.default_position; }
1369 if(position === "inside" && !s.default_position.match(/^(before|after)$/)) { position = s.default_position; }
1370 return this.__call_old(true, obj, ref, position, is_copy, false, skip_check);
1372 // if the move is already prepared
1373 if(s.always_copy === true || (s.always_copy === "multitree" && obj.rt.get_index() !== obj.ot.get_index() )) {
1376 this.__call_old(true, obj, ref, position, is_copy, true, skip_check);
1379 cut : function (obj) {
1380 obj = this._get_node(obj, true);
1381 if(!obj || !obj.length) { return false; }
1382 this.data.crrm.cp_nodes = false;
1383 this.data.crrm.ct_nodes = obj;
1384 this.__callback({ "obj" : obj });
1386 copy : function (obj) {
1387 obj = this._get_node(obj, true);
1388 if(!obj || !obj.length) { return false; }
1389 this.data.crrm.ct_nodes = false;
1390 this.data.crrm.cp_nodes = obj;
1391 this.__callback({ "obj" : obj });
1393 paste : function (obj) {
1394 obj = this._get_node(obj);
1395 if(!obj || !obj.length) { return false; }
1396 var nodes = this.data.crrm.ct_nodes ? this.data.crrm.ct_nodes : this.data.crrm.cp_nodes;
1397 if(!this.data.crrm.ct_nodes && !this.data.crrm.cp_nodes) { return false; }
1398 if(this.data.crrm.ct_nodes) { this.move_node(this.data.crrm.ct_nodes, obj); this.data.crrm.ct_nodes = false; }
1399 if(this.data.crrm.cp_nodes) { this.move_node(this.data.crrm.cp_nodes, obj, false, true); }
1400 this.__callback({ "obj" : obj, "nodes" : nodes });
1404 // include the crr plugin by default
1405 // $.jstree.defaults.plugins.push("crrm");
1410 * jsTree themes plugin
1411 * Handles loading and setting themes, as well as detecting path to themes, etc.
1414 var themes_loaded = [];
1415 // this variable stores the path to the themes folder - if left as false - it will be autodetected
1416 $.jstree._themes = false;
1417 $.jstree.plugin("themes", {
1418 __init : function () {
1419 this.get_container()
1420 .bind("init.jstree", $.proxy(function () {
1421 var s = this._get_settings().themes;
1422 this.data.themes.dots = s.dots;
1423 this.data.themes.icons = s.icons;
1424 this.set_theme(s.theme, s.url);
1426 .bind("loaded.jstree", $.proxy(function () {
1427 // bound here too, as simple HTML tree's won't honor dots & icons otherwise
1428 if(!this.data.themes.dots) { this.hide_dots(); }
1429 else { this.show_dots(); }
1430 if(!this.data.themes.icons) { this.hide_icons(); }
1431 else { this.show_icons(); }
1441 set_theme : function (theme_name, theme_url) {
1442 if(!theme_name) { return false; }
1443 if(!theme_url) { theme_url = $.jstree._themes + theme_name + '/style.css'; }
1444 if($.inArray(theme_url, themes_loaded) == -1) {
1445 $.vakata.css.add_sheet({ "url" : theme_url });
1446 themes_loaded.push(theme_url);
1448 if(this.data.themes.theme != theme_name) {
1449 this.get_container().removeClass('jstree-' + this.data.themes.theme);
1450 this.data.themes.theme = theme_name;
1452 this.get_container().addClass('jstree-' + theme_name);
1453 if(!this.data.themes.dots) { this.hide_dots(); }
1454 else { this.show_dots(); }
1455 if(!this.data.themes.icons) { this.hide_icons(); }
1456 else { this.show_icons(); }
1459 get_theme : function () { return this.data.themes.theme; },
1461 show_dots : function () { this.data.themes.dots = true; this.get_container().children("ul").removeClass("jstree-no-dots"); },
1462 hide_dots : function () { this.data.themes.dots = false; this.get_container().children("ul").addClass("jstree-no-dots"); },
1463 toggle_dots : function () { if(this.data.themes.dots) { this.hide_dots(); } else { this.show_dots(); } },
1465 show_icons : function () { this.data.themes.icons = true; this.get_container().children("ul").removeClass("jstree-no-icons"); },
1466 hide_icons : function () { this.data.themes.icons = false; this.get_container().children("ul").addClass("jstree-no-icons"); },
1467 toggle_icons: function () { if(this.data.themes.icons) { this.hide_icons(); } else { this.show_icons(); } }
1470 // autodetect themes path
1472 if($.jstree._themes === false) {
1473 $("script").each(function () {
1474 if(this.src.toString().match(/jquery\.jstree[^\/]*?\.js(\?.*)?$/)) {
1475 $.jstree._themes = this.src.toString().replace(/jquery\.jstree[^\/]*?\.js(\?.*)?$/, "") + 'themes/';
1480 if($.jstree._themes === false) { $.jstree._themes = "themes/"; }
1482 // include the themes plugin by default
1483 $.jstree.defaults.plugins.push("themes");
1488 * jsTree hotkeys plugin
1489 * Enables keyboard navigation for all tree instances
1490 * Depends on the jstree ui & jquery hotkeys plugins
1494 function exec(i, event) {
1495 var f = $.jstree._focused(), tmp;
1496 if(f && f.data && f.data.hotkeys && f.data.hotkeys.enabled) {
1497 tmp = f._get_settings().hotkeys[i];
1498 if(tmp) { return tmp.call(f, event); }
1501 $.jstree.plugin("hotkeys", {
1502 __init : function () {
1503 if(typeof $.hotkeys === "undefined") { throw "jsTree hotkeys: jQuery hotkeys plugin not included."; }
1504 if(!this.data.ui) { throw "jsTree hotkeys: jsTree UI plugin not included."; }
1505 $.each(this._get_settings().hotkeys, function (i, v) {
1506 if(v !== false && $.inArray(i, bound) == -1) {
1507 $(document).bind("keydown", i, function (event) { return exec(i, event); });
1511 this.get_container()
1512 .bind("lock.jstree", $.proxy(function () {
1513 if(this.data.hotkeys.enabled) { this.data.hotkeys.enabled = false; this.data.hotkeys.revert = true; }
1515 .bind("unlock.jstree", $.proxy(function () {
1516 if(this.data.hotkeys.revert) { this.data.hotkeys.enabled = true; }
1518 this.enable_hotkeys();
1521 "up" : function () {
1522 var o = this.data.ui.hovered || this.data.ui.last_selected || -1;
1523 this.hover_node(this._get_prev(o));
1526 "ctrl+up" : function () {
1527 var o = this.data.ui.hovered || this.data.ui.last_selected || -1;
1528 this.hover_node(this._get_prev(o));
1531 "shift+up" : function () {
1532 var o = this.data.ui.hovered || this.data.ui.last_selected || -1;
1533 this.hover_node(this._get_prev(o));
1536 "down" : function () {
1537 var o = this.data.ui.hovered || this.data.ui.last_selected || -1;
1538 this.hover_node(this._get_next(o));
1541 "ctrl+down" : function () {
1542 var o = this.data.ui.hovered || this.data.ui.last_selected || -1;
1543 this.hover_node(this._get_next(o));
1546 "shift+down" : function () {
1547 var o = this.data.ui.hovered || this.data.ui.last_selected || -1;
1548 this.hover_node(this._get_next(o));
1551 "left" : function () {
1552 var o = this.data.ui.hovered || this.data.ui.last_selected;
1554 if(o.hasClass("jstree-open")) { this.close_node(o); }
1555 else { this.hover_node(this._get_prev(o)); }
1559 "ctrl+left" : function () {
1560 var o = this.data.ui.hovered || this.data.ui.last_selected;
1562 if(o.hasClass("jstree-open")) { this.close_node(o); }
1563 else { this.hover_node(this._get_prev(o)); }
1567 "shift+left" : function () {
1568 var o = this.data.ui.hovered || this.data.ui.last_selected;
1570 if(o.hasClass("jstree-open")) { this.close_node(o); }
1571 else { this.hover_node(this._get_prev(o)); }
1575 "right" : function () {
1576 var o = this.data.ui.hovered || this.data.ui.last_selected;
1578 if(o.hasClass("jstree-closed")) { this.open_node(o); }
1579 else { this.hover_node(this._get_next(o)); }
1583 "ctrl+right" : function () {
1584 var o = this.data.ui.hovered || this.data.ui.last_selected;
1586 if(o.hasClass("jstree-closed")) { this.open_node(o); }
1587 else { this.hover_node(this._get_next(o)); }
1591 "shift+right" : function () {
1592 var o = this.data.ui.hovered || this.data.ui.last_selected;
1594 if(o.hasClass("jstree-closed")) { this.open_node(o); }
1595 else { this.hover_node(this._get_next(o)); }
1599 "space" : function () {
1600 if(this.data.ui.hovered) { this.data.ui.hovered.children("a:eq(0)").click(); }
1603 "ctrl+space" : function (event) {
1604 event.type = "click";
1605 if(this.data.ui.hovered) { this.data.ui.hovered.children("a:eq(0)").trigger(event); }
1608 "shift+space" : function (event) {
1609 event.type = "click";
1610 if(this.data.ui.hovered) { this.data.ui.hovered.children("a:eq(0)").trigger(event); }
1613 "f2" : function () { this.rename(this.data.ui.hovered || this.data.ui.last_selected); },
1614 "del" : function () { this.remove(this.data.ui.hovered || this._get_node(null)); }
1617 enable_hotkeys : function () {
1618 this.data.hotkeys.enabled = true;
1620 disable_hotkeys : function () {
1621 this.data.hotkeys.enabled = false;
1629 * jsTree JSON plugin
1630 * The JSON data store. Datastores are build by overriding the `load_node` and `_is_loaded` functions.
1633 $.jstree.plugin("json_data", {
1634 __init : function() {
1635 var s = this._get_settings().json_data;
1636 if(s.progressive_unload) {
1637 this.get_container().bind("after_close.jstree", function (e, data) {
1638 data.rslt.obj.children("ul").remove();
1643 // `data` can be a function:
1644 // * accepts two arguments - node being loaded and a callback to pass the result to
1645 // * will be executed in the current tree's scope & ajax won't be supported
1648 correct_state : true,
1649 progressive_render : false,
1650 progressive_unload : false
1653 load_node : function (obj, s_call, e_call) { var _this = this; this.load_node_json(obj, function () { _this.__callback({ "obj" : _this._get_node(obj) }); s_call.call(this); }, e_call); },
1654 _is_loaded : function (obj) {
1655 var s = this._get_settings().json_data;
1656 obj = this._get_node(obj);
1657 return obj == -1 || !obj || (!s.ajax && !s.progressive_render && !$.isFunction(s.data)) || obj.is(".jstree-open, .jstree-leaf") || obj.children("ul").children("li").length > 0;
1659 refresh : function (obj) {
1660 obj = this._get_node(obj);
1661 var s = this._get_settings().json_data;
1662 if(obj && obj !== -1 && s.progressive_unload && ($.isFunction(s.data) || !!s.ajax)) {
1663 obj.removeData("jstree_children");
1665 return this.__call_old();
1667 load_node_json : function (obj, s_call, e_call) {
1668 var s = this.get_settings().json_data, d,
1669 error_func = function () {},
1670 success_func = function () {};
1671 obj = this._get_node(obj);
1673 if(obj && obj !== -1 && (s.progressive_render || s.progressive_unload) && !obj.is(".jstree-open, .jstree-leaf") && obj.children("ul").children("li").length === 0 && obj.data("jstree_children")) {
1674 d = this._parse_json(obj.data("jstree_children"), obj);
1677 if(!s.progressive_unload) { obj.removeData("jstree_children"); }
1679 this.clean_node(obj);
1680 if(s_call) { s_call.call(this); }
1684 if(obj && obj !== -1) {
1685 if(obj.data("jstree_is_loading")) { return; }
1686 else { obj.data("jstree_is_loading",true); }
1689 case (!s.data && !s.ajax): throw "Neither data nor ajax settings supplied.";
1690 // function option added here for easier model integration (also supporting async - see callback)
1691 case ($.isFunction(s.data)):
1692 s.data.call(this, obj, $.proxy(function (d) {
1693 d = this._parse_json(d, obj);
1695 if(obj === -1 || !obj) {
1696 if(s.correct_state) { this.get_container().children("ul").empty(); }
1699 obj.children("a.jstree-loading").removeClass("jstree-loading");
1700 obj.removeData("jstree_is_loading");
1701 if(s.correct_state) { this.correct_state(obj); }
1703 if(e_call) { e_call.call(this); }
1706 if(obj === -1 || !obj) { this.get_container().children("ul").empty().append(d.children()); }
1707 else { obj.append(d).children("a.jstree-loading").removeClass("jstree-loading"); obj.removeData("jstree_is_loading"); }
1708 this.clean_node(obj);
1709 if(s_call) { s_call.call(this); }
1713 case (!!s.data && !s.ajax) || (!!s.data && !!s.ajax && (!obj || obj === -1)):
1714 if(!obj || obj == -1) {
1715 d = this._parse_json(s.data, obj);
1717 this.get_container().children("ul").empty().append(d.children());
1721 if(s.correct_state) { this.get_container().children("ul").empty(); }
1724 if(s_call) { s_call.call(this); }
1726 case (!s.data && !!s.ajax) || (!!s.data && !!s.ajax && obj && obj !== -1):
1727 error_func = function (x, t, e) {
1728 var ef = this.get_settings().json_data.ajax.error;
1729 if(ef) { ef.call(this, x, t, e); }
1730 if(obj != -1 && obj.length) {
1731 obj.children("a.jstree-loading").removeClass("jstree-loading");
1732 obj.removeData("jstree_is_loading");
1733 if(t === "success" && s.correct_state) { this.correct_state(obj); }
1736 if(t === "success" && s.correct_state) { this.get_container().children("ul").empty(); }
1738 if(e_call) { e_call.call(this); }
1740 success_func = function (d, t, x) {
1741 var sf = this.get_settings().json_data.ajax.success;
1742 if(sf) { d = sf.call(this,d,t,x) || d; }
1743 if(d === "" || (d && d.toString && d.toString().replace(/^[\s\n]+$/,"") === "") || (!$.isArray(d) && !$.isPlainObject(d))) {
1744 return error_func.call(this, x, t, "");
1746 d = this._parse_json(d, obj);
1748 if(obj === -1 || !obj) { this.get_container().children("ul").empty().append(d.children()); }
1749 else { obj.append(d).children("a.jstree-loading").removeClass("jstree-loading"); obj.removeData("jstree_is_loading"); }
1750 this.clean_node(obj);
1751 if(s_call) { s_call.call(this); }
1754 if(obj === -1 || !obj) {
1755 if(s.correct_state) {
1756 this.get_container().children("ul").empty();
1757 if(s_call) { s_call.call(this); }
1761 obj.children("a.jstree-loading").removeClass("jstree-loading");
1762 obj.removeData("jstree_is_loading");
1763 if(s.correct_state) {
1764 this.correct_state(obj);
1765 if(s_call) { s_call.call(this); }
1770 s.ajax.context = this;
1771 s.ajax.error = error_func;
1772 s.ajax.success = success_func;
1773 if(!s.ajax.dataType) { s.ajax.dataType = "json"; }
1774 if($.isFunction(s.ajax.url)) { s.ajax.url = s.ajax.url.call(this, obj); }
1775 if($.isFunction(s.ajax.data)) { s.ajax.data = s.ajax.data.call(this, obj); }
1780 _parse_json : function (js, obj, is_callback) {
1782 p = this._get_settings(),
1784 t = p.core.html_titles,
1785 tmp, i, j, ul1, ul2;
1787 if(!js) { return d; }
1788 if(s.progressive_unload && obj && obj !== -1) {
1789 obj.data("jstree_children", d);
1793 if(!js.length) { return false; }
1794 for(i = 0, j = js.length; i < j; i++) {
1795 tmp = this._parse_json(js[i], obj, true);
1796 if(tmp.length) { d = d.add(tmp); }
1800 if(typeof js == "string") { js = { data : js }; }
1801 if(!js.data && js.data !== "") { return d; }
1803 if(js.attr) { d.attr(js.attr); }
1804 if(js.metadata) { d.data(js.metadata); }
1805 if(js.state) { d.addClass("jstree-" + js.state); }
1806 if(!$.isArray(js.data)) { tmp = js.data; js.data = []; js.data.push(tmp); }
1807 $.each(js.data, function (i, m) {
1809 if($.isFunction(m)) { m = m.call(this, js); }
1810 if(typeof m == "string") { tmp.attr('href','#')[ t ? "html" : "text" ](m); }
1812 if(!m.attr) { m.attr = {}; }
1813 if(!m.attr.href) { m.attr.href = '#'; }
1814 tmp.attr(m.attr)[ t ? "html" : "text" ](m.title);
1815 if(m.language) { tmp.addClass(m.language); }
1817 tmp.prepend("<ins class='jstree-icon'> </ins>");
1818 if(!m.icon && js.icon) { m.icon = js.icon; }
1820 if(m.icon.indexOf("/") === -1) { tmp.children("ins").addClass(m.icon); }
1821 else { tmp.children("ins").css("background","url('" + m.icon + "') center center no-repeat"); }
1825 d.prepend("<ins class='jstree-icon'> </ins>");
1827 if(s.progressive_render && js.state !== "open") {
1828 d.addClass("jstree-closed").data("jstree_children", js.children);
1831 if(s.progressive_unload) { d.data("jstree_children", js.children); }
1832 if($.isArray(js.children) && js.children.length) {
1833 tmp = this._parse_json(js.children, obj, true);
1850 get_json : function (obj, li_attr, a_attr, is_callback) {
1852 s = this._get_settings(),
1854 tmp1, tmp2, li, a, t, lang;
1855 obj = this._get_node(obj);
1856 if(!obj || obj === -1) { obj = this.get_container().find("> ul > li"); }
1857 li_attr = $.isArray(li_attr) ? li_attr : [ "id", "class" ];
1858 if(!is_callback && this.data.types) { li_attr.push(s.types.type_attr); }
1859 a_attr = $.isArray(a_attr) ? a_attr : [ ];
1861 obj.each(function () {
1863 tmp1 = { data : [] };
1864 if(li_attr.length) { tmp1.attr = { }; }
1865 $.each(li_attr, function (i, v) {
1867 if(tmp2 && tmp2.length && tmp2.replace(/jstree[^ ]*/ig,'').length) {
1868 tmp1.attr[v] = (" " + tmp2).replace(/ jstree[^ ]*/ig,'').replace(/\s+$/ig," ").replace(/^ /,"").replace(/ $/,"");
1871 if(li.hasClass("jstree-open")) { tmp1.state = "open"; }
1872 if(li.hasClass("jstree-closed")) { tmp1.state = "closed"; }
1873 if(li.data()) { tmp1.metadata = li.data(); }
1874 a = li.children("a");
1875 a.each(function () {
1879 $.inArray("languages", s.plugins) !== -1 ||
1880 t.children("ins").get(0).style.backgroundImage.length ||
1881 (t.children("ins").get(0).className && t.children("ins").get(0).className.replace(/jstree[^ ]*|$/ig,'').length)
1884 if($.inArray("languages", s.plugins) !== -1 && $.isArray(s.languages) && s.languages.length) {
1885 $.each(s.languages, function (l, lv) {
1886 if(t.hasClass(lv)) {
1892 tmp2 = { attr : { }, title : _this.get_text(t, lang) };
1893 $.each(a_attr, function (k, z) {
1894 tmp2.attr[z] = (" " + (t.attr(z) || "")).replace(/ jstree[^ ]*/ig,'').replace(/\s+$/ig," ").replace(/^ /,"").replace(/ $/,"");
1896 if($.inArray("languages", s.plugins) !== -1 && $.isArray(s.languages) && s.languages.length) {
1897 $.each(s.languages, function (k, z) {
1898 if(t.hasClass(z)) { tmp2.language = z; return true; }
1901 if(t.children("ins").get(0).className.replace(/jstree[^ ]*|$/ig,'').replace(/^\s+$/ig,"").length) {
1902 tmp2.icon = t.children("ins").get(0).className.replace(/jstree[^ ]*|$/ig,'').replace(/\s+$/ig," ").replace(/^ /,"").replace(/ $/,"");
1904 if(t.children("ins").get(0).style.backgroundImage.length) {
1905 tmp2.icon = t.children("ins").get(0).style.backgroundImage.replace("url(","").replace(")","");
1909 tmp2 = _this.get_text(t);
1911 if(a.length > 1) { tmp1.data.push(tmp2); }
1912 else { tmp1.data = tmp2; }
1914 li = li.find("> ul > li");
1915 if(li.length) { tmp1.children = _this.get_json(li, li_attr, a_attr, true); }
1926 * jsTree languages plugin
1927 * Adds support for multiple language versions in one tree
1928 * This basically allows for many titles coexisting in one node, but only one of them being visible at any given time
1929 * This is useful for maintaining the same structure in many languages (hence the name of the plugin)
1932 $.jstree.plugin("languages", {
1933 __init : function () { this._load_css(); },
1936 set_lang : function (i) {
1937 var langs = this._get_settings().languages,
1939 selector = ".jstree-" + this.get_index() + ' a';
1940 if(!$.isArray(langs) || langs.length === 0) { return false; }
1941 if($.inArray(i,langs) == -1) {
1942 if(!!langs[i]) { i = langs[i]; }
1943 else { return false; }
1945 if(i == this.data.languages.current_language) { return true; }
1946 st = $.vakata.css.get_css(selector + "." + this.data.languages.current_language, false, this.data.languages.language_css);
1947 if(st !== false) { st.style.display = "none"; }
1948 st = $.vakata.css.get_css(selector + "." + i, false, this.data.languages.language_css);
1949 if(st !== false) { st.style.display = ""; }
1950 this.data.languages.current_language = i;
1954 get_lang : function () {
1955 return this.data.languages.current_language;
1957 _get_string : function (key, lang) {
1958 var langs = this._get_settings().languages,
1959 s = this._get_settings().core.strings;
1960 if($.isArray(langs) && langs.length) {
1961 lang = (lang && $.inArray(lang,langs) != -1) ? lang : this.data.languages.current_language;
1963 if(s[lang] && s[lang][key]) { return s[lang][key]; }
1964 if(s[key]) { return s[key]; }
1967 get_text : function (obj, lang) {
1968 obj = this._get_node(obj) || this.data.ui.last_selected;
1969 if(!obj.size()) { return false; }
1970 var langs = this._get_settings().languages,
1971 s = this._get_settings().core.html_titles;
1972 if($.isArray(langs) && langs.length) {
1973 lang = (lang && $.inArray(lang,langs) != -1) ? lang : this.data.languages.current_language;
1974 obj = obj.children("a." + lang);
1976 else { obj = obj.children("a:eq(0)"); }
1979 obj.children("INS").remove();
1983 obj = obj.contents().filter(function() { return this.nodeType == 3; })[0];
1984 return obj.nodeValue;
1987 set_text : function (obj, val, lang) {
1988 obj = this._get_node(obj) || this.data.ui.last_selected;
1989 if(!obj.size()) { return false; }
1990 var langs = this._get_settings().languages,
1991 s = this._get_settings().core.html_titles,
1993 if($.isArray(langs) && langs.length) {
1994 lang = (lang && $.inArray(lang,langs) != -1) ? lang : this.data.languages.current_language;
1995 obj = obj.children("a." + lang);
1997 else { obj = obj.children("a:eq(0)"); }
1999 tmp = obj.children("INS").clone();
2000 obj.html(val).prepend(tmp);
2001 this.__callback({ "obj" : obj, "name" : val, "lang" : lang });
2005 obj = obj.contents().filter(function() { return this.nodeType == 3; })[0];
2006 this.__callback({ "obj" : obj, "name" : val, "lang" : lang });
2007 return (obj.nodeValue = val);
2010 _load_css : function () {
2011 var langs = this._get_settings().languages,
2012 str = "/* languages css */",
2013 selector = ".jstree-" + this.get_index() + ' a',
2015 if($.isArray(langs) && langs.length) {
2016 this.data.languages.current_language = langs[0];
2017 for(ln = 0; ln < langs.length; ln++) {
2018 str += selector + "." + langs[ln] + " {";
2019 if(langs[ln] != this.data.languages.current_language) { str += " display:none; "; }
2022 this.data.languages.language_css = $.vakata.css.add_sheet({ 'str' : str, 'title' : "jstree-languages" });
2025 create_node : function (obj, position, js, callback) {
2026 var t = this.__call_old(true, obj, position, js, function (t) {
2027 var langs = this._get_settings().languages,
2028 a = t.children("a"),
2030 if($.isArray(langs) && langs.length) {
2031 for(ln = 0; ln < langs.length; ln++) {
2032 if(!a.is("." + langs[ln])) {
2033 t.append(a.eq(0).clone().removeClass(langs.join(" ")).addClass(langs[ln]));
2036 a.not("." + langs.join(", .")).remove();
2038 if(callback) { callback.call(this, t); }
2048 * jsTree cookies plugin
2049 * Stores the currently opened/selected nodes in a cookie and then restores them
2050 * Depends on the jquery.cookie plugin
2053 $.jstree.plugin("cookies", {
2054 __init : function () {
2055 if(typeof $.cookie === "undefined") { throw "jsTree cookie: jQuery cookie plugin not included."; }
2057 var s = this._get_settings().cookies,
2059 if(!!s.save_loaded) {
2060 tmp = $.cookie(s.save_loaded);
2061 if(tmp && tmp.length) { this.data.core.to_load = tmp.split(","); }
2063 if(!!s.save_opened) {
2064 tmp = $.cookie(s.save_opened);
2065 if(tmp && tmp.length) { this.data.core.to_open = tmp.split(","); }
2067 if(!!s.save_selected) {
2068 tmp = $.cookie(s.save_selected);
2069 if(tmp && tmp.length && this.data.ui) { this.data.ui.to_select = tmp.split(","); }
2071 this.get_container()
2072 .one( ( this.data.ui ? "reselect" : "reopen" ) + ".jstree", $.proxy(function () {
2073 this.get_container()
2074 .bind("open_node.jstree close_node.jstree select_node.jstree deselect_node.jstree", $.proxy(function (e) {
2075 if(this._get_settings().cookies.auto_save) { this.save_cookie((e.handleObj.namespace + e.handleObj.type).replace("jstree","")); }
2080 save_loaded : "jstree_load",
2081 save_opened : "jstree_open",
2082 save_selected : "jstree_select",
2087 save_cookie : function (c) {
2088 if(this.data.core.refreshing) { return; }
2089 var s = this._get_settings().cookies;
2090 if(!c) { // if called manually and not by event
2093 $.cookie(s.save_loaded, this.data.core.to_load.join(","), s.cookie_options);
2097 $.cookie(s.save_opened, this.data.core.to_open.join(","), s.cookie_options);
2099 if(s.save_selected && this.data.ui) {
2100 this.save_selected();
2101 $.cookie(s.save_selected, this.data.ui.to_select.join(","), s.cookie_options);
2108 if(!!s.save_opened) {
2110 $.cookie(s.save_opened, this.data.core.to_open.join(","), s.cookie_options);
2112 if(!!s.save_loaded) {
2114 $.cookie(s.save_loaded, this.data.core.to_load.join(","), s.cookie_options);
2118 case "deselect_node":
2119 if(!!s.save_selected && this.data.ui) {
2120 this.save_selected();
2121 $.cookie(s.save_selected, this.data.ui.to_select.join(","), s.cookie_options);
2128 // include cookies by default
2129 // $.jstree.defaults.plugins.push("cookies");
2134 * jsTree sort plugin
2135 * Sorts items alphabetically (or using any other function)
2138 $.jstree.plugin("sort", {
2139 __init : function () {
2140 this.get_container()
2141 .bind("load_node.jstree", $.proxy(function (e, data) {
2142 var obj = this._get_node(data.rslt.obj);
2143 obj = obj === -1 ? this.get_container().children("ul") : obj.children("ul");
2146 .bind("rename_node.jstree create_node.jstree create.jstree", $.proxy(function (e, data) {
2147 this.sort(data.rslt.obj.parent());
2149 .bind("move_node.jstree", $.proxy(function (e, data) {
2150 var m = data.rslt.np == -1 ? this.get_container() : data.rslt.np;
2151 this.sort(m.children("ul"));
2154 defaults : function (a, b) { return this.get_text(a) > this.get_text(b) ? 1 : -1; },
2156 sort : function (obj) {
2157 var s = this._get_settings().sort,
2159 obj.append($.makeArray(obj.children("li")).sort($.proxy(s, t)));
2160 obj.find("> li > ul").each(function() { t.sort($(this)); });
2161 this.clean_node(obj);
2170 * Drag and drop plugin for moving/copying nodes
2194 drag_start : function (e, data, html) {
2195 if($.vakata.dnd.is_drag) { $.vakata.drag_stop({}); }
2197 e.currentTarget.unselectable = "on";
2198 e.currentTarget.onselectstart = function() { return false; };
2199 if(e.currentTarget.style) { e.currentTarget.style.MozUserSelect = "none"; }
2201 $.vakata.dnd.init_x = e.pageX;
2202 $.vakata.dnd.init_y = e.pageY;
2203 $.vakata.dnd.user_data = data;
2204 $.vakata.dnd.is_down = true;
2205 $.vakata.dnd.helper = $("<div id='vakata-dragged' />").html(html); //.fadeTo(10,0.25);
2206 $(document).bind("mousemove", $.vakata.dnd.drag);
2207 $(document).bind("mouseup", $.vakata.dnd.drag_stop);
2210 drag : function (e) {
2211 if(!$.vakata.dnd.is_down) { return; }
2212 if(!$.vakata.dnd.is_drag) {
2213 if(Math.abs(e.pageX - $.vakata.dnd.init_x) > 5 || Math.abs(e.pageY - $.vakata.dnd.init_y) > 5) {
2214 $.vakata.dnd.helper.appendTo("body");
2215 $.vakata.dnd.is_drag = true;
2216 $(document).triggerHandler("drag_start.vakata", { "event" : e, "data" : $.vakata.dnd.user_data });
2221 // maybe use a scrolling parent element instead of document?
2222 if(e.type === "mousemove") { // thought of adding scroll in order to move the helper, but mouse poisition is n/a
2223 var d = $(document), t = d.scrollTop(), l = d.scrollLeft();
2224 if(e.pageY - t < 20) {
2225 if(sti && dir1 === "down") { clearInterval(sti); sti = false; }
2226 if(!sti) { dir1 = "up"; sti = setInterval(function () { $(document).scrollTop($(document).scrollTop() - $.vakata.dnd.scroll_spd); }, 150); }
2229 if(sti && dir1 === "up") { clearInterval(sti); sti = false; }
2231 if($(window).height() - (e.pageY - t) < 20) {
2232 if(sti && dir1 === "up") { clearInterval(sti); sti = false; }
2233 if(!sti) { dir1 = "down"; sti = setInterval(function () { $(document).scrollTop($(document).scrollTop() + $.vakata.dnd.scroll_spd); }, 150); }
2236 if(sti && dir1 === "down") { clearInterval(sti); sti = false; }
2239 if(e.pageX - l < 20) {
2240 if(sli && dir2 === "right") { clearInterval(sli); sli = false; }
2241 if(!sli) { dir2 = "left"; sli = setInterval(function () { $(document).scrollLeft($(document).scrollLeft() - $.vakata.dnd.scroll_spd); }, 150); }
2244 if(sli && dir2 === "left") { clearInterval(sli); sli = false; }
2246 if($(window).width() - (e.pageX - l) < 20) {
2247 if(sli && dir2 === "left") { clearInterval(sli); sli = false; }
2248 if(!sli) { dir2 = "right"; sli = setInterval(function () { $(document).scrollLeft($(document).scrollLeft() + $.vakata.dnd.scroll_spd); }, 150); }
2251 if(sli && dir2 === "right") { clearInterval(sli); sli = false; }
2255 $.vakata.dnd.helper.css({ left : (e.pageX + $.vakata.dnd.helper_left) + "px", top : (e.pageY + $.vakata.dnd.helper_top) + "px" });
2256 $(document).triggerHandler("drag.vakata", { "event" : e, "data" : $.vakata.dnd.user_data });
2258 drag_stop : function (e) {
2259 if(sli) { clearInterval(sli); }
2260 if(sti) { clearInterval(sti); }
2261 $(document).unbind("mousemove", $.vakata.dnd.drag);
2262 $(document).unbind("mouseup", $.vakata.dnd.drag_stop);
2263 $(document).triggerHandler("drag_stop.vakata", { "event" : e, "data" : $.vakata.dnd.user_data });
2264 $.vakata.dnd.helper.remove();
2265 $.vakata.dnd.init_x = 0;
2266 $.vakata.dnd.init_y = 0;
2267 $.vakata.dnd.user_data = {};
2268 $.vakata.dnd.is_down = false;
2269 $.vakata.dnd.is_drag = false;
2273 var css_string = '#vakata-dragged { display:block; margin:0 0 0 0; padding:4px 4px 4px 24px; position:absolute; top:-2000px; line-height:16px; z-index:10000; } ';
2274 $.vakata.css.add_sheet({ str : css_string, title : "vakata" });
2277 $.jstree.plugin("dnd", {
2278 __init : function () {
2296 this.get_container()
2297 .bind("mouseenter.jstree", $.proxy(function (e) {
2298 if($.vakata.dnd.is_drag && $.vakata.dnd.user_data.jstree) {
2299 if(this.data.themes) {
2300 m.attr("class", "jstree-" + this.data.themes.theme);
2301 if(ml) { ml.attr("class", "jstree-" + this.data.themes.theme); }
2302 $.vakata.dnd.helper.attr("class", "jstree-dnd-helper jstree-" + this.data.themes.theme);
2304 //if($(e.currentTarget).find("> ul > li").length === 0) {
2305 if(e.currentTarget === e.target && $.vakata.dnd.user_data.obj && $($.vakata.dnd.user_data.obj).length && $($.vakata.dnd.user_data.obj).parents(".jstree:eq(0)")[0] !== e.target) { // node should not be from the same tree
2306 var tr = $.jstree._reference(e.target), dc;
2307 if(tr.data.dnd.foreign) {
2308 dc = tr._get_settings().dnd.drag_check.call(this, { "o" : o, "r" : tr.get_container(), is_root : true });
2309 if(dc === true || dc.inside === true || dc.before === true || dc.after === true) {
2310 $.vakata.dnd.helper.children("ins").attr("class","jstree-ok");
2314 tr.prepare_move(o, tr.get_container(), "last");
2315 if(tr.check_move()) {
2316 $.vakata.dnd.helper.children("ins").attr("class","jstree-ok");
2322 .bind("mouseup.jstree", $.proxy(function (e) {
2323 //if($.vakata.dnd.is_drag && $.vakata.dnd.user_data.jstree && $(e.currentTarget).find("> ul > li").length === 0) {
2324 if($.vakata.dnd.is_drag && $.vakata.dnd.user_data.jstree && e.currentTarget === e.target && $.vakata.dnd.user_data.obj && $($.vakata.dnd.user_data.obj).length && $($.vakata.dnd.user_data.obj).parents(".jstree:eq(0)")[0] !== e.target) { // node should not be from the same tree
2325 var tr = $.jstree._reference(e.currentTarget), dc;
2326 if(tr.data.dnd.foreign) {
2327 dc = tr._get_settings().dnd.drag_check.call(this, { "o" : o, "r" : tr.get_container(), is_root : true });
2328 if(dc === true || dc.inside === true || dc.before === true || dc.after === true) {
2329 tr._get_settings().dnd.drag_finish.call(this, { "o" : o, "r" : tr.get_container(), is_root : true });
2333 tr.move_node(o, tr.get_container(), "last", e[tr._get_settings().dnd.copy_modifier + "Key"]);
2337 .bind("mouseleave.jstree", $.proxy(function (e) {
2338 if(e.relatedTarget && e.relatedTarget.id && e.relatedTarget.id === "jstree-marker-line") {
2341 if($.vakata.dnd.is_drag && $.vakata.dnd.user_data.jstree) {
2342 if(this.data.dnd.i1) { clearInterval(this.data.dnd.i1); }
2343 if(this.data.dnd.i2) { clearInterval(this.data.dnd.i2); }
2344 if(this.data.dnd.to1) { clearTimeout(this.data.dnd.to1); }
2345 if(this.data.dnd.to2) { clearTimeout(this.data.dnd.to2); }
2346 if($.vakata.dnd.helper.children("ins").hasClass("jstree-ok")) {
2347 $.vakata.dnd.helper.children("ins").attr("class","jstree-invalid");
2351 .bind("mousemove.jstree", $.proxy(function (e) {
2352 if($.vakata.dnd.is_drag && $.vakata.dnd.user_data.jstree) {
2353 var cnt = this.get_container()[0];
2355 // Horizontal scroll
2356 if(e.pageX + 24 > this.data.dnd.cof.left + this.data.dnd.cw) {
2357 if(this.data.dnd.i1) { clearInterval(this.data.dnd.i1); }
2358 this.data.dnd.i1 = setInterval($.proxy(function () { this.scrollLeft += $.vakata.dnd.scroll_spd; }, cnt), 100);
2360 else if(e.pageX - 24 < this.data.dnd.cof.left) {
2361 if(this.data.dnd.i1) { clearInterval(this.data.dnd.i1); }
2362 this.data.dnd.i1 = setInterval($.proxy(function () { this.scrollLeft -= $.vakata.dnd.scroll_spd; }, cnt), 100);
2365 if(this.data.dnd.i1) { clearInterval(this.data.dnd.i1); }
2369 if(e.pageY + 24 > this.data.dnd.cof.top + this.data.dnd.ch) {
2370 if(this.data.dnd.i2) { clearInterval(this.data.dnd.i2); }
2371 this.data.dnd.i2 = setInterval($.proxy(function () { this.scrollTop += $.vakata.dnd.scroll_spd; }, cnt), 100);
2373 else if(e.pageY - 24 < this.data.dnd.cof.top) {
2374 if(this.data.dnd.i2) { clearInterval(this.data.dnd.i2); }
2375 this.data.dnd.i2 = setInterval($.proxy(function () { this.scrollTop -= $.vakata.dnd.scroll_spd; }, cnt), 100);
2378 if(this.data.dnd.i2) { clearInterval(this.data.dnd.i2); }
2383 .bind("scroll.jstree", $.proxy(function (e) {
2384 if($.vakata.dnd.is_drag && $.vakata.dnd.user_data.jstree && m && ml) {
2389 .delegate("a", "mousedown.jstree", $.proxy(function (e) {
2391 this.start_drag(e.currentTarget, e);
2395 .delegate("a", "mouseenter.jstree", $.proxy(function (e) {
2396 if($.vakata.dnd.is_drag && $.vakata.dnd.user_data.jstree) {
2397 this.dnd_enter(e.currentTarget);
2400 .delegate("a", "mousemove.jstree", $.proxy(function (e) {
2401 if($.vakata.dnd.is_drag && $.vakata.dnd.user_data.jstree) {
2402 if(!r || !r.length || r.children("a")[0] !== e.currentTarget) {
2403 this.dnd_enter(e.currentTarget);
2405 if(typeof this.data.dnd.off.top === "undefined") { this.data.dnd.off = $(e.target).offset(); }
2406 this.data.dnd.w = (e.pageY - (this.data.dnd.off.top || 0)) % this.data.core.li_height;
2407 if(this.data.dnd.w < 0) { this.data.dnd.w += this.data.core.li_height; }
2411 .delegate("a", "mouseleave.jstree", $.proxy(function (e) {
2412 if($.vakata.dnd.is_drag && $.vakata.dnd.user_data.jstree) {
2413 if(e.relatedTarget && e.relatedTarget.id && e.relatedTarget.id === "jstree-marker-line") {
2417 if(ml) { ml.hide(); }
2419 var ec = $(e.currentTarget).closest("li"),
2420 er = $(e.relatedTarget).closest("li");
2421 if(er[0] !== ec.prev()[0] && er[0] !== ec.next()[0]) {
2423 if(ml) { ml.hide(); }
2426 this.data.dnd.mto = setTimeout(
2427 (function (t) { return function () { t.dnd_leave(e); }; })(this),
2431 .delegate("a", "mouseup.jstree", $.proxy(function (e) {
2432 if($.vakata.dnd.is_drag && $.vakata.dnd.user_data.jstree) {
2438 .bind("drag_stop.vakata", $.proxy(function () {
2439 if(this.data.dnd.to1) { clearTimeout(this.data.dnd.to1); }
2440 if(this.data.dnd.to2) { clearTimeout(this.data.dnd.to2); }
2441 if(this.data.dnd.i1) { clearInterval(this.data.dnd.i1); }
2442 if(this.data.dnd.i2) { clearInterval(this.data.dnd.i2); }
2443 this.data.dnd.after = false;
2444 this.data.dnd.before = false;
2445 this.data.dnd.inside = false;
2446 this.data.dnd.off = false;
2447 this.data.dnd.prepared = false;
2448 this.data.dnd.w = false;
2449 this.data.dnd.to1 = false;
2450 this.data.dnd.to2 = false;
2451 this.data.dnd.i1 = false;
2452 this.data.dnd.i2 = false;
2453 this.data.dnd.active = false;
2454 this.data.dnd.foreign = false;
2455 if(m) { m.css({ "top" : "-2000px" }); }
2456 if(ml) { ml.css({ "top" : "-2000px" }); }
2458 .bind("drag_start.vakata", $.proxy(function (e, data) {
2459 if(data.data.jstree) {
2460 var et = $(data.event.target);
2461 if(et.closest(".jstree").hasClass("jstree-" + this.get_index())) {
2467 .bind("keydown.jstree-" + this.get_index() + " keyup.jstree-" + this.get_index(), $.proxy(function(e) {
2468 if($.vakata.dnd.is_drag && $.vakata.dnd.user_data.jstree && !this.data.dnd.foreign) {
2469 var h = $.vakata.dnd.helper.children("ins");
2470 if(e[this._get_settings().dnd.copy_modifier + "Key"] && h.hasClass("jstree-ok")) {
2471 h.parent().html(h.parent().html().replace(/ \(Copy\)$/, "") + " (Copy)");
2474 h.parent().html(h.parent().html().replace(/ \(Copy\)$/, ""));
2481 var s = this._get_settings().dnd;
2484 .delegate(s.drag_target, "mousedown.jstree-" + this.get_index(), $.proxy(function (e) {
2486 $.vakata.dnd.drag_start(e, { jstree : true, obj : e.target }, "<ins class='jstree-icon'></ins>" + $(e.target).text() );
2487 if(this.data.themes) {
2488 if(m) { m.attr("class", "jstree-" + this.data.themes.theme); }
2489 if(ml) { ml.attr("class", "jstree-" + this.data.themes.theme); }
2490 $.vakata.dnd.helper.attr("class", "jstree-dnd-helper jstree-" + this.data.themes.theme);
2492 $.vakata.dnd.helper.children("ins").attr("class","jstree-invalid");
2493 var cnt = this.get_container();
2494 this.data.dnd.cof = cnt.offset();
2495 this.data.dnd.cw = parseInt(cnt.width(),10);
2496 this.data.dnd.ch = parseInt(cnt.height(),10);
2497 this.data.dnd.foreign = true;
2503 .delegate(s.drop_target, "mouseenter.jstree-" + this.get_index(), $.proxy(function (e) {
2504 if(this.data.dnd.active && this._get_settings().dnd.drop_check.call(this, { "o" : o, "r" : $(e.target), "e" : e })) {
2505 $.vakata.dnd.helper.children("ins").attr("class","jstree-ok");
2508 .delegate(s.drop_target, "mouseleave.jstree-" + this.get_index(), $.proxy(function (e) {
2509 if(this.data.dnd.active) {
2510 $.vakata.dnd.helper.children("ins").attr("class","jstree-invalid");
2513 .delegate(s.drop_target, "mouseup.jstree-" + this.get_index(), $.proxy(function (e) {
2514 if(this.data.dnd.active && $.vakata.dnd.helper.children("ins").hasClass("jstree-ok")) {
2515 this._get_settings().dnd.drop_finish.call(this, { "o" : o, "r" : $(e.target), "e" : e });
2521 copy_modifier : "ctrl",
2522 check_timeout : 100,
2524 drop_target : ".jstree-drop",
2525 drop_check : function (data) { return true; },
2526 drop_finish : $.noop,
2527 drag_target : ".jstree-draggable",
2528 drag_finish : $.noop,
2529 drag_check : function (data) { return { after : false, before : false, inside : true }; }
2532 dnd_prepare : function () {
2533 if(!r || !r.length) { return; }
2534 this.data.dnd.off = r.offset();
2535 if(this._get_settings().core.rtl) {
2536 this.data.dnd.off.right = this.data.dnd.off.left + r.width();
2538 if(this.data.dnd.foreign) {
2539 var a = this._get_settings().dnd.drag_check.call(this, { "o" : o, "r" : r });
2540 this.data.dnd.after = a.after;
2541 this.data.dnd.before = a.before;
2542 this.data.dnd.inside = a.inside;
2543 this.data.dnd.prepared = true;
2544 return this.dnd_show();
2546 this.prepare_move(o, r, "before");
2547 this.data.dnd.before = this.check_move();
2548 this.prepare_move(o, r, "after");
2549 this.data.dnd.after = this.check_move();
2550 if(this._is_loaded(r)) {
2551 this.prepare_move(o, r, "inside");
2552 this.data.dnd.inside = this.check_move();
2555 this.data.dnd.inside = false;
2557 this.data.dnd.prepared = true;
2558 return this.dnd_show();
2560 dnd_show : function () {
2561 if(!this.data.dnd.prepared) { return; }
2562 var o = ["before","inside","after"],
2564 rtl = this._get_settings().core.rtl,
2566 if(this.data.dnd.w < this.data.core.li_height/3) { o = ["before","inside","after"]; }
2567 else if(this.data.dnd.w <= this.data.core.li_height*2/3) {
2568 o = this.data.dnd.w < this.data.core.li_height/2 ? ["inside","before","after"] : ["inside","after","before"];
2570 else { o = ["after","inside","before"]; }
2571 $.each(o, $.proxy(function (i, val) {
2572 if(this.data.dnd[val]) {
2573 $.vakata.dnd.helper.children("ins").attr("class","jstree-ok");
2578 if(r === false) { $.vakata.dnd.helper.children("ins").attr("class","jstree-invalid"); }
2580 pos = rtl ? (this.data.dnd.off.right - 18) : (this.data.dnd.off.left + 10);
2583 m.css({ "left" : pos + "px", "top" : (this.data.dnd.off.top - 6) + "px" }).show();
2584 if(ml) { ml.css({ "left" : (pos + 8) + "px", "top" : (this.data.dnd.off.top - 1) + "px" }).show(); }
2587 m.css({ "left" : pos + "px", "top" : (this.data.dnd.off.top + this.data.core.li_height - 6) + "px" }).show();
2588 if(ml) { ml.css({ "left" : (pos + 8) + "px", "top" : (this.data.dnd.off.top + this.data.core.li_height - 1) + "px" }).show(); }
2591 m.css({ "left" : pos + ( rtl ? -4 : 4) + "px", "top" : (this.data.dnd.off.top + this.data.core.li_height/2 - 5) + "px" }).show();
2592 if(ml) { ml.hide(); }
2596 if(ml) { ml.hide(); }
2602 dnd_open : function () {
2603 this.data.dnd.to2 = false;
2604 this.open_node(r, $.proxy(this.dnd_prepare,this), true);
2606 dnd_finish : function (e) {
2607 if(this.data.dnd.foreign) {
2608 if(this.data.dnd.after || this.data.dnd.before || this.data.dnd.inside) {
2609 this._get_settings().dnd.drag_finish.call(this, { "o" : o, "r" : r, "p" : last_pos });
2614 this.move_node(o, r, last_pos, e[this._get_settings().dnd.copy_modifier + "Key"]);
2619 if(ml) { ml.hide(); }
2621 dnd_enter : function (obj) {
2622 if(this.data.dnd.mto) {
2623 clearTimeout(this.data.dnd.mto);
2624 this.data.dnd.mto = false;
2626 var s = this._get_settings().dnd;
2627 this.data.dnd.prepared = false;
2628 r = this._get_node(obj);
2629 if(s.check_timeout) {
2630 // do the calculations after a minimal timeout (users tend to drag quickly to the desired location)
2631 if(this.data.dnd.to1) { clearTimeout(this.data.dnd.to1); }
2632 this.data.dnd.to1 = setTimeout($.proxy(this.dnd_prepare, this), s.check_timeout);
2637 if(s.open_timeout) {
2638 if(this.data.dnd.to2) { clearTimeout(this.data.dnd.to2); }
2639 if(r && r.length && r.hasClass("jstree-closed")) {
2640 // if the node is closed - open it, then recalculate
2641 this.data.dnd.to2 = setTimeout($.proxy(this.dnd_open, this), s.open_timeout);
2645 if(r && r.length && r.hasClass("jstree-closed")) {
2650 dnd_leave : function (e) {
2651 this.data.dnd.after = false;
2652 this.data.dnd.before = false;
2653 this.data.dnd.inside = false;
2654 $.vakata.dnd.helper.children("ins").attr("class","jstree-invalid");
2656 if(ml) { ml.hide(); }
2657 if(r && r[0] === e.target.parentNode) {
2658 if(this.data.dnd.to1) {
2659 clearTimeout(this.data.dnd.to1);
2660 this.data.dnd.to1 = false;
2662 if(this.data.dnd.to2) {
2663 clearTimeout(this.data.dnd.to2);
2664 this.data.dnd.to2 = false;
2668 start_drag : function (obj, e) {
2669 o = this._get_node(obj);
2670 if(this.data.ui && this.is_selected(o)) { o = this._get_node(null, true); }
2671 var dt = o.length > 1 ? this._get_string("multiple_selection") : this.get_text(o),
2672 cnt = this.get_container();
2673 if(!this._get_settings().core.html_titles) { dt = dt.replace(/</ig,"<").replace(/>/ig,">"); }
2674 $.vakata.dnd.drag_start(e, { jstree : true, obj : o }, "<ins class='jstree-icon'></ins>" + dt );
2675 if(this.data.themes) {
2676 if(m) { m.attr("class", "jstree-" + this.data.themes.theme); }
2677 if(ml) { ml.attr("class", "jstree-" + this.data.themes.theme); }
2678 $.vakata.dnd.helper.attr("class", "jstree-dnd-helper jstree-" + this.data.themes.theme);
2680 this.data.dnd.cof = cnt.offset();
2681 this.data.dnd.cw = parseInt(cnt.width(),10);
2682 this.data.dnd.ch = parseInt(cnt.height(),10);
2683 this.data.dnd.active = true;
2688 var css_string = '' +
2689 '#vakata-dragged ins { display:block; text-decoration:none; width:16px; height:16px; margin:0 0 0 0; padding:0; position:absolute; top:4px; left:4px; ' +
2690 ' -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; ' +
2692 '#vakata-dragged .jstree-ok { background:green; } ' +
2693 '#vakata-dragged .jstree-invalid { background:red; } ' +
2694 '#jstree-marker { padding:0; margin:0; font-size:12px; overflow:hidden; height:12px; width:8px; position:absolute; top:-30px; z-index:10001; background-repeat:no-repeat; display:none; background-color:transparent; text-shadow:1px 1px 1px white; color:black; line-height:10px; } ' +
2695 '#jstree-marker-line { padding:0; margin:0; line-height:0%; font-size:1px; overflow:hidden; height:1px; width:100px; position:absolute; top:-30px; z-index:10000; background-repeat:no-repeat; display:none; background-color:#456c43; ' +
2696 ' cursor:pointer; border:1px solid #eeeeee; border-left:0; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; box-shadow: 0px 0px 2px #666; ' +
2697 ' -moz-border-radius:1px; border-radius:1px; -webkit-border-radius:1px; ' +
2700 $.vakata.css.add_sheet({ str : css_string, title : "jstree" });
2701 m = $("<div />").attr({ id : "jstree-marker" }).hide().html("»")
2702 .bind("mouseleave mouseenter", function (e) {
2706 e.stopImmediatePropagation();
2710 ml = $("<div />").attr({ id : "jstree-marker-line" }).hide()
2711 .bind("mouseup", function (e) {
2713 r.children("a").trigger(e);
2715 e.stopImmediatePropagation();
2719 .bind("mouseleave", function (e) {
2720 var rt = $(e.relatedTarget);
2721 if(rt.is(".jstree") || rt.closest(".jstree").length === 0) {
2723 r.children("a").trigger(e);
2727 e.stopImmediatePropagation();
2733 $(document).bind("drag_start.vakata", function (e, data) {
2734 if(data.data.jstree) { m.show(); if(ml) { ml.show(); } }
2736 $(document).bind("drag_stop.vakata", function (e, data) {
2737 if(data.data.jstree) { m.hide(); if(ml) { ml.hide(); } }
2744 * jsTree checkbox plugin
2745 * Inserts checkboxes in front of every node
2746 * Depends on the ui plugin
2747 * DOES NOT WORK NICELY WITH MULTITREE DRAG'N'DROP
2750 $.jstree.plugin("checkbox", {
2751 __init : function () {
2752 this.data.checkbox.noui = this._get_settings().checkbox.override_ui;
2753 if(this.data.ui && this.data.checkbox.noui) {
2754 this.select_node = this.deselect_node = this.deselect_all = $.noop;
2755 this.get_selected = this.get_checked;
2758 this.get_container()
2759 .bind("open_node.jstree create_node.jstree clean_node.jstree refresh.jstree", $.proxy(function (e, data) {
2760 this._prepare_checkboxes(data.rslt.obj);
2762 .bind("loaded.jstree", $.proxy(function (e) {
2763 this._prepare_checkboxes();
2765 .delegate( (this.data.ui && this.data.checkbox.noui ? "a" : "ins.jstree-checkbox") , "click.jstree", $.proxy(function (e) {
2767 if(this._get_node(e.target).hasClass("jstree-checked")) { this.uncheck_node(e.target); }
2768 else { this.check_node(e.target); }
2769 if(this.data.ui && this.data.checkbox.noui) {
2770 this.save_selected();
2771 if(this.data.cookies) { this.save_cookie("select_node"); }
2774 e.stopImmediatePropagation();
2780 override_ui : false,
2782 real_checkboxes : false,
2783 checked_parent_open : true,
2784 real_checkboxes_names : function (n) { return [ ("check_" + (n[0].id || Math.ceil(Math.random() * 10000))) , 1]; }
2786 __destroy : function () {
2787 this.get_container()
2788 .find("input.jstree-real-checkbox").removeClass("jstree-real-checkbox").end()
2789 .find("ins.jstree-checkbox").remove();
2792 _checkbox_notify : function (n, data) {
2794 this.check_node(n, false);
2797 _prepare_checkboxes : function (obj) {
2798 obj = !obj || obj == -1 ? this.get_container().find("> ul > li") : this._get_node(obj);
2799 if(obj === false) { return; } // added for removing root nodes
2800 var c, _this = this, t, ts = this._get_settings().checkbox.two_state, rc = this._get_settings().checkbox.real_checkboxes, rcn = this._get_settings().checkbox.real_checkboxes_names;
2801 obj.each(function () {
2803 c = t.is("li") && (t.hasClass("jstree-checked") || (rc && t.children(":checked").length)) ? "jstree-checked" : "jstree-unchecked";
2804 t.find("li").andSelf().each(function () {
2805 var $t = $(this), nm;
2806 $t.children("a" + (_this.data.languages ? "" : ":eq(0)") ).not(":has(.jstree-checkbox)").prepend("<ins class='jstree-checkbox'> </ins>").parent().not(".jstree-checked, .jstree-unchecked").addClass( ts ? "jstree-unchecked" : c );
2808 if(!$t.children(":checkbox").length) {
2809 nm = rcn.call(_this, $t);
2810 $t.prepend("<input type='checkbox' class='jstree-real-checkbox' id='" + nm[0] + "' name='" + nm[0] + "' value='" + nm[1] + "' />");
2813 $t.children(":checkbox").addClass("jstree-real-checkbox");
2817 if(c === "jstree-checked" || $t.hasClass("jstree-checked") || $t.children(':checked').length) {
2818 $t.find("li").andSelf().addClass("jstree-checked").children(":checkbox").prop("checked", true);
2822 if($t.hasClass("jstree-checked") || $t.children(':checked').length) {
2823 $t.addClass("jstree-checked").children(":checkbox").prop("checked", true);
2829 obj.find(".jstree-checked").parent().parent().each(function () { _this._repair_state(this); });
2832 change_state : function (obj, state) {
2833 obj = this._get_node(obj);
2834 var coll = false, rc = this._get_settings().checkbox.real_checkboxes;
2835 if(!obj || obj === -1) { return false; }
2836 state = (state === false || state === true) ? state : obj.hasClass("jstree-checked");
2837 if(this._get_settings().checkbox.two_state) {
2839 obj.removeClass("jstree-checked").addClass("jstree-unchecked");
2840 if(rc) { obj.children(":checkbox").prop("checked", false); }
2843 obj.removeClass("jstree-unchecked").addClass("jstree-checked");
2844 if(rc) { obj.children(":checkbox").prop("checked", true); }
2849 coll = obj.find("li").andSelf();
2850 if(!coll.filter(".jstree-checked, .jstree-undetermined").length) { return false; }
2851 coll.removeClass("jstree-checked jstree-undetermined").addClass("jstree-unchecked");
2852 if(rc) { coll.children(":checkbox").prop("checked", false); }
2855 coll = obj.find("li").andSelf();
2856 if(!coll.filter(".jstree-unchecked, .jstree-undetermined").length) { return false; }
2857 coll.removeClass("jstree-unchecked jstree-undetermined").addClass("jstree-checked");
2858 if(rc) { coll.children(":checkbox").prop("checked", true); }
2859 if(this.data.ui) { this.data.ui.last_selected = obj; }
2860 this.data.checkbox.last_selected = obj;
2862 obj.parentsUntil(".jstree", "li").each(function () {
2863 var $this = $(this);
2865 if($this.children("ul").children("li.jstree-checked, li.jstree-undetermined").length) {
2866 $this.parentsUntil(".jstree", "li").andSelf().removeClass("jstree-checked jstree-unchecked").addClass("jstree-undetermined");
2867 if(rc) { $this.parentsUntil(".jstree", "li").andSelf().children(":checkbox").prop("checked", false); }
2871 $this.removeClass("jstree-checked jstree-undetermined").addClass("jstree-unchecked");
2872 if(rc) { $this.children(":checkbox").prop("checked", false); }
2876 if($this.children("ul").children("li.jstree-unchecked, li.jstree-undetermined").length) {
2877 $this.parentsUntil(".jstree", "li").andSelf().removeClass("jstree-checked jstree-unchecked").addClass("jstree-undetermined");
2878 if(rc) { $this.parentsUntil(".jstree", "li").andSelf().children(":checkbox").prop("checked", false); }
2882 $this.removeClass("jstree-unchecked jstree-undetermined").addClass("jstree-checked");
2883 if(rc) { $this.children(":checkbox").prop("checked", true); }
2888 if(this.data.ui && this.data.checkbox.noui) { this.data.ui.selected = this.get_checked(); }
2889 this.__callback(obj);
2892 check_node : function (obj) {
2893 if(this.change_state(obj, false)) {
2894 obj = this._get_node(obj);
2895 if(this._get_settings().checkbox.checked_parent_open) {
2897 obj.parents(".jstree-closed").each(function () { t.open_node(this, false, true); });
2899 this.__callback({ "obj" : obj });
2902 uncheck_node : function (obj) {
2903 if(this.change_state(obj, true)) { this.__callback({ "obj" : this._get_node(obj) }); }
2905 check_all : function () {
2907 coll = this._get_settings().checkbox.two_state ? this.get_container_ul().find("li") : this.get_container_ul().children("li");
2908 coll.each(function () {
2909 _this.change_state(this, false);
2913 uncheck_all : function () {
2915 coll = this._get_settings().checkbox.two_state ? this.get_container_ul().find("li") : this.get_container_ul().children("li");
2916 coll.each(function () {
2917 _this.change_state(this, true);
2922 is_checked : function(obj) {
2923 obj = this._get_node(obj);
2924 return obj.length ? obj.is(".jstree-checked") : false;
2926 get_checked : function (obj, get_all) {
2927 obj = !obj || obj === -1 ? this.get_container() : this._get_node(obj);
2928 return get_all || this._get_settings().checkbox.two_state ? obj.find(".jstree-checked") : obj.find("> ul > .jstree-checked, .jstree-undetermined > ul > .jstree-checked");
2930 get_unchecked : function (obj, get_all) {
2931 obj = !obj || obj === -1 ? this.get_container() : this._get_node(obj);
2932 return get_all || this._get_settings().checkbox.two_state ? obj.find(".jstree-unchecked") : obj.find("> ul > .jstree-unchecked, .jstree-undetermined > ul > .jstree-unchecked");
2935 show_checkboxes : function () { this.get_container().children("ul").removeClass("jstree-no-checkboxes"); },
2936 hide_checkboxes : function () { this.get_container().children("ul").addClass("jstree-no-checkboxes"); },
2938 _repair_state : function (obj) {
2939 obj = this._get_node(obj);
2940 if(!obj.length) { return; }
2941 if(this._get_settings().checkbox.two_state) {
2942 obj.find('li').andSelf().not('.jstree-checked').removeClass('jstree-undetermined').addClass('jstree-unchecked').children(':checkbox').prop('checked', true);
2945 var rc = this._get_settings().checkbox.real_checkboxes,
2946 a = obj.find("> ul > .jstree-checked").length,
2947 b = obj.find("> ul > .jstree-undetermined").length,
2948 c = obj.find("> ul > li").length;
2949 if(c === 0) { if(obj.hasClass("jstree-undetermined")) { this.change_state(obj, false); } }
2950 else if(a === 0 && b === 0) { this.change_state(obj, true); }
2951 else if(a === c) { this.change_state(obj, false); }
2953 obj.parentsUntil(".jstree","li").andSelf().removeClass("jstree-checked jstree-unchecked").addClass("jstree-undetermined");
2954 if(rc) { obj.parentsUntil(".jstree", "li").andSelf().children(":checkbox").prop("checked", false); }
2957 reselect : function () {
2958 if(this.data.ui && this.data.checkbox.noui) {
2960 s = this.data.ui.to_select;
2961 s = $.map($.makeArray(s), function (n) { return "#" + n.toString().replace(/^#/,"").replace(/\\\//g,"/").replace(/\//g,"\\\/").replace(/\\\./g,".").replace(/\./g,"\\.").replace(/\:/g,"\\:"); });
2962 this.deselect_all();
2963 $.each(s, function (i, val) { _this.check_node(val); });
2970 save_loaded : function () {
2972 this.data.core.to_load = [];
2973 this.get_container_ul().find("li.jstree-closed.jstree-undetermined").each(function () {
2974 if(this.id) { _this.data.core.to_load.push("#" + this.id); }
2980 var css_string = '.jstree .jstree-real-checkbox { display:none; } ';
2981 $.vakata.css.add_sheet({ str : css_string, title : "jstree" });
2988 * The XML data store. Datastores are build by overriding the `load_node` and `_is_loaded` functions.
2991 $.vakata.xslt = function (xml, xsl, callback) {
2992 var rs = "", xm, xs, processor, support;
2993 // TODO: IE9 no XSLTProcessor, no document.recalc
2994 if(document.recalc) {
2995 xm = document.createElement('xml');
2996 xs = document.createElement('xml');
2999 $("body").append(xm).append(xs);
3000 setTimeout( (function (xm, xs, callback) {
3001 return function () {
3002 callback.call(null, xm.transformNode(xs.XMLDocument));
3003 setTimeout( (function (xm, xs) { return function () { $(xm).remove(); $(xs).remove(); }; })(xm, xs), 200);
3005 })(xm, xs, callback), 100);
3008 if(typeof window.DOMParser !== "undefined" && typeof window.XMLHttpRequest !== "undefined" && typeof window.XSLTProcessor === "undefined") {
3009 xml = new DOMParser().parseFromString(xml, "text/xml");
3010 xsl = new DOMParser().parseFromString(xsl, "text/xml");
3011 // alert(xml.transformNode());
3012 // callback.call(null, new XMLSerializer().serializeToString(rs));
3015 if(typeof window.DOMParser !== "undefined" && typeof window.XMLHttpRequest !== "undefined" && typeof window.XSLTProcessor !== "undefined") {
3016 processor = new XSLTProcessor();
3017 support = $.isFunction(processor.transformDocument) ? (typeof window.XMLSerializer !== "undefined") : true;
3018 if(!support) { return false; }
3019 xml = new DOMParser().parseFromString(xml, "text/xml");
3020 xsl = new DOMParser().parseFromString(xsl, "text/xml");
3021 if($.isFunction(processor.transformDocument)) {
3022 rs = document.implementation.createDocument("", "", null);
3023 processor.transformDocument(xml, xsl, rs, null);
3024 callback.call(null, new XMLSerializer().serializeToString(rs));
3028 processor.importStylesheet(xsl);
3029 rs = processor.transformToFragment(xml, document);
3030 callback.call(null, $("<div />").append(rs).html());
3037 'nest' : '<' + '?xml version="1.0" encoding="utf-8" ?>' +
3038 '<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" >' +
3039 '<xsl:output method="html" encoding="utf-8" omit-xml-declaration="yes" standalone="no" indent="no" media-type="text/html" />' +
3040 '<xsl:template match="/">' +
3041 ' <xsl:call-template name="nodes">' +
3042 ' <xsl:with-param name="node" select="/root" />' +
3043 ' </xsl:call-template>' +
3045 '<xsl:template name="nodes">' +
3046 ' <xsl:param name="node" />' +
3048 ' <xsl:for-each select="$node/item">' +
3049 ' <xsl:variable name="children" select="count(./item) > 0" />' +
3051 ' <xsl:attribute name="class">' +
3052 ' <xsl:if test="position() = last()">jstree-last </xsl:if>' +
3054 ' <xsl:when test="@state = \'open\'">jstree-open </xsl:when>' +
3055 ' <xsl:when test="$children or @hasChildren or @state = \'closed\'">jstree-closed </xsl:when>' +
3056 ' <xsl:otherwise>jstree-leaf </xsl:otherwise>' +
3058 ' <xsl:value-of select="@class" />' +
3059 ' </xsl:attribute>' +
3060 ' <xsl:for-each select="@*">' +
3061 ' <xsl:if test="name() != \'class\' and name() != \'state\' and name() != \'hasChildren\'">' +
3062 ' <xsl:attribute name="{name()}"><xsl:value-of select="." /></xsl:attribute>' +
3064 ' </xsl:for-each>' +
3065 ' <ins class="jstree-icon"><xsl:text> </xsl:text></ins>' +
3066 ' <xsl:for-each select="content/name">' +
3068 ' <xsl:attribute name="href">' +
3070 ' <xsl:when test="@href"><xsl:value-of select="@href" /></xsl:when>' +
3071 ' <xsl:otherwise>#</xsl:otherwise>' +
3073 ' </xsl:attribute>' +
3074 ' <xsl:attribute name="class"><xsl:value-of select="@lang" /> <xsl:value-of select="@class" /></xsl:attribute>' +
3075 ' <xsl:attribute name="style"><xsl:value-of select="@style" /></xsl:attribute>' +
3076 ' <xsl:for-each select="@*">' +
3077 ' <xsl:if test="name() != \'style\' and name() != \'class\' and name() != \'href\'">' +
3078 ' <xsl:attribute name="{name()}"><xsl:value-of select="." /></xsl:attribute>' +
3080 ' </xsl:for-each>' +
3082 ' <xsl:attribute name="class">jstree-icon ' +
3083 ' <xsl:if test="string-length(attribute::icon) > 0 and not(contains(@icon,\'/\'))"><xsl:value-of select="@icon" /></xsl:if>' +
3084 ' </xsl:attribute>' +
3085 ' <xsl:if test="string-length(attribute::icon) > 0 and contains(@icon,\'/\')"><xsl:attribute name="style">background:url(<xsl:value-of select="@icon" />) center center no-repeat;</xsl:attribute></xsl:if>' +
3086 ' <xsl:text> </xsl:text>' +
3088 ' <xsl:copy-of select="./child::node()" />' +
3090 ' </xsl:for-each>' +
3091 ' <xsl:if test="$children or @hasChildren"><xsl:call-template name="nodes"><xsl:with-param name="node" select="current()" /></xsl:call-template></xsl:if>' +
3093 ' </xsl:for-each>' +
3096 '</xsl:stylesheet>',
3098 'flat' : '<' + '?xml version="1.0" encoding="utf-8" ?>' +
3099 '<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" >' +
3100 '<xsl:output method="html" encoding="utf-8" omit-xml-declaration="yes" standalone="no" indent="no" media-type="text/xml" />' +
3101 '<xsl:template match="/">' +
3103 ' <xsl:for-each select="//item[not(@parent_id) or @parent_id=0 or not(@parent_id = //item/@id)]">' + /* the last `or` may be removed */
3104 ' <xsl:call-template name="nodes">' +
3105 ' <xsl:with-param name="node" select="." />' +
3106 ' <xsl:with-param name="is_last" select="number(position() = last())" />' +
3107 ' </xsl:call-template>' +
3108 ' </xsl:for-each>' +
3111 '<xsl:template name="nodes">' +
3112 ' <xsl:param name="node" />' +
3113 ' <xsl:param name="is_last" />' +
3114 ' <xsl:variable name="children" select="count(//item[@parent_id=$node/attribute::id]) > 0" />' +
3116 ' <xsl:attribute name="class">' +
3117 ' <xsl:if test="$is_last = true()">jstree-last </xsl:if>' +
3119 ' <xsl:when test="@state = \'open\'">jstree-open </xsl:when>' +
3120 ' <xsl:when test="$children or @hasChildren or @state = \'closed\'">jstree-closed </xsl:when>' +
3121 ' <xsl:otherwise>jstree-leaf </xsl:otherwise>' +
3123 ' <xsl:value-of select="@class" />' +
3124 ' </xsl:attribute>' +
3125 ' <xsl:for-each select="@*">' +
3126 ' <xsl:if test="name() != \'parent_id\' and name() != \'hasChildren\' and name() != \'class\' and name() != \'state\'">' +
3127 ' <xsl:attribute name="{name()}"><xsl:value-of select="." /></xsl:attribute>' +
3129 ' </xsl:for-each>' +
3130 ' <ins class="jstree-icon"><xsl:text> </xsl:text></ins>' +
3131 ' <xsl:for-each select="content/name">' +
3133 ' <xsl:attribute name="href">' +
3135 ' <xsl:when test="@href"><xsl:value-of select="@href" /></xsl:when>' +
3136 ' <xsl:otherwise>#</xsl:otherwise>' +
3138 ' </xsl:attribute>' +
3139 ' <xsl:attribute name="class"><xsl:value-of select="@lang" /> <xsl:value-of select="@class" /></xsl:attribute>' +
3140 ' <xsl:attribute name="style"><xsl:value-of select="@style" /></xsl:attribute>' +
3141 ' <xsl:for-each select="@*">' +
3142 ' <xsl:if test="name() != \'style\' and name() != \'class\' and name() != \'href\'">' +
3143 ' <xsl:attribute name="{name()}"><xsl:value-of select="." /></xsl:attribute>' +
3145 ' </xsl:for-each>' +
3147 ' <xsl:attribute name="class">jstree-icon ' +
3148 ' <xsl:if test="string-length(attribute::icon) > 0 and not(contains(@icon,\'/\'))"><xsl:value-of select="@icon" /></xsl:if>' +
3149 ' </xsl:attribute>' +
3150 ' <xsl:if test="string-length(attribute::icon) > 0 and contains(@icon,\'/\')"><xsl:attribute name="style">background:url(<xsl:value-of select="@icon" />) center center no-repeat;</xsl:attribute></xsl:if>' +
3151 ' <xsl:text> </xsl:text>' +
3153 ' <xsl:copy-of select="./child::node()" />' +
3155 ' </xsl:for-each>' +
3156 ' <xsl:if test="$children">' +
3158 ' <xsl:for-each select="//item[@parent_id=$node/attribute::id]">' +
3159 ' <xsl:call-template name="nodes">' +
3160 ' <xsl:with-param name="node" select="." />' +
3161 ' <xsl:with-param name="is_last" select="number(position() = last())" />' +
3162 ' </xsl:call-template>' +
3163 ' </xsl:for-each>' +
3170 escape_xml = function(string) {
3173 .replace(/&/g, '&')
3174 .replace(/</g, '<')
3175 .replace(/>/g, '>')
3176 .replace(/"/g, '"')
3177 .replace(/'/g, ''');
3179 $.jstree.plugin("xml_data", {
3185 correct_state : true,
3186 get_skip_empty : false,
3187 get_include_preamble : true
3190 load_node : function (obj, s_call, e_call) { var _this = this; this.load_node_xml(obj, function () { _this.__callback({ "obj" : _this._get_node(obj) }); s_call.call(this); }, e_call); },
3191 _is_loaded : function (obj) {
3192 var s = this._get_settings().xml_data;
3193 obj = this._get_node(obj);
3194 return obj == -1 || !obj || (!s.ajax && !$.isFunction(s.data)) || obj.is(".jstree-open, .jstree-leaf") || obj.children("ul").children("li").size() > 0;
3196 load_node_xml : function (obj, s_call, e_call) {
3197 var s = this.get_settings().xml_data,
3198 error_func = function () {},
3199 success_func = function () {};
3201 obj = this._get_node(obj);
3202 if(obj && obj !== -1) {
3203 if(obj.data("jstree_is_loading")) { return; }
3204 else { obj.data("jstree_is_loading",true); }
3207 case (!s.data && !s.ajax): throw "Neither data nor ajax settings supplied.";
3208 case ($.isFunction(s.data)):
3209 s.data.call(this, obj, $.proxy(function (d) {
3210 this.parse_xml(d, $.proxy(function (d) {
3212 d = d.replace(/ ?xmlns="[^"]*"/ig, "");
3215 if(obj === -1 || !obj) { this.get_container().children("ul").empty().append(d.children()); }
3216 else { obj.children("a.jstree-loading").removeClass("jstree-loading"); obj.append(d); obj.removeData("jstree_is_loading"); }
3217 if(s.clean_node) { this.clean_node(obj); }
3218 if(s_call) { s_call.call(this); }
3221 if(obj && obj !== -1) {
3222 obj.children("a.jstree-loading").removeClass("jstree-loading");
3223 obj.removeData("jstree_is_loading");
3224 if(s.correct_state) {
3225 this.correct_state(obj);
3226 if(s_call) { s_call.call(this); }
3230 if(s.correct_state) {
3231 this.get_container().children("ul").empty();
3232 if(s_call) { s_call.call(this); }
3240 case (!!s.data && !s.ajax) || (!!s.data && !!s.ajax && (!obj || obj === -1)):
3241 if(!obj || obj == -1) {
3242 this.parse_xml(s.data, $.proxy(function (d) {
3244 d = d.replace(/ ?xmlns="[^"]*"/ig, "");
3247 this.get_container().children("ul").empty().append(d.children());
3248 if(s.clean_node) { this.clean_node(obj); }
3249 if(s_call) { s_call.call(this); }
3253 if(s.correct_state) {
3254 this.get_container().children("ul").empty();
3255 if(s_call) { s_call.call(this); }
3261 case (!s.data && !!s.ajax) || (!!s.data && !!s.ajax && obj && obj !== -1):
3262 error_func = function (x, t, e) {
3263 var ef = this.get_settings().xml_data.ajax.error;
3264 if(ef) { ef.call(this, x, t, e); }
3265 if(obj !== -1 && obj.length) {
3266 obj.children("a.jstree-loading").removeClass("jstree-loading");
3267 obj.removeData("jstree_is_loading");
3268 if(t === "success" && s.correct_state) { this.correct_state(obj); }
3271 if(t === "success" && s.correct_state) { this.get_container().children("ul").empty(); }
3273 if(e_call) { e_call.call(this); }
3275 success_func = function (d, t, x) {
3277 var sf = this.get_settings().xml_data.ajax.success;
3278 if(sf) { d = sf.call(this,d,t,x) || d; }
3279 if(d === "" || (d && d.toString && d.toString().replace(/^[\s\n]+$/,"") === "")) {
3280 return error_func.call(this, x, t, "");
3282 this.parse_xml(d, $.proxy(function (d) {
3284 d = d.replace(/ ?xmlns="[^"]*"/ig, "");
3287 if(obj === -1 || !obj) { this.get_container().children("ul").empty().append(d.children()); }
3288 else { obj.children("a.jstree-loading").removeClass("jstree-loading"); obj.append(d); obj.removeData("jstree_is_loading"); }
3289 if(s.clean_node) { this.clean_node(obj); }
3290 if(s_call) { s_call.call(this); }
3293 if(obj && obj !== -1) {
3294 obj.children("a.jstree-loading").removeClass("jstree-loading");
3295 obj.removeData("jstree_is_loading");
3296 if(s.correct_state) {
3297 this.correct_state(obj);
3298 if(s_call) { s_call.call(this); }
3302 if(s.correct_state) {
3303 this.get_container().children("ul").empty();
3304 if(s_call) { s_call.call(this); }
3311 s.ajax.context = this;
3312 s.ajax.error = error_func;
3313 s.ajax.success = success_func;
3314 if(!s.ajax.dataType) { s.ajax.dataType = "xml"; }
3315 if($.isFunction(s.ajax.url)) { s.ajax.url = s.ajax.url.call(this, obj); }
3316 if($.isFunction(s.ajax.data)) { s.ajax.data = s.ajax.data.call(this, obj); }
3321 parse_xml : function (xml, callback) {
3322 var s = this._get_settings().xml_data;
3323 $.vakata.xslt(xml, xsl[s.xsl], callback);
3325 get_xml : function (tp, obj, li_attr, a_attr, is_callback) {
3327 s = this._get_settings(),
3329 tmp1, tmp2, li, a, lang;
3330 if(!tp) { tp = "flat"; }
3331 if(!is_callback) { is_callback = 0; }
3332 obj = this._get_node(obj);
3333 if(!obj || obj === -1) { obj = this.get_container().find("> ul > li"); }
3334 li_attr = $.isArray(li_attr) ? li_attr : [ "id", "class" ];
3335 if(!is_callback && this.data.types && $.inArray(s.types.type_attr, li_attr) === -1) { li_attr.push(s.types.type_attr); }
3337 a_attr = $.isArray(a_attr) ? a_attr : [ ];
3340 if(s.xml_data.get_include_preamble) {
3341 result += '<' + '?xml version="1.0" encoding="UTF-8"?' + '>';
3345 obj.each(function () {
3348 $.each(li_attr, function (i, v) {
3350 if(!s.xml_data.get_skip_empty || typeof t !== "undefined") {
3351 result += " " + v + "=\"" + escape_xml((" " + (t || "")).replace(/ jstree[^ ]*/ig,'').replace(/\s+$/ig," ").replace(/^ /,"").replace(/ $/,"")) + "\"";
3354 if(li.hasClass("jstree-open")) { result += " state=\"open\""; }
3355 if(li.hasClass("jstree-closed")) { result += " state=\"closed\""; }
3356 if(tp === "flat") { result += " parent_id=\"" + escape_xml(is_callback) + "\""; }
3358 result += "<content>";
3359 a = li.children("a");
3360 a.each(function () {
3364 if($.inArray("languages", s.plugins) !== -1) {
3365 $.each(s.languages, function (k, z) {
3366 if(tmp1.hasClass(z)) { result += " lang=\"" + escape_xml(z) + "\""; lang = z; return false; }
3370 $.each(a_attr, function (k, z) {
3371 var t = tmp1.attr(z);
3372 if(!s.xml_data.get_skip_empty || typeof t !== "undefined") {
3373 result += " " + z + "=\"" + escape_xml((" " + t || "").replace(/ jstree[^ ]*/ig,'').replace(/\s+$/ig," ").replace(/^ /,"").replace(/ $/,"")) + "\"";
3377 if(tmp1.children("ins").get(0).className.replace(/jstree[^ ]*|$/ig,'').replace(/^\s+$/ig,"").length) {
3378 result += ' icon="' + escape_xml(tmp1.children("ins").get(0).className.replace(/jstree[^ ]*|$/ig,'').replace(/\s+$/ig," ").replace(/^ /,"").replace(/ $/,"")) + '"';
3380 if(tmp1.children("ins").get(0).style.backgroundImage.length) {
3381 result += ' icon="' + escape_xml(tmp1.children("ins").get(0).style.backgroundImage.replace("url(","").replace(")","").replace(/'/ig,"").replace(/"/ig,"")) + '"';
3384 result += "<![CDATA[" + _this.get_text(tmp1, lang) + "]]>";
3385 result += "</name>";
3387 result += "</content>";
3388 tmp2 = li[0].id || true;
3389 li = li.find("> ul > li");
3390 if(li.length) { tmp2 = _this.get_xml(tp, li, li_attr, a_attr, tmp2); }
3392 if(tp == "nest") { result += tmp2; }
3393 result += "</item>";
3394 if(tp == "flat") { result += tmp2; }
3396 if(!is_callback) { result += "</root>"; }
3405 * jsTree search plugin
3406 * Enables both sync and async search on the tree
3407 * DOES NOT WORK WITH JSON PROGRESSIVE RENDER
3410 $.expr[':'].jstree_contains = function(a,i,m){
3411 return (a.textContent || a.innerText || "").toLowerCase().indexOf(m[3].toLowerCase())>=0;
3413 $.expr[':'].jstree_title_contains = function(a,i,m) {
3414 return (a.getAttribute("title") || "").toLowerCase().indexOf(m[3].toLowerCase())>=0;
3416 $.jstree.plugin("search", {
3417 __init : function () {
3418 this.data.search.str = "";
3419 this.data.search.result = $();
3420 if(this._get_settings().search.show_only_matches) {
3421 this.get_container()
3422 .bind("search.jstree", function (e, data) {
3423 $(this).children("ul").find("li").hide().removeClass("jstree-last");
3424 data.rslt.nodes.parentsUntil(".jstree").andSelf().show()
3425 .filter("ul").each(function () { $(this).children("li:visible").eq(-1).addClass("jstree-last"); });
3427 .bind("clear_search.jstree", function () {
3428 $(this).children("ul").find("li").css("display","").end().end().jstree("clean_node", -1);
3434 search_method : "jstree_contains", // for case insensitive - jstree_contains
3435 show_only_matches : false
3438 search : function (str, skip_async) {
3439 if($.trim(str) === "") { this.clear_search(); return; }
3440 var s = this.get_settings().search,
3442 error_func = function () { },
3443 success_func = function () { };
3444 this.data.search.str = str;
3446 if(!skip_async && s.ajax !== false && this.get_container_ul().find("li.jstree-closed:not(:has(ul)):eq(0)").length > 0) {
3447 this.search.supress_callback = true;
3448 error_func = function () { };
3449 success_func = function (d, t, x) {
3450 var sf = this.get_settings().search.ajax.success;
3451 if(sf) { d = sf.call(this,d,t,x) || d; }
3452 this.data.search.to_open = d;
3453 this._search_open();
3455 s.ajax.context = this;
3456 s.ajax.error = error_func;
3457 s.ajax.success = success_func;
3458 if($.isFunction(s.ajax.url)) { s.ajax.url = s.ajax.url.call(this, str); }
3459 if($.isFunction(s.ajax.data)) { s.ajax.data = s.ajax.data.call(this, str); }
3460 if(!s.ajax.data) { s.ajax.data = { "search_string" : str }; }
3461 if(!s.ajax.dataType || /^json/.exec(s.ajax.dataType)) { s.ajax.dataType = "json"; }
3465 if(this.data.search.result.length) { this.clear_search(); }
3466 this.data.search.result = this.get_container().find("a" + (this.data.languages ? "." + this.get_lang() : "" ) + ":" + (s.search_method) + "(" + this.data.search.str + ")");
3467 this.data.search.result.addClass("jstree-search").parent().parents(".jstree-closed").each(function () {
3468 t.open_node(this, false, true);
3470 this.__callback({ nodes : this.data.search.result, str : str });
3472 clear_search : function (str) {
3473 this.data.search.result.removeClass("jstree-search");
3474 this.__callback(this.data.search.result);
3475 this.data.search.result = $();
3477 _search_open : function (is_callback) {
3482 if(this.data.search.to_open.length) {
3483 $.each(this.data.search.to_open, function (i, val) {
3484 if(val == "#") { return true; }
3485 if($(val).length && $(val).is(".jstree-closed")) { current.push(val); }
3486 else { remaining.push(val); }
3488 if(current.length) {
3489 this.data.search.to_open = remaining;
3490 $.each(current, function (i, val) {
3491 _this.open_node(val, function () { _this._search_open(true); });
3496 if(done) { this.search(this.data.search.str, true); }
3504 * jsTree contextmenu plugin
3507 $.vakata.context = {
3508 hide_on_mouseleave : false,
3510 cnt : $("<div id='vakata-contextmenu' />"),
3517 show : function (s, t, x, y, d, p, rtl) {
3518 $.vakata.context.rtl = !!rtl;
3519 var html = $.vakata.context.parse(s), h, w;
3520 if(!html) { return; }
3521 $.vakata.context.vis = true;
3522 $.vakata.context.tgt = t;
3523 $.vakata.context.par = p || t || null;
3524 $.vakata.context.data = d || null;
3525 $.vakata.context.cnt
3527 .css({ "visibility" : "hidden", "display" : "block", "left" : 0, "top" : 0 });
3529 if($.vakata.context.hide_on_mouseleave) {
3530 $.vakata.context.cnt
3531 .one("mouseleave", function(e) { $.vakata.context.hide(); });
3534 h = $.vakata.context.cnt.height();
3535 w = $.vakata.context.cnt.width();
3536 if(x + w > $(document).width()) {
3537 x = $(document).width() - (w + 5);
3538 $.vakata.context.cnt.find("li > ul").addClass("right");
3540 if(y + h > $(document).height()) {
3541 y = y - (h + t[0].offsetHeight);
3542 $.vakata.context.cnt.find("li > ul").addClass("bottom");
3545 $.vakata.context.cnt
3546 .css({ "left" : x, "top" : y })
3548 .bind("mouseenter", function (e) {
3549 var w = $(document).width(),
3550 h = $(document).height(),
3551 ul = $(this).children("ul").show();
3552 if(w !== $(document).width()) { ul.toggleClass("right"); }
3553 if(h !== $(document).height()) { ul.toggleClass("bottom"); }
3555 .bind("mouseleave", function (e) {
3556 $(this).children("ul").hide();
3559 .css({ "visibility" : "visible" })
3561 $(document).triggerHandler("context_show.vakata");
3563 hide : function () {
3564 $.vakata.context.vis = false;
3565 $.vakata.context.cnt.attr("class","").css({ "visibility" : "hidden" });
3566 $(document).triggerHandler("context_hide.vakata");
3568 parse : function (s, is_callback) {
3569 if(!s) { return false; }
3573 if(!is_callback) { $.vakata.context.func = {}; }
3575 $.each(s, function (i, val) {
3576 if(!val) { return true; }
3577 $.vakata.context.func[i] = val.action;
3578 if(!was_sep && val.separator_before) {
3579 str += "<li class='vakata-separator vakata-separator-before'></li>";
3582 str += "<li class='" + (val._class || "") + (val._disabled ? " jstree-contextmenu-disabled " : "") + "'><ins ";
3583 if(val.icon && val.icon.indexOf("/") === -1) { str += " class='" + val.icon + "' "; }
3584 if(val.icon && val.icon.indexOf("/") !== -1) { str += " style='background:url(" + val.icon + ") center center no-repeat;' "; }
3585 str += "> </ins><a href='#' rel='" + i + "'>";
3587 str += "<span style='float:" + ($.vakata.context.rtl ? "left" : "right") + ";'>»</span>";
3589 str += val.label + "</a>";
3591 tmp = $.vakata.context.parse(val.submenu, true);
3592 if(tmp) { str += tmp; }
3595 if(val.separator_after) {
3596 str += "<li class='vakata-separator vakata-separator-after'></li>";
3600 str = str.replace(/<li class\='vakata-separator vakata-separator-after'\><\/li\>$/,"");
3602 $(document).triggerHandler("context_parse.vakata");
3603 return str.length > 10 ? str : false;
3605 exec : function (i) {
3606 if($.isFunction($.vakata.context.func[i])) {
3607 // if is string - eval and call it!
3608 $.vakata.context.func[i].call($.vakata.context.data, $.vakata.context.par);
3611 else { return false; }
3615 var css_string = '' +
3616 '#vakata-contextmenu { display:block; visibility:hidden; left:0; top:-200px; position:absolute; margin:0; padding:0; min-width:180px; background:#ebebeb; border:1px solid silver; z-index:10000; *width:180px; } ' +
3617 '#vakata-contextmenu ul { min-width:180px; *width:180px; } ' +
3618 '#vakata-contextmenu ul, #vakata-contextmenu li { margin:0; padding:0; list-style-type:none; display:block; } ' +
3619 '#vakata-contextmenu li { line-height:20px; min-height:20px; position:relative; padding:0px; } ' +
3620 '#vakata-contextmenu li a { padding:1px 6px; line-height:17px; display:block; text-decoration:none; margin:1px 1px 0 1px; } ' +
3621 '#vakata-contextmenu li ins { float:left; width:16px; height:16px; text-decoration:none; margin-right:2px; } ' +
3622 '#vakata-contextmenu li a:hover, #vakata-contextmenu li.vakata-hover > a { background:gray; color:white; } ' +
3623 '#vakata-contextmenu li ul { display:none; position:absolute; top:-2px; left:100%; background:#ebebeb; border:1px solid gray; } ' +
3624 '#vakata-contextmenu .right { right:100%; left:auto; } ' +
3625 '#vakata-contextmenu .bottom { bottom:-1px; top:auto; } ' +
3626 '#vakata-contextmenu li.vakata-separator { min-height:0; height:1px; line-height:1px; font-size:1px; overflow:hidden; margin:0 2px; background:silver; /* border-top:1px solid #fefefe; */ padding:0; } ';
3627 $.vakata.css.add_sheet({ str : css_string, title : "vakata" });
3628 $.vakata.context.cnt
3629 .delegate("a","click", function (e) { e.preventDefault(); })
3630 .delegate("a","mouseup", function (e) {
3631 if(!$(this).parent().hasClass("jstree-contextmenu-disabled") && $.vakata.context.exec($(this).attr("rel"))) {
3632 $.vakata.context.hide();
3634 else { $(this).blur(); }
3636 .delegate("a","mouseover", function () {
3637 $.vakata.context.cnt.find(".vakata-hover").removeClass("vakata-hover");
3640 $(document).bind("mousedown", function (e) { if($.vakata.context.vis && !$.contains($.vakata.context.cnt[0], e.target)) { $.vakata.context.hide(); } });
3641 if(typeof $.hotkeys !== "undefined") {
3643 .bind("keydown", "up", function (e) {
3644 if($.vakata.context.vis) {
3645 var o = $.vakata.context.cnt.find("ul:visible").last().children(".vakata-hover").removeClass("vakata-hover").prevAll("li:not(.vakata-separator)").first();
3646 if(!o.length) { o = $.vakata.context.cnt.find("ul:visible").last().children("li:not(.vakata-separator)").last(); }
3647 o.addClass("vakata-hover");
3648 e.stopImmediatePropagation();
3652 .bind("keydown", "down", function (e) {
3653 if($.vakata.context.vis) {
3654 var o = $.vakata.context.cnt.find("ul:visible").last().children(".vakata-hover").removeClass("vakata-hover").nextAll("li:not(.vakata-separator)").first();
3655 if(!o.length) { o = $.vakata.context.cnt.find("ul:visible").last().children("li:not(.vakata-separator)").first(); }
3656 o.addClass("vakata-hover");
3657 e.stopImmediatePropagation();
3661 .bind("keydown", "right", function (e) {
3662 if($.vakata.context.vis) {
3663 $.vakata.context.cnt.find(".vakata-hover").children("ul").show().children("li:not(.vakata-separator)").removeClass("vakata-hover").first().addClass("vakata-hover");
3664 e.stopImmediatePropagation();
3668 .bind("keydown", "left", function (e) {
3669 if($.vakata.context.vis) {
3670 $.vakata.context.cnt.find(".vakata-hover").children("ul").hide().children(".vakata-separator").removeClass("vakata-hover");
3671 e.stopImmediatePropagation();
3675 .bind("keydown", "esc", function (e) {
3676 $.vakata.context.hide();
3679 .bind("keydown", "space", function (e) {
3680 $.vakata.context.cnt.find(".vakata-hover").last().children("a").click();
3686 $.jstree.plugin("contextmenu", {
3687 __init : function () {
3688 this.get_container()
3689 .delegate("a", "contextmenu.jstree", $.proxy(function (e) {
3691 if(!$(e.currentTarget).hasClass("jstree-loading")) {
3692 this.show_contextmenu(e.currentTarget, e.pageX, e.pageY);
3695 .delegate("a", "click.jstree", $.proxy(function (e) {
3696 if(this.data.contextmenu) {
3697 $.vakata.context.hide();
3700 .bind("destroy.jstree", $.proxy(function () {
3701 // TODO: move this to descruct method
3702 if(this.data.contextmenu) {
3703 $.vakata.context.hide();
3706 $(document).bind("context_hide.vakata", $.proxy(function () { this.data.contextmenu = false; }, this));
3709 select_node : false, // requires UI plugin
3710 show_at_node : true,
3711 items : { // Could be a function that should return an object like this one
3713 "separator_before" : false,
3714 "separator_after" : true,
3716 "action" : function (obj) { this.create(obj); }
3719 "separator_before" : false,
3720 "separator_after" : false,
3722 "action" : function (obj) { this.rename(obj); }
3725 "separator_before" : false,
3727 "separator_after" : false,
3729 "action" : function (obj) { if(this.is_selected(obj)) { this.remove(); } else { this.remove(obj); } }
3732 "separator_before" : true,
3734 "separator_after" : false,
3739 "separator_before" : false,
3740 "separator_after" : false,
3742 "action" : function (obj) { this.cut(obj); }
3745 "separator_before" : false,
3747 "separator_after" : false,
3749 "action" : function (obj) { this.copy(obj); }
3752 "separator_before" : false,
3754 "separator_after" : false,
3756 "action" : function (obj) { this.paste(obj); }
3763 show_contextmenu : function (obj, x, y) {
3764 obj = this._get_node(obj);
3765 var s = this.get_settings().contextmenu,
3766 a = obj.children("a:visible:eq(0)"),
3769 if(s.select_node && this.data.ui && !this.is_selected(obj)) {
3770 this.deselect_all();
3771 this.select_node(obj, true);
3773 if(s.show_at_node || typeof x === "undefined" || typeof y === "undefined") {
3776 y = o.top + this.data.core.li_height;
3778 i = obj.data("jstree") && obj.data("jstree").contextmenu ? obj.data("jstree").contextmenu : s.items;
3779 if($.isFunction(i)) { i = i.call(this, obj); }
3780 this.data.contextmenu = true;
3781 $.vakata.context.show(i, a, x, y, this, obj, this._get_settings().core.rtl);
3782 if(this.data.themes) { $.vakata.context.cnt.attr("class", "jstree-" + this.data.themes.theme + "-context"); }
3790 * jsTree types plugin
3791 * Adds support types of nodes
3792 * You can set an attribute on each li node, that represents its type.
3793 * According to the type setting the node may get custom icon/validation rules
3796 $.jstree.plugin("types", {
3797 __init : function () {
3798 var s = this._get_settings().types;
3799 this.data.types.attach_to = [];
3800 this.get_container()
3801 .bind("init.jstree", $.proxy(function () {
3802 var types = s.types,
3807 $.each(types, function (i, tp) {
3808 $.each(tp, function (k, v) {
3809 if(!/^(max_depth|max_children|icon|valid_children)$/.test(k)) { _this.data.types.attach_to.push(k); }
3811 if(!tp.icon) { return true; }
3812 if( tp.icon.image || tp.icon.position) {
3813 if(i == "default") { icons_css += '.jstree-' + _this.get_index() + ' a > .jstree-icon { '; }
3814 else { icons_css += '.jstree-' + _this.get_index() + ' li[' + attr + '="' + i + '"] > a > .jstree-icon { '; }
3815 if(tp.icon.image) { icons_css += ' background-image:url(' + tp.icon.image + '); '; }
3816 if(tp.icon.position){ icons_css += ' background-position:' + tp.icon.position + '; '; }
3817 else { icons_css += ' background-position:0 0; '; }
3821 if(icons_css !== "") { $.vakata.css.add_sheet({ 'str' : icons_css, title : "jstree-types" }); }
3823 .bind("before.jstree", $.proxy(function (e, data) {
3825 o = this._get_settings().types.use_data ? this._get_node(data.args[0]) : false,
3826 d = o && o !== -1 && o.length ? o.data("jstree") : false;
3827 if(d && d.types && d.types[data.func] === false) { e.stopImmediatePropagation(); return false; }
3828 if($.inArray(data.func, this.data.types.attach_to) !== -1) {
3829 if(!data.args[0] || (!data.args[0].tagName && !data.args[0].jquery)) { return; }
3830 s = this._get_settings().types.types;
3831 t = this._get_type(data.args[0]);
3834 (s[t] && typeof s[t][data.func] !== "undefined") ||
3835 (s["default"] && typeof s["default"][data.func] !== "undefined")
3836 ) && this._check(data.func, data.args[0]) === false
3838 e.stopImmediatePropagation();
3844 this.get_container()
3845 .bind("load_node.jstree set_type.jstree", $.proxy(function (e, data) {
3846 var r = data && data.rslt && data.rslt.obj && data.rslt.obj !== -1 ? this._get_node(data.rslt.obj).parent() : this.get_container_ul(),
3848 s = this._get_settings().types;
3849 $.each(s.types, function (i, tp) {
3850 if(tp.icon && (tp.icon.image || tp.icon.position)) {
3851 c = i === "default" ? r.find("li > a > .jstree-icon") : r.find("li[" + s.type_attr + "='" + i + "'] > a > .jstree-icon");
3852 if(tp.icon.image) { c.css("backgroundImage","url(" + tp.icon.image + ")"); }
3853 c.css("backgroundPosition", tp.icon.position || "0 0");
3860 // defines maximum number of root nodes (-1 means unlimited, -2 means disable max_children checking)
3862 // defines the maximum depth of the tree (-1 means unlimited, -2 means disable max_depth checking)
3864 // defines valid node types for the root nodes
3865 valid_children : "all",
3867 // whether to use $.data
3869 // where is the type stores (the rel attribute of the LI element)
3875 "max_children" : -1,
3877 "valid_children": "all"
3879 // Bound functions - you can bind any other function here (using boolean or function)
3880 //"select_node" : true
3885 _types_notify : function (n, data) {
3886 if(data.type && this._get_settings().types.use_data) {
3887 this.set_type(data.type, n);
3890 _get_type : function (obj) {
3891 obj = this._get_node(obj);
3892 return (!obj || !obj.length) ? false : obj.attr(this._get_settings().types.type_attr) || "default";
3894 set_type : function (str, obj) {
3895 obj = this._get_node(obj);
3896 var ret = (!obj.length || !str) ? false : obj.attr(this._get_settings().types.type_attr, str);
3897 if(ret) { this.__callback({ obj : obj, type : str}); }
3900 _check : function (rule, obj, opts) {
3901 obj = this._get_node(obj);
3902 var v = false, t = this._get_type(obj), d = 0, _this = this, s = this._get_settings().types, data = false;
3904 if(!!s[rule]) { v = s[rule]; }
3908 if(t === false) { return; }
3909 data = s.use_data ? obj.data("jstree") : false;
3910 if(data && data.types && typeof data.types[rule] !== "undefined") { v = data.types[rule]; }
3911 else if(!!s.types[t] && typeof s.types[t][rule] !== "undefined") { v = s.types[t][rule]; }
3912 else if(!!s.types["default"] && typeof s.types["default"][rule] !== "undefined") { v = s.types["default"][rule]; }
3914 if($.isFunction(v)) { v = v.call(this, obj); }
3915 if(rule === "max_depth" && obj !== -1 && opts !== false && s.max_depth !== -2 && v !== 0) {
3916 // also include the node itself - otherwise if root node it is not checked
3917 obj.children("a:eq(0)").parentsUntil(".jstree","li").each(function (i) {
3918 // check if current depth already exceeds global tree depth
3919 if(s.max_depth !== -1 && s.max_depth - (i + 1) <= 0) { v = 0; return false; }
3920 d = (i === 0) ? v : _this._check(rule, this, false);
3921 // check if current node max depth is already matched or exceeded
3922 if(d !== -1 && d - (i + 1) <= 0) { v = 0; return false; }
3923 // otherwise - set the max depth to the current value minus current depth
3924 if(d >= 0 && (d - (i + 1) < v || v < 0) ) { v = d - (i + 1); }
3925 // if the global tree depth exists and it minus the nodes calculated so far is less than `v` or `v` is unlimited
3926 if(s.max_depth >= 0 && (s.max_depth - (i + 1) < v || v < 0) ) { v = s.max_depth - (i + 1); }
3931 check_move : function () {
3932 if(!this.__call_old()) { return false; }
3933 var m = this._get_move(),
3934 s = m.rt._get_settings().types,
3935 mc = m.rt._check("max_children", m.cr),
3936 md = m.rt._check("max_depth", m.cr),
3937 vc = m.rt._check("valid_children", m.cr),
3940 if(vc === "none") { return false; }
3941 if($.isArray(vc) && m.ot && m.ot._get_type) {
3942 m.o.each(function () {
3943 if($.inArray(m.ot._get_type(this), vc) === -1) { d = false; return false; }
3945 if(d === false) { return false; }
3947 if(s.max_children !== -2 && mc !== -1) {
3948 ch = m.cr === -1 ? this.get_container().find("> ul > li").not(m.o).length : m.cr.find("> ul > li").not(m.o).length;
3949 if(ch + m.o.length > mc) { return false; }
3951 if(s.max_depth !== -2 && md !== -1) {
3953 if(md === 0) { return false; }
3954 if(typeof m.o.d === "undefined") {
3955 // TODO: deal with progressive rendering and async when checking max_depth (how to know the depth of the moved node)
3957 while(t.length > 0) {
3958 t = t.find("> ul > li");
3963 if(md - m.o.d < 0) { return false; }
3967 create_node : function (obj, position, js, callback, is_loaded, skip_check) {
3968 if(!skip_check && (is_loaded || this._is_loaded(obj))) {
3969 var p = (typeof position == "string" && position.match(/^before|after$/i) && obj !== -1) ? this._get_parent(obj) : this._get_node(obj),
3970 s = this._get_settings().types,
3971 mc = this._check("max_children", p),
3972 md = this._check("max_depth", p),
3973 vc = this._check("valid_children", p),
3975 if(typeof js === "string") { js = { data : js }; }
3976 if(!js) { js = {}; }
3977 if(vc === "none") { return false; }
3979 if(!js.attr || !js.attr[s.type_attr]) {
3980 if(!js.attr) { js.attr = {}; }
3981 js.attr[s.type_attr] = vc[0];
3984 if($.inArray(js.attr[s.type_attr], vc) === -1) { return false; }
3987 if(s.max_children !== -2 && mc !== -1) {
3988 ch = p === -1 ? this.get_container().find("> ul > li").length : p.find("> ul > li").length;
3989 if(ch + 1 > mc) { return false; }
3991 if(s.max_depth !== -2 && md !== -1 && (md - 1) < 0) { return false; }
3993 return this.__call_old(true, obj, position, js, callback, is_loaded, skip_check);
4001 * jsTree HTML plugin
4002 * The HTML data store. Datastores are build by replacing the `load_node` and `_is_loaded` functions.
4005 $.jstree.plugin("html_data", {
4006 __init : function () {
4007 // this used to use html() and clean the whitespace, but this way any attached data was lost
4008 this.data.html_data.original_container_html = this.get_container().find(" > ul > li").clone(true);
4009 // remove white space from LI node - otherwise nodes appear a bit to the right
4010 this.data.html_data.original_container_html.find("li").andSelf().contents().filter(function() { return this.nodeType == 3; }).remove();
4015 correct_state : true
4018 load_node : function (obj, s_call, e_call) { var _this = this; this.load_node_html(obj, function () { _this.__callback({ "obj" : _this._get_node(obj) }); s_call.call(this); }, e_call); },
4019 _is_loaded : function (obj) {
4020 obj = this._get_node(obj);
4021 return obj == -1 || !obj || (!this._get_settings().html_data.ajax && !$.isFunction(this._get_settings().html_data.data)) || obj.is(".jstree-open, .jstree-leaf") || obj.children("ul").children("li").size() > 0;
4023 load_node_html : function (obj, s_call, e_call) {
4025 s = this.get_settings().html_data,
4026 error_func = function () {},
4027 success_func = function () {};
4028 obj = this._get_node(obj);
4029 if(obj && obj !== -1) {
4030 if(obj.data("jstree_is_loading")) { return; }
4031 else { obj.data("jstree_is_loading",true); }
4034 case ($.isFunction(s.data)):
4035 s.data.call(this, obj, $.proxy(function (d) {
4036 if(d && d !== "" && d.toString && d.toString().replace(/^[\s\n]+$/,"") !== "") {
4038 if(!d.is("ul")) { d = $("<ul />").append(d); }
4039 if(obj == -1 || !obj) { this.get_container().children("ul").empty().append(d.children()).find("li, a").filter(function () { return !this.firstChild || !this.firstChild.tagName || this.firstChild.tagName !== "INS"; }).prepend("<ins class='jstree-icon'> </ins>").end().filter("a").children("ins:first-child").not(".jstree-icon").addClass("jstree-icon"); }
4040 else { obj.children("a.jstree-loading").removeClass("jstree-loading"); obj.append(d).children("ul").find("li, a").filter(function () { return !this.firstChild || !this.firstChild.tagName || this.firstChild.tagName !== "INS"; }).prepend("<ins class='jstree-icon'> </ins>").end().filter("a").children("ins:first-child").not(".jstree-icon").addClass("jstree-icon"); obj.removeData("jstree_is_loading"); }
4041 this.clean_node(obj);
4042 if(s_call) { s_call.call(this); }
4045 if(obj && obj !== -1) {
4046 obj.children("a.jstree-loading").removeClass("jstree-loading");
4047 obj.removeData("jstree_is_loading");
4048 if(s.correct_state) {
4049 this.correct_state(obj);
4050 if(s_call) { s_call.call(this); }
4054 if(s.correct_state) {
4055 this.get_container().children("ul").empty();
4056 if(s_call) { s_call.call(this); }
4062 case (!s.data && !s.ajax):
4063 if(!obj || obj == -1) {
4064 this.get_container()
4065 .children("ul").empty()
4066 .append(this.data.html_data.original_container_html)
4067 .find("li, a").filter(function () { return !this.firstChild || !this.firstChild.tagName || this.firstChild.tagName !== "INS"; }).prepend("<ins class='jstree-icon'> </ins>").end()
4068 .filter("a").children("ins:first-child").not(".jstree-icon").addClass("jstree-icon");
4071 if(s_call) { s_call.call(this); }
4073 case (!!s.data && !s.ajax) || (!!s.data && !!s.ajax && (!obj || obj === -1)):
4074 if(!obj || obj == -1) {
4076 if(!d.is("ul")) { d = $("<ul />").append(d); }
4077 this.get_container()
4078 .children("ul").empty().append(d.children())
4079 .find("li, a").filter(function () { return !this.firstChild || !this.firstChild.tagName || this.firstChild.tagName !== "INS"; }).prepend("<ins class='jstree-icon'> </ins>").end()
4080 .filter("a").children("ins:first-child").not(".jstree-icon").addClass("jstree-icon");
4083 if(s_call) { s_call.call(this); }
4085 case (!s.data && !!s.ajax) || (!!s.data && !!s.ajax && obj && obj !== -1):
4086 obj = this._get_node(obj);
4087 error_func = function (x, t, e) {
4088 var ef = this.get_settings().html_data.ajax.error;
4089 if(ef) { ef.call(this, x, t, e); }
4090 if(obj != -1 && obj.length) {
4091 obj.children("a.jstree-loading").removeClass("jstree-loading");
4092 obj.removeData("jstree_is_loading");
4093 if(t === "success" && s.correct_state) { this.correct_state(obj); }
4096 if(t === "success" && s.correct_state) { this.get_container().children("ul").empty(); }
4098 if(e_call) { e_call.call(this); }
4100 success_func = function (d, t, x) {
4101 var sf = this.get_settings().html_data.ajax.success;
4102 if(sf) { d = sf.call(this,d,t,x) || d; }
4103 if(d === "" || (d && d.toString && d.toString().replace(/^[\s\n]+$/,"") === "")) {
4104 return error_func.call(this, x, t, "");
4108 if(!d.is("ul")) { d = $("<ul />").append(d); }
4109 if(obj == -1 || !obj) { this.get_container().children("ul").empty().append(d.children()).find("li, a").filter(function () { return !this.firstChild || !this.firstChild.tagName || this.firstChild.tagName !== "INS"; }).prepend("<ins class='jstree-icon'> </ins>").end().filter("a").children("ins:first-child").not(".jstree-icon").addClass("jstree-icon"); }
4110 else { obj.children("a.jstree-loading").removeClass("jstree-loading"); obj.append(d).children("ul").find("li, a").filter(function () { return !this.firstChild || !this.firstChild.tagName || this.firstChild.tagName !== "INS"; }).prepend("<ins class='jstree-icon'> </ins>").end().filter("a").children("ins:first-child").not(".jstree-icon").addClass("jstree-icon"); obj.removeData("jstree_is_loading"); }
4111 this.clean_node(obj);
4112 if(s_call) { s_call.call(this); }
4115 if(obj && obj !== -1) {
4116 obj.children("a.jstree-loading").removeClass("jstree-loading");
4117 obj.removeData("jstree_is_loading");
4118 if(s.correct_state) {
4119 this.correct_state(obj);
4120 if(s_call) { s_call.call(this); }
4124 if(s.correct_state) {
4125 this.get_container().children("ul").empty();
4126 if(s_call) { s_call.call(this); }
4131 s.ajax.context = this;
4132 s.ajax.error = error_func;
4133 s.ajax.success = success_func;
4134 if(!s.ajax.dataType) { s.ajax.dataType = "html"; }
4135 if($.isFunction(s.ajax.url)) { s.ajax.url = s.ajax.url.call(this, obj); }
4136 if($.isFunction(s.ajax.data)) { s.ajax.data = s.ajax.data.call(this, obj); }
4143 // include the HTML data plugin by default
4144 $.jstree.defaults.plugins.push("html_data");
4149 * jsTree themeroller plugin
4150 * Adds support for jQuery UI themes. Include this at the end of your plugins list, also make sure "themes" is not included.
4153 $.jstree.plugin("themeroller", {
4154 __init : function () {
4155 var s = this._get_settings().themeroller;
4156 this.get_container()
4157 .addClass("ui-widget-content")
4158 .addClass("jstree-themeroller")
4159 .delegate("a","mouseenter.jstree", function (e) {
4160 if(!$(e.currentTarget).hasClass("jstree-loading")) {
4161 $(this).addClass(s.item_h);
4164 .delegate("a","mouseleave.jstree", function () {
4165 $(this).removeClass(s.item_h);
4167 .bind("init.jstree", $.proxy(function (e, data) {
4168 data.inst.get_container().find("> ul > li > .jstree-loading > ins").addClass("ui-icon-refresh");
4169 this._themeroller(data.inst.get_container().find("> ul > li"));
4171 .bind("open_node.jstree create_node.jstree", $.proxy(function (e, data) {
4172 this._themeroller(data.rslt.obj);
4174 .bind("loaded.jstree refresh.jstree", $.proxy(function (e) {
4175 this._themeroller();
4177 .bind("close_node.jstree", $.proxy(function (e, data) {
4178 this._themeroller(data.rslt.obj);
4180 .bind("delete_node.jstree", $.proxy(function (e, data) {
4181 this._themeroller(data.rslt.parent);
4183 .bind("correct_state.jstree", $.proxy(function (e, data) {
4185 .children("ins.jstree-icon").removeClass(s.opened + " " + s.closed + " ui-icon").end()
4186 .find("> a > ins.ui-icon")
4187 .filter(function() {
4188 return this.className.toString()
4189 .replace(s.item_clsd,"").replace(s.item_open,"").replace(s.item_leaf,"")
4190 .indexOf("ui-icon-") === -1;
4191 }).removeClass(s.item_open + " " + s.item_clsd).addClass(s.item_leaf || "jstree-no-icon");
4193 .bind("select_node.jstree", $.proxy(function (e, data) {
4194 data.rslt.obj.children("a").addClass(s.item_a);
4196 .bind("deselect_node.jstree deselect_all.jstree", $.proxy(function (e, data) {
4197 this.get_container()
4198 .find("a." + s.item_a).removeClass(s.item_a).end()
4199 .find("a.jstree-clicked").addClass(s.item_a);
4201 .bind("dehover_node.jstree", $.proxy(function (e, data) {
4202 data.rslt.obj.children("a").removeClass(s.item_h);
4204 .bind("hover_node.jstree", $.proxy(function (e, data) {
4205 this.get_container()
4206 .find("a." + s.item_h).not(data.rslt.obj).removeClass(s.item_h);
4207 data.rslt.obj.children("a").addClass(s.item_h);
4209 .bind("move_node.jstree", $.proxy(function (e, data) {
4210 this._themeroller(data.rslt.o);
4211 this._themeroller(data.rslt.op);
4214 __destroy : function () {
4215 var s = this._get_settings().themeroller,
4217 $.each(s, function (i, v) {
4219 if(v.length) { c = c.concat(v); }
4221 this.get_container()
4222 .removeClass("ui-widget-content")
4223 .find("." + c.join(", .")).removeClass(c.join(" "));
4226 _themeroller : function (obj) {
4227 var s = this._get_settings().themeroller;
4228 obj = !obj || obj == -1 ? this.get_container_ul() : this._get_node(obj).parent();
4230 .find("li.jstree-closed")
4231 .children("ins.jstree-icon").removeClass(s.opened).addClass("ui-icon " + s.closed).end()
4232 .children("a").addClass(s.item)
4233 .children("ins.jstree-icon").addClass("ui-icon")
4234 .filter(function() {
4235 return this.className.toString()
4236 .replace(s.item_clsd,"").replace(s.item_open,"").replace(s.item_leaf,"")
4237 .indexOf("ui-icon-") === -1;
4238 }).removeClass(s.item_leaf + " " + s.item_open).addClass(s.item_clsd || "jstree-no-icon")
4243 .find("li.jstree-open")
4244 .children("ins.jstree-icon").removeClass(s.closed).addClass("ui-icon " + s.opened).end()
4245 .children("a").addClass(s.item)
4246 .children("ins.jstree-icon").addClass("ui-icon")
4247 .filter(function() {
4248 return this.className.toString()
4249 .replace(s.item_clsd,"").replace(s.item_open,"").replace(s.item_leaf,"")
4250 .indexOf("ui-icon-") === -1;
4251 }).removeClass(s.item_leaf + " " + s.item_clsd).addClass(s.item_open || "jstree-no-icon")
4256 .find("li.jstree-leaf")
4257 .children("ins.jstree-icon").removeClass(s.closed + " ui-icon " + s.opened).end()
4258 .children("a").addClass(s.item)
4259 .children("ins.jstree-icon").addClass("ui-icon")
4260 .filter(function() {
4261 return this.className.toString()
4262 .replace(s.item_clsd,"").replace(s.item_open,"").replace(s.item_leaf,"")
4263 .indexOf("ui-icon-") === -1;
4264 }).removeClass(s.item_clsd + " " + s.item_open).addClass(s.item_leaf || "jstree-no-icon");
4268 "opened" : "ui-icon-triangle-1-se",
4269 "closed" : "ui-icon-triangle-1-e",
4270 "item" : "ui-state-default",
4271 "item_h" : "ui-state-hover",
4272 "item_a" : "ui-state-active",
4273 "item_open" : "ui-icon-folder-open",
4274 "item_clsd" : "ui-icon-folder-collapsed",
4275 "item_leaf" : "ui-icon-document"
4279 var css_string = '' +
4280 '.jstree-themeroller .ui-icon { overflow:visible; } ' +
4281 '.jstree-themeroller a { padding:0 2px; } ' +
4282 '.jstree-themeroller .jstree-no-icon { display:none; }';
4283 $.vakata.css.add_sheet({ str : css_string, title : "jstree" });
4289 * jsTree unique plugin
4290 * Forces different names amongst siblings (still a bit experimental)
4291 * NOTE: does not check language versions (it will not be possible to have nodes with the same title, even in different languages)
4294 $.jstree.plugin("unique", {
4295 __init : function () {
4296 this.get_container()
4297 .bind("before.jstree", $.proxy(function (e, data) {
4298 var nms = [], res = true, p, t;
4299 if(data.func == "move_node") {
4300 // obj, ref, position, is_copy, is_prepared, skip_check
4301 if(data.args[4] === true) {
4302 if(data.args[0].o && data.args[0].o.length) {
4303 data.args[0].o.children("a").each(function () { nms.push($(this).text().replace(/^\s+/g,"")); });
4304 res = this._check_unique(nms, data.args[0].np.find("> ul > li").not(data.args[0].o), "move_node");
4308 if(data.func == "create_node") {
4309 // obj, position, js, callback, is_loaded
4310 if(data.args[4] || this._is_loaded(data.args[0])) {
4311 p = this._get_node(data.args[0]);
4312 if(data.args[1] && (data.args[1] === "before" || data.args[1] === "after")) {
4313 p = this._get_parent(data.args[0]);
4314 if(!p || p === -1) { p = this.get_container(); }
4316 if(typeof data.args[2] === "string") { nms.push(data.args[2]); }
4317 else if(!data.args[2] || !data.args[2].data) { nms.push(this._get_string("new_node")); }
4318 else { nms.push(data.args[2].data); }
4319 res = this._check_unique(nms, p.find("> ul > li"), "create_node");
4322 if(data.func == "rename_node") {
4324 nms.push(data.args[1]);
4325 t = this._get_node(data.args[0]);
4326 p = this._get_parent(t);
4327 if(!p || p === -1) { p = this.get_container(); }
4328 res = this._check_unique(nms, p.find("> ul > li").not(t), "rename_node");
4331 e.stopPropagation();
4337 error_callback : $.noop
4340 _check_unique : function (nms, p, func) {
4342 p.children("a").each(function () { cnms.push($(this).text().replace(/^\s+/g,"")); });
4343 if(!cnms.length || !nms.length) { return true; }
4344 cnms = cnms.sort().join(",,").replace(/(,|^)([^,]+)(,,\2)+(,|$)/g,"$1$2$4").replace(/,,+/g,",").replace(/,$/,"").split(",");
4345 if((cnms.length + nms.length) != cnms.concat(nms).sort().join(",,").replace(/(,|^)([^,]+)(,,\2)+(,|$)/g,"$1$2$4").replace(/,,+/g,",").replace(/,$/,"").split(",").length) {
4346 this._get_settings().unique.error_callback.call(null, nms, p, func);
4351 check_move : function () {
4352 if(!this.__call_old()) { return false; }
4353 var p = this._get_move(), nms = [];
4354 if(p.o && p.o.length) {
4355 p.o.children("a").each(function () { nms.push($(this).text().replace(/^\s+/g,"")); });
4356 return this._check_unique(nms, p.np.find("> ul > li").not(p.o), "check_move");
4366 * jsTree wholerow plugin
4367 * Makes select and hover work on the entire width of the node
4368 * MAY BE HEAVY IN LARGE DOM
4371 $.jstree.plugin("wholerow", {
4372 __init : function () {
4373 if(!this.data.ui) { throw "jsTree wholerow: jsTree UI plugin not included."; }
4374 this.data.wholerow.html = false;
4375 this.data.wholerow.to = false;
4376 this.get_container()
4377 .bind("init.jstree", $.proxy(function (e, data) {
4378 this._get_settings().core.animation = 0;
4380 .bind("open_node.jstree create_node.jstree clean_node.jstree loaded.jstree", $.proxy(function (e, data) {
4381 this._prepare_wholerow_span( data && data.rslt && data.rslt.obj ? data.rslt.obj : -1 );
4383 .bind("search.jstree clear_search.jstree reopen.jstree after_open.jstree after_close.jstree create_node.jstree delete_node.jstree clean_node.jstree", $.proxy(function (e, data) {
4384 if(this.data.to) { clearTimeout(this.data.to); }
4385 this.data.to = setTimeout( (function (t, o) { return function() { t._prepare_wholerow_ul(o); }; })(this, data && data.rslt && data.rslt.obj ? data.rslt.obj : -1), 0);
4387 .bind("deselect_all.jstree", $.proxy(function (e, data) {
4388 this.get_container().find(" > .jstree-wholerow .jstree-clicked").removeClass("jstree-clicked " + (this.data.themeroller ? this._get_settings().themeroller.item_a : "" ));
4390 .bind("select_node.jstree deselect_node.jstree ", $.proxy(function (e, data) {
4391 data.rslt.obj.each(function () {
4392 var ref = data.inst.get_container().find(" > .jstree-wholerow li:visible:eq(" + ( parseInt((($(this).offset().top - data.inst.get_container().offset().top + data.inst.get_container()[0].scrollTop) / data.inst.data.core.li_height),10)) + ")");
4393 // ref.children("a")[e.type === "select_node" ? "addClass" : "removeClass"]("jstree-clicked");
4394 ref.children("a").attr("class",data.rslt.obj.children("a").attr("class"));
4397 .bind("hover_node.jstree dehover_node.jstree", $.proxy(function (e, data) {
4398 this.get_container().find(" > .jstree-wholerow .jstree-hovered").removeClass("jstree-hovered " + (this.data.themeroller ? this._get_settings().themeroller.item_h : "" ));
4399 if(e.type === "hover_node") {
4400 var ref = this.get_container().find(" > .jstree-wholerow li:visible:eq(" + ( parseInt(((data.rslt.obj.offset().top - this.get_container().offset().top + this.get_container()[0].scrollTop) / this.data.core.li_height),10)) + ")");
4401 // ref.children("a").addClass("jstree-hovered");
4402 ref.children("a").attr("class",data.rslt.obj.children(".jstree-hovered").attr("class"));
4405 .delegate(".jstree-wholerow-span, ins.jstree-icon, li", "click.jstree", function (e) {
4406 var n = $(e.currentTarget);
4407 if(e.target.tagName === "A" || (e.target.tagName === "INS" && n.closest("li").is(".jstree-open, .jstree-closed"))) { return; }
4408 n.closest("li").children("a:visible:eq(0)").click();
4409 e.stopImmediatePropagation();
4411 .delegate("li", "mouseover.jstree", $.proxy(function (e) {
4412 e.stopImmediatePropagation();
4413 if($(e.currentTarget).children(".jstree-hovered, .jstree-clicked").length) { return false; }
4414 this.hover_node(e.currentTarget);
4417 .delegate("li", "mouseleave.jstree", $.proxy(function (e) {
4418 if($(e.currentTarget).children("a").hasClass("jstree-hovered").length) { return; }
4419 this.dehover_node(e.currentTarget);
4421 if(is_ie7 || is_ie6) {
4422 $.vakata.css.add_sheet({ str : ".jstree-" + this.get_index() + " { position:relative; } ", title : "jstree" });
4427 __destroy : function () {
4428 this.get_container().children(".jstree-wholerow").remove();
4429 this.get_container().find(".jstree-wholerow-span").remove();
4432 _prepare_wholerow_span : function (obj) {
4433 obj = !obj || obj == -1 ? this.get_container().find("> ul > li") : this._get_node(obj);
4434 if(obj === false) { return; } // added for removing root nodes
4435 obj.each(function () {
4436 $(this).find("li").andSelf().each(function () {
4438 if($t.children(".jstree-wholerow-span").length) { return true; }
4439 $t.prepend("<span class='jstree-wholerow-span' style='width:" + ($t.parentsUntil(".jstree","li").length * 18) + "px;'> </span>");
4443 _prepare_wholerow_ul : function () {
4444 var o = this.get_container().children("ul").eq(0), h = o.html();
4445 o.addClass("jstree-wholerow-real");
4446 if(this.data.wholerow.last_html !== h) {
4447 this.data.wholerow.last_html = h;
4448 this.get_container().children(".jstree-wholerow").remove();
4449 this.get_container().append(
4450 o.clone().removeClass("jstree-wholerow-real")
4451 .wrapAll("<div class='jstree-wholerow' />").parent()
4452 .width(o.parent()[0].scrollWidth)
4453 .css("top", (o.height() + ( is_ie7 ? 5 : 0)) * -1 )
4454 .find("li[id]").each(function () { this.removeAttribute("id"); }).end()
4461 var css_string = '' +
4462 '.jstree .jstree-wholerow-real { position:relative; z-index:1; } ' +
4463 '.jstree .jstree-wholerow-real li { cursor:pointer; } ' +
4464 '.jstree .jstree-wholerow-real a { border-left-color:transparent !important; border-right-color:transparent !important; } ' +
4465 '.jstree .jstree-wholerow { position:relative; z-index:0; height:0; } ' +
4466 '.jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { width:100%; } ' +
4467 '.jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li, .jstree .jstree-wholerow a { margin:0 !important; padding:0 !important; } ' +
4468 '.jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { background:transparent !important; }' +
4469 '.jstree .jstree-wholerow ins, .jstree .jstree-wholerow span, .jstree .jstree-wholerow input { display:none !important; }' +
4470 '.jstree .jstree-wholerow a, .jstree .jstree-wholerow a:hover { text-indent:-9999px; !important; width:100%; padding:0 !important; border-right-width:0px !important; border-left-width:0px !important; } ' +
4471 '.jstree .jstree-wholerow-span { position:absolute; left:0; margin:0px; padding:0; height:18px; border-width:0; padding:0; z-index:0; }';
4474 '.jstree .jstree-wholerow a { display:block; height:18px; margin:0; padding:0; border:0; } ' +
4475 '.jstree .jstree-wholerow-real a { border-color:transparent !important; } ';
4477 if(is_ie7 || is_ie6) {
4479 '.jstree .jstree-wholerow, .jstree .jstree-wholerow li, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow a { margin:0; padding:0; line-height:18px; } ' +
4480 '.jstree .jstree-wholerow a { display:block; height:18px; line-height:18px; overflow:hidden; } ';
4482 $.vakata.css.add_sheet({ str : css_string, title : "jstree" });
4488 * jsTree model plugin
4489 * This plugin gets jstree to use a class model to retrieve data, creating great dynamism
4492 var nodeInterface = ["getChildren","getChildrenCount","getAttr","getName","getProps"],
4493 validateInterface = function(obj, inter) {
4496 inter = [].concat(inter);
4497 $.each(inter, function (i, v) {
4498 if(!$.isFunction(obj[v])) { valid = false; return false; }
4502 $.jstree.plugin("model", {
4503 __init : function () {
4504 if(!this.data.json_data) { throw "jsTree model: jsTree json_data plugin not included."; }
4505 this._get_settings().json_data.data = function (n, b) {
4506 var obj = (n == -1) ? this._get_settings().model.object : n.data("jstree_model");
4507 if(!validateInterface(obj, nodeInterface)) { return b.call(null, false); }
4508 if(this._get_settings().model.async) {
4509 obj.getChildren($.proxy(function (data) {
4510 this.model_done(data, b);
4514 this.model_done(obj.getChildren(), b);
4524 model_done : function (data, callback) {
4526 s = this._get_settings(),
4529 if(!$.isArray(data)) { data = [data]; }
4530 $.each(data, function (i, nd) {
4531 var r = nd.getProps() || {};
4532 r.attr = nd.getAttr() || {};
4533 if(nd.getChildrenCount()) { r.state = "closed"; }
4534 r.data = nd.getName();
4535 if(!$.isArray(r.data)) { r.data = [r.data]; }
4536 if(_this.data.types && $.isFunction(nd.getType)) {
4537 r.attr[s.types.type_attr] = nd.getType();
4539 if(r.attr.id && s.model.id_prefix) { r.attr.id = s.model.id_prefix + r.attr.id; }
4540 if(!r.metadata) { r.metadata = { }; }
4541 r.metadata.jstree_model = nd;
4544 callback.call(null, ret);