jstree-rails 0.0.2

data/vendor/assets/javascripts/jstree/jstree.dnd.js

@@ -0,0 +1,162 @@
+/* File: jstree.dnd.js 
+Enables drag'n'drop.
+*/
+/* Group: jstree drag'n'drop plugin */
+
+(function ($) {
+	$.jstree.plugin("dnd", {
+		__construct : function () {
+			this.get_container()
+				.delegate('a', 'mousedown', $.proxy(function (e) { 
+					var obj = this.get_node(e.target);
+					if(obj && obj !== -1 && obj.length && e.which === 1) { // TODO: think about e.which
+						this.get_container().trigger('mousedown.jstree');
+						return $.vakata.dnd.start(e, { 'jstree' : true, 'origin' : this, 'obj' : obj }, '<div id="jstree-dnd" class="' + (this.data.themes ? 'jstree-' + this.get_theme() : '') + '"><ins class="jstree-icon jstree-er">&#160;</ins>' + this.get_text(e.currentTarget, true) + '<ins class="jstree-copy" style="display:none;">+</ins></div>');
+					}
+				}, this));
+		},
+		// TODO: is check_timeout or is it OK as is?
+		// TODO: drag foreign items / drop foreign items (pretty easy with dnd events, but need to move marker placement in a function)
+		defaults : {
+			copy_modifier : 'ctrl',
+			open_timeout : 500
+		}
+	});
+
+	$(function() {
+		// bind only once for all instances
+		var lastmv = false,
+			opento = false,
+			marker = $('<div id="jstree-marker">&#160;</div>').hide().appendTo('body');
+
+		$(document)
+			.bind('dnd_start.vakata', function (e, data) { 
+				lastmv = false;
+			})
+			.bind('dnd_move.vakata', function (e, data) { 
+				if(opento) { clearTimeout(opento); }
+				if(!data.data.jstree) { return; }
+
+				// if we are hovering the marker image do nothing (can happen on "inside" drags)
+				if(data.event.target.id && data.event.target.id === 'jstree-marker') {
+					return;
+				}
+
+				var ins = $.jstree._reference(data.event.target),
+					ref = false,
+					off = false,
+					rel = false,
+					l, t, h, p, i, o;
+				// if we are over an instance
+				if(ins && ins.data && ins.data.dnd) {
+					marker.attr('class', (ins.data.themes ? 'jstree-' + ins.get_theme() : ''));
+					data.helper
+						.children().attr('class', (ins.data.themes ? 'jstree-' + ins.get_theme() : ''))
+						.find('.jstree-copy:eq(0)')[ data.event[data.data.origin.get_settings().dnd.copy_modifier + "Key"] ? 'show' : 'hide' ]();
+
+
+					// if are hovering the container itself add a new root node
+					if(data.event.target === ins.get_container()[0] || data.event.target === ins.get_container_ul()[0]) {
+						if(ins.check( (data.event[data.data.origin.get_settings().dnd.copy_modifier + "Key"] ? "copy_node" : "move_node"), data.data.obj, -1, 'last')) {
+							lastmv = { 'ins' : ins, 'par' : -1, 'pos' : 'last' };
+							marker.hide();
+							data.helper.find('.jstree-icon:eq(0)').removeClass('jstree-er').addClass('jstree-ok');
+							return;
+						}
+					}
+					else { 
+						// if we are hovering a tree node
+						ref = $(data.event.target).closest('a');
+						if(ref && ref.length && ref.parent().is('.jstree-closed, .jstree-open, .jstree-leaf')) {
+							off = ref.offset();
+							rel = data.event.pageY - off.top;
+							h = ref.height();
+							if(rel < h / 3) { 
+								o = ['b', 'i', 'a'];
+							}
+							else if(rel > h - h / 3) {
+								o = ['a', 'i', 'b'];
+							}
+							else {
+								o = rel > h / 2 ? ['i', 'a', 'b'] : ['i', 'b', 'a'];
+							}
+							$.each(o, function (j, v) {
+								switch(v) {
+									case 'b':
+										l = off.left - 6;
+										t = off.top - 5;
+										p = ins.get_parent(ref);
+										i = ref.parent().index();
+										break;
+									case 'i':
+										l = off.left - 2;
+										t = off.top - 5 + h / 2 + 1;
+										p = ref.parent();
+										i = 0;
+										break;
+									case 'a':
+										l = off.left - 6;
+										t = off.top - 5 + h + 2;
+										p = ins.get_parent(ref);
+										i = ref.parent().index() + 1;
+										break;
+								}
+								/*
+								// TODO: moving inside, but the node is not yet loaded?
+								// the check will work anyway, as when moving the node will be loaded first and checked again
+								if(v === 'i' && !ins.is_loaded(p)) { }
+								*/
+								if(ins.check((data.event[data.data.origin.get_settings().dnd.copy_modifier + "Key"] ? "copy_node" : "move_node"),data.data.obj, p, i)) {
+									if(v === 'i' && ref.parent().is('.jstree-closed') && ins.get_settings(true).dnd.open_timeout) {
+										opento = setTimeout((function (x, z) { return function () { x.open_node(z); }; })(ins, ref), ins.get_settings(true).dnd.open_timeout);
+									}
+									lastmv = { 'ins' : ins, 'par' : p, 'pos' : i };
+									marker.css({ 'left' : l + 'px', 'top' : t + 'px' }).show();
+									data.helper.find('.jstree-icon:eq(0)').removeClass('jstree-er').addClass('jstree-ok');
+									o = true;
+									return false;
+								}
+							});
+							if(o === true) { return; }
+						}
+					}
+				}
+				lastmv = false;
+				data.helper.find('.jstree-icon').removeClass('jstree-ok').addClass('jstree-er');
+				marker.hide();
+			})
+			.bind('dnd_scroll.vakata', function (e, data) { 
+				if(!data.data.jstree) { return; }
+				marker.hide();
+				lastmv = false;
+				data.helper.find('.jstree-icon:eq(0)').removeClass('jstree-ok').addClass('jstree-er');
+			})
+			.bind('dnd_stop.vakata', function (e, data) { 
+				if(opento) { clearTimeout(opento); }
+				if(!data.data.jstree) { return; }
+				marker.hide();
+				if(lastmv) {
+					lastmv.ins[ data.event[data.data.origin.get_settings().dnd.copy_modifier + "Key"] ? 'copy_node' : 'move_node' ]
+						(data.data.obj, lastmv.par, lastmv.pos);
+				}
+			})
+			.bind('keyup keydown', function (e, data) {
+				data = $.vakata.dnd._get();
+				if(data.data && data.data.jstree) {
+					data.helper.find('.jstree-copy:eq(0)')[ e[data.data.origin.get_settings().dnd.copy_modifier + "Key"] ? 'show' : 'hide' ]();
+				}
+			});
+
+		// add DND CSS
+		var css_string = '' + 
+				'#jstree-marker { position: absolute; top:0; left:0; margin:0; padding:0; border-right:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid; width:0; height:0; font-size:0; line-height:0; _border-top-color:pink; _border-botton-color:pink; _filter:chroma(color=pink); } ' + 
+				'#jstree-dnd { line-height:16px; margin:0; padding:4px; } ' + 
+				'#jstree-dnd .jstree-icon, #jstree-dnd .jstree-copy { display:inline-block; text-decoration:none; margin:0 2px 0 0; padding:0; width:16px; height:16px; } ' + 
+				'#jstree-dnd .jstree-ok { background:green; } ' + 
+				'#jstree-dnd .jstree-er { background:red; } ' + 
+				'#jstree-dnd .jstree-copy { margin:0 2px 0 2px; }';
+		$.vakata.css.add_sheet({ str : css_string, title : "jstree" });
+	});
+	// include the dnd plugin by default
+	$.jstree.defaults.plugins.push("dnd");
+})(jQuery);

data/vendor/assets/javascripts/jstree/jstree.hotkeys.js

@@ -0,0 +1,138 @@
+/* File: jstree.hotkeys.js 
+Enables keyboard shortcuts. Depends on jQuery.hotkeys (included in vakata.js).
+*/
+/* Group: jstree hotkeys plugin */
+(function ($) {
+	if(typeof $.hotkeys === "undefined" && typeof $.vakata_hotkeys === "undefined") { throw "jsTree hotkeys: jQuery hotkeys plugin not included."; }
+
+	var bound = [];
+	function exec(i, event) {
+		var f = $.jstree._focused(), tmp;
+		if(f && f.data && f.data.hotkeys && f.data.hotkeys.enabled) { 
+			tmp = f.get_settings(true).hotkeys[i];
+			if(tmp) { return tmp.call(f, event); }
+		}
+	}
+	$.jstree.plugin("hotkeys", {
+		__construct : function () {
+			if(!this.data.ui) { throw "jsTree hotkeys: jsTree UI plugin not included."; }
+			$.each(this.get_settings(true).hotkeys, function (i, v) {
+				if(v !== false && $.inArray(i, bound) === -1) {
+					$(document).bind("keydown", i, function (event) { return exec(i, event); });
+					bound.push(i);
+				}
+			});
+			this.get_container()
+				.bind("lock.jstree", $.proxy(function () {
+						if(this.data.hotkeys.enabled) { this.data.hotkeys.enabled = false; this.data.hotkeys.revert = true; }
+					}, this))
+				.bind("unlock.jstree", $.proxy(function () {
+						if(this.data.hotkeys.revert) { this.data.hotkeys.enabled = true; }
+					}, this));
+			this.enable_hotkeys();
+		},
+		defaults : {
+			"up" : function () { 
+				var o = this.data.ui.hovered || this.data.ui.last_selected || -1;
+				this.hover_node(this.get_prev(o));
+				return false; 
+			},
+			"ctrl+up" : function () { 
+				var o = this.data.ui.hovered || this.data.ui.last_selected || -1;
+				this.hover_node(this.get_prev(o));
+				return false; 
+			},
+			"shift+up" : function () { 
+				var o = this.data.ui.hovered || this.data.ui.last_selected || -1;
+				this.hover_node(this.get_prev(o));
+				return false; 
+			},
+			"down" : function () { 
+				var o = this.data.ui.hovered || this.data.ui.last_selected || -1;
+				this.hover_node(this.get_next(o));
+				return false;
+			},
+			"ctrl+down" : function () { 
+				var o = this.data.ui.hovered || this.data.ui.last_selected || -1;
+				this.hover_node(this.get_next(o));
+				return false;
+			},
+			"shift+down" : function () { 
+				var o = this.data.ui.hovered || this.data.ui.last_selected || -1;
+				this.hover_node(this.get_next(o));
+				return false;
+			},
+			"left" : function () { 
+				var o = this.data.ui.hovered || this.data.ui.last_selected;
+				if(o) {
+					if(o.hasClass("jstree-open")) { this.close_node(o); }
+					else { this.hover_node(this.get_prev(o)); }
+				}
+				return false;
+			},
+			"ctrl+left" : function () { 
+				var o = this.data.ui.hovered || this.data.ui.last_selected;
+				if(o) {
+					if(o.hasClass("jstree-open")) { this.close_node(o); }
+					else { this.hover_node(this.get_prev(o)); }
+				}
+				return false;
+			},
+			"shift+left" : function () { 
+				var o = this.data.ui.hovered || this.data.ui.last_selected;
+				if(o) {
+					if(o.hasClass("jstree-open")) { this.close_node(o); }
+					else { this.hover_node(this.get_prev(o)); }
+				}
+				return false;
+			},
+			"right" : function () { 
+				var o = this.data.ui.hovered || this.data.ui.last_selected;
+				if(o && o.length) {
+					if(o.hasClass("jstree-closed")) { this.open_node(o); }
+					else { this.hover_node(this.get_next(o)); }
+				}
+				return false;
+			},
+			"ctrl+right" : function () { 
+				var o = this.data.ui.hovered || this.data.ui.last_selected;
+				if(o && o.length) {
+					if(o.hasClass("jstree-closed")) { this.open_node(o); }
+					else { this.hover_node(this.get_next(o)); }
+				}
+				return false;
+			},
+			"shift+right" : function () { 
+				var o = this.data.ui.hovered || this.data.ui.last_selected;
+				if(o && o.length) {
+					if(o.hasClass("jstree-closed")) { this.open_node(o); }
+					else { this.hover_node(this.get_next(o)); }
+				}
+				return false;
+			},
+			"space" : function () { 
+				if(this.data.ui.hovered) { this.data.ui.hovered.children("a:eq(0)").click(); } 
+				return false; 
+			},
+			"ctrl+space" : function (event) { 
+				event.type = "click";
+				if(this.data.ui.hovered) { this.data.ui.hovered.children("a:eq(0)").trigger(event); } 
+				return false; 
+			},
+			"shift+space" : function (event) { 
+				event.type = "click";
+				if(this.data.ui.hovered) { this.data.ui.hovered.children("a:eq(0)").trigger(event); } 
+				return false; 
+			}
+		},
+		_fn : {
+			enable_hotkeys : function () {
+				this.data.hotkeys.enabled = true;
+			},
+			disable_hotkeys : function () {
+				this.data.hotkeys.enabled = false;
+			}
+		}
+	});
+	$.jstree.defaults.plugins.push("hotkeys");
+})(jQuery);

data/vendor/assets/javascripts/jstree/jstree.html.js

@@ -0,0 +1,69 @@
+/* File: jstree.html.js 
+This plugin makes it possible for jstree to use HTML data sources (other than the container's initial HTML).
+*/
+/* Group: jstree html plugin */
+(function ($) {
+	$.jstree.plugin("html", {
+		defaults : {
+			data	: false,
+			ajax	: false
+		},
+		_fn : { 
+			_append_html_data : function (dom, data) {
+				data = $(data);
+				if(!data || !data.length || !data.is('ul, li')) { return false; }
+				dom = this.get_node(dom);
+				if(dom === -1) { dom = this.get_container(); }
+				if(!dom.length) { return false; }
+				if(!dom.children('ul').length) { dom.append('<ul />'); }
+				dom.children('ul').empty().append(data.is('ul') ? data.children('li') : data);
+				return true;
+			},
+			_load_node : function (obj, callback) {
+				var d = false,
+					s = this.get_settings().html;
+				obj = this.get_node(obj);
+				if(!obj) { return false; }
+
+				switch(!0) {
+					// no settings - user original html
+					case (!s.data && !s.ajax): 
+						if(obj === -1) {
+							this._append_html_data(-1, this.data.core.original_container_html.clone(true));
+						}
+						return callback.call(this, true);
+					// data is function
+					case ($.isFunction(s.data)):
+						return s.data.call(this, obj, $.proxy(function (d) {
+							return callback.call(this, this._append_html_data(obj, d));
+						}, this));
+					// data is set, ajax is not set, or both are set, but we are dealing with root node
+					case ((!!s.data && !s.ajax) || (!!s.data && !!s.ajax && obj === -1)):
+						return callback.call(this, this._append_html_data(obj, s.data));
+					// data is not set, ajax is set, or both are set, but we are dealing with a normal node
+					case ((!s.data && !!s.ajax) || (!!s.data && !!s.ajax && obj !== -1)):
+						s.ajax.success = $.proxy(function (d, t, x) { 
+							var s = this.get_settings().html.ajax;
+							if($.isFunction(s.success)) {
+								d = s.success.call(this, d, t, x) || d;
+							}
+							callback.call(this, this._append_html_data(obj, d));
+						}, this);
+						s.ajax.error = $.proxy(function (x, t, e) { 
+							var s = this.get_settings().html.ajax;
+							if($.isFunction(s.error)) {
+								s.error.call(this, x, t, e);
+							}
+							callback.call(this, false);
+						}, this);
+						if(!s.ajax.dataType) { s.ajax.dataType = "html"; }
+						if($.isFunction(s.ajax.url))	{ s.ajax.url	= s.ajax.url.call(this, obj); }
+						if($.isFunction(s.ajax.data))	{ s.ajax.data	= s.ajax.data.call(this, obj); }
+						return $.ajax(s.ajax);
+				}
+			}
+		}
+	});
+	// include the html plugin by default
+	$.jstree.defaults.plugins.push("html");
+})(jQuery);