jstree-rails 0.0.2

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in jstree-rails.gemspec
+gemspec

data/INSTALLER.sh

@@ -0,0 +1,57 @@
+#!/bin/bash
+
+# Copy the images, assets, and javascripts into the rails-jquery gem.
+
+# This is the path to the original JsTree GitHub checkout: 
+#  git://github.com/vakata/jstree.git
+SRC_DIR=/opt/gems/jstree
+
+# Everything that we copy from the original jstree distribution goes here.
+ASSET_DIR=./vendor/assets
+
+rm -rf $ASSET_DIR
+mkdir -p $ASSET_DIR/stylesheets/jstree/themes/default
+mkdir -p $ASSET_DIR/stylesheets/jstree/themes/default-rtl
+mkdir -p $ASSET_DIR/images/jstree/themes/default
+mkdir -p $ASSET_DIR/images/jstree/themes/default-rtl
+mkdir -p $ASSET_DIR/javascripts/jstree
+
+cp $SRC_DIR/src/*.js $ASSET_DIR/javascripts/jstree
+
+# Caution, the order of these matters.
+cat > $ASSET_DIR/javascripts/jstree/index.js <<__EOF__
+//= require jstree/vakata.js
+//= require jstree/jstree.js
+//= require jstree/jstree.checkbox.js
+//= require jstree/jstree.contextmenu.js
+//= require jstree/jstree.dnd.js
+//= require jstree/jstree.hotkeys.js
+//= require jstree/jstree.html.js
+//= require jstree/jstree.json.js
+//= require jstree/jstree.rules.js
+//= require jstree/jstree.sort.js
+//= require jstree/jstree.state.js
+//= require jstree/jstree.themes.js
+//= require jstree/jstree.ui.js
+//= require jstree/jstree.unique.js
+//= require jstree/jstree.xml.js
+__EOF__
+
+# You will need this somewhere in your javascript to
+# select a theme.
+# $.jstree.THEMES_DIR = '/assets/jstree/themes/';
+
+# Copy theme images.
+cp $SRC_DIR/src/themes/default/{*.gif,*.png} \
+  $ASSET_DIR/images/jstree/themes/default
+
+cp $SRC_DIR/src/themes/default-rtl/{*.gif,*.png} \
+  $ASSET_DIR/images/jstree/themes/default-rtl
+
+# Copy theme stylesheets.
+cp $SRC_DIR/src/themes/default/*.css \
+  $ASSET_DIR/stylesheets/jstree/themes/default
+
+cp $SRC_DIR/src/themes/default-rtl/*.css \
+  $ASSET_DIR/stylesheets/jstree/themes/default-rtl
+

data/LICENSE

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

data/README.md

@@ -0,0 +1,29 @@
+# Jstree::Rails
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'jstree-rails'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jstree-rails
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

data/jstree-rails.gemspec

@@ -0,0 +1,17 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/jstree-rails/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Michael Schmitz"]
+  gem.email         = ["lydianblues@gmail.com"]
+  gem.description   = %q{JSTree for Rails}
+  gem.summary       = %q{Packagate JSTree for the Rails asset pipeline}
+  gem.homepage      = ""
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "jstree-rails"
+  gem.require_paths = ["lib"]
+  gem.version       = Jstree::Rails::VERSION
+end

data/lib/jstree-rails/rails.rb

@@ -0,0 +1,6 @@
+module JsTreeRails
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/jstree-rails/version.rb

@@ -0,0 +1,5 @@
+module Jstree
+  module Rails
+    VERSION = "0.0.2"
+  end
+end

data/lib/jstree-rails.rb

@@ -0,0 +1,8 @@
+require "jstree-rails/version"
+require "jstree-rails/rails"
+
+module FileUpload
+  module Rails
+    # Your code goes here...
+  end
+end

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

@@ -0,0 +1,15 @@
+//= require jstree/vakata.js
+//= require jstree/jstree.js
+//= require jstree/jstree.checkbox.js
+//= require jstree/jstree.contextmenu.js
+//= require jstree/jstree.dnd.js
+//= require jstree/jstree.hotkeys.js
+//= require jstree/jstree.html.js
+//= require jstree/jstree.json.js
+//= require jstree/jstree.rules.js
+//= require jstree/jstree.sort.js
+//= require jstree/jstree.state.js
+//= require jstree/jstree.themes.js
+//= require jstree/jstree.ui.js
+//= require jstree/jstree.unique.js
+//= require jstree/jstree.xml.js

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

@@ -0,0 +1,187 @@
+/* File: jstree.checkbox.js
+Adds checkboxes to the tree.
+*/
+(function ($) {
+	$.jstree.plugin("checkbox", {
+		__construct : function () {
+			this.get_container()
+				.bind("__construct.jstree", $.proxy(function () {
+						// TODO: on move/copy - clean new location and parents
+					}, this))
+				.bind("move_node.jstree, copy_node.jstree", function (e, data) {
+						if(data.rslt.old_instance && data.rslt.old_parent && $.isFunction(data.rslt.old_instance.checkbox_repair)) {
+							data.rslt.old_instance.checkbox_repair(data.rslt.old_parent);
+						}
+						if(data.rslt.new_instance && $.isFunction(data.rslt.new_instance.checkbox_repair)) {
+							data.rslt.new_instance.checkbox_repair(data.rslt.parent);
+						}
+					})
+				.bind("delete_node.jstree", function (e, data) {
+						this.checkbox_repair(data.rslt.parent);
+					})
+				.delegate("a", "click.jstree", $.proxy(function (e) {
+						e.preventDefault();
+						e.currentTarget.blur();
+						var obj = this.get_node(e.currentTarget);
+						this.toggle_check(obj);
+					}, this));
+		},
+		defaults : { 
+			three_state : true
+		},
+		_fn : {
+			/*
+				Group: CHECKBOX functions
+			*/
+			check_node : function (obj) {
+				obj = this.get_node(obj);
+				obj.find(' > a > .jstree-checkbox').removeClass('jstree-unchecked jstree-undetermined').addClass('jstree-checked').children(':checkbox').prop('checked', true).prop('undermined', false);
+				this.checkbox_repair(obj);
+			},
+			uncheck_node : function (obj) {
+				obj = this.get_node(obj);
+				obj.find(' > a > .jstree-checkbox').removeClass('jstree-checked jstree-undetermined').addClass('jstree-unchecked').children(':checkbox').prop('checked', false).prop('undermined', false);
+				this.checkbox_repair(obj);
+			},
+			toggle_check : function (obj) {
+				obj = obj.find(' > a > .jstree-checkbox').removeClass('jstree-undetermined').toggleClass('jstree-checked');
+				if(!obj.hasClass('jstree-checked')) { 
+					obj.addClass('jstree-unchecked').children(':checkbox').prop('checked', false).prop('undermined', false); 
+				}
+				else { 
+					obj.children(':checkbox').prop('checked', true).prop('undermined', false); 
+				}
+				this.checkbox_repair(this.get_node(obj));
+			},
+			uncheck_all : function (context) {
+				var ret = context ? $(context).find(".jstree-checked").closest('li') : this.get_container().find(".jstree-checked").closest('li');
+				ret.children(".jstree-checkbox").removeClass("jstree-checked jstree-undetermined").addClass('jstree-unchecked').children(':checkbox').prop('checked', false).prop('undermined', false);
+				this.__callback({ "obj" : ret });
+			},
+
+			checkbox_repair : function (obj) {
+				if(!this.get_settings(true).checkbox.three_state) { return false; }
+
+				if(!obj || obj === -1) {
+					obj = this.get_container_ul().children('li');
+				}
+				if(obj.length > 1) {
+					obj.each($.proxy(function (i, d) { 
+						this.checkbox_repair($(d));
+					}, this));
+				}
+
+				var c = obj.find(' > a > .jstree-checkbox'),
+					fix_up = true,
+					p, st, sc, su, si;
+
+				if(!c.hasClass('jstree-checked') && !c.hasClass('jstree-unchecked')) {
+					p = this.get_parent(obj);
+					if(p && p !== -1 && p.length && p.find('> a > .jstree-checked').length) { c.addClass('jstree-checked'); }
+					else { c.addClass('jstree-unchecked'); }
+					fix_up = false;
+				}
+
+				if(c.hasClass('jstree-checked')) {
+					obj.find('.jstree-checkbox').removeClass('jstree-undetermined jstree-unchecked').addClass('jstree-checked').children(':checkbox').prop('checked', true).prop('undermined', false);
+				}
+				if(c.hasClass('jstree-unchecked')) {
+					obj.find('.jstree-checkbox').removeClass('jstree-undetermined jstree-checked').addClass('jstree-unchecked').children(':checkbox').prop('checked', false).prop('undermined', false);
+				}
+
+				while(fix_up) {
+					obj = this.get_parent(obj);
+					if(!obj || obj === -1 || !obj.length) { return; }
+
+					st = obj.find(' > ul > li');
+					sc = st.find(' > a > .jstree-checked').length;
+					su = st.find(' > a > .jstree-unchecked').length;
+					si = st.find(' > a > .jstree-undetermined').length;
+					st = st.length;
+
+					if(sc + su + si < st) { return; }
+
+					if(su === st) {
+						c = obj.find(' > a > .jstree-checkbox');
+						if(c.hasClass('jstree-unchecked')) { return; }
+						c.removeClass('jstree-undetermined jstree-checked').addClass('jstree-unchecked').children(':checkbox').prop('checked', false).prop('undermined', false);
+						continue;
+					}
+					if(sc === st) {
+						c = obj.find(' > a > .jstree-checkbox');
+						if(c.hasClass('jstree-checked')) { return; }
+						c.removeClass('jstree-undetermined jstree-unchecked').addClass('jstree-checked').children(':checkbox').prop('checked', true).prop('undermined', false);
+						continue;
+					}
+					obj.parentsUntil(".jstree", "li").andSelf().find(' > a > .jstree-checkbox').removeClass('jstree-checked jstree-unchecked').addClass('jstree-undetermined').children(':checkbox').prop('checked', false).prop('undetermined', true);
+					return;
+				}
+			},
+
+			clean_node : function(obj) {
+				obj = this.__call_old();
+				var t = this;
+				obj = obj.each(function () {
+					var o = $(this),
+						d = o.data("jstree");
+					o.find(" > a > .jstree-checkbox").remove();
+					o.children("a").prepend("<ins class='jstree-icon jstree-checkbox " + (d && d.checkbox && d.checkbox.checked === true ? 'jstree-checked' : '') + ( (d && d.checkbox && d.checkbox.checked === false) || !t.get_settings(true).checkbox.three_state ? 'jstree-unchecked' : '') + " '><input class='jstree-check' type='checkbox' " + (d && d.checkbox && d.checkbox.checked ? ' checked="checked" ' : '') + " name='" + (d && d.checkbox && typeof d.checkbox.name !== 'undefined' ? d.checkbox.name : 'jstree[]') + "' value='" + (d && d.checkbox && typeof d.checkbox.value !== 'undefined' ? d.checkbox.value : o.attr('id')) + "' /></ins>");
+				});
+				t.checkbox_repair(obj);
+				return obj;
+			},
+			get_state : function () {
+				var state = this.__call_old();
+				state.checked = [];
+				this.get_container().find('.jstree-checked').closest('li').each(function () { if(this.id) { state.checked.push(this.id); } });
+				return state;
+			},
+			set_state : function (state, callback) {
+				if(this.__call_old()) {
+					if(state.checkbox) {
+						var _this = this;
+						this.uncheck_all();
+						$.each(state.checkbox, function (i, v) {
+							_this.check_node(document.getElementById(v));
+						});
+						this.checkbox_repair();
+						delete state.checkbox;
+						this.set_state(state, callback);
+						return false;
+					}
+					return true;
+				}
+				return false;
+			},
+			get_json : function (obj, is_callback) {
+				var r = this.__call_old(), i;
+				if(is_callback) {
+					i = obj.find('> a > ins > :checkbox');
+					r.data.jstree.checkbox = {};
+					r.data.jstree.checkbox.checked = i.parent().hasClass('jstree-checked');
+					if(i.attr('name') !== 'jstree[]') { r.data.checkbox.name = i.attr('name'); }
+					if(i.val() !== obj.attr('id')) { r.data.checkbox.value = i.val(); }
+				}
+				return r;
+			}
+		}
+	});
+	$(function () {
+		// add checkbox specific CSS
+		var css_string = '' + 
+				'.jstree a > .jstree-checkbox { height:16px; width:16px; margin-right:1px; } ' + 
+				'.jstree-rtl a > .jstree-checkbox { margin-right:0; margin-left:1px; } ' + 
+				'.jstree .jstree-check { margin:0; padding:0; border:0; display:inline; vertical-align:text-bottom; } ';
+		// Correct IE 6 (does not support the > CSS selector)
+		if($.jstree.IS_IE6) { 
+			css_string += '' + 
+				'.jstree li a .jstree-checkbox { height:16px; width:16px; background:transparent; margin-right:1px; } ' + 
+				'.jstree-rtl li a .jstree-checkbox { margin-right:0; margin-left:1px; } ';
+		}
+		// the default stylesheet
+		$.vakata.css.add_sheet({ str : css_string, title : "jstree" });
+	});
+	// include the checkbox plugin by default
+	$.jstree.defaults.plugins.push("checkbox");
+})(jQuery);
+//*/

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

@@ -0,0 +1,145 @@
+/* File: jstree.contextmenu.js 
+Enables a rightclick contextmenu.
+*/
+/* Group: jstree sort plugin */
+(function ($) {
+	$.jstree.plugin("contextmenu", {
+		__construct : function () {
+			this.get_container()
+				.delegate("a", "contextmenu.jstree", $.proxy(function (e) {
+						e.preventDefault();
+						if(!this.is_loading(e.currentTarget)) {
+							this.show_contextmenu(e.currentTarget, e.pageX, e.pageY);
+						}
+					}, this))
+				.delegate("a", "click.jstree", $.proxy(function (e) {
+						if(this.data.contextmenu.visible) {
+							this._hide_contextmenu();
+						}
+					}, this));
+			$(document).bind("context_hide.vakata", $.proxy(function () { this.data.contextmenu = false; }, this));
+		},
+		__destruct : function () {
+			if(this.data.contextmenu) {
+				this._hide_contextmenu();
+			}
+		},
+		defaults : { 
+			select_node : true, 
+			show_at_node : true,
+			items : function (o) { // Could be an object directly 
+				// TODO: in "_disabled" call this._check()
+				return { 
+					"create" : {
+						"separator_before"	: false,
+						"separator_after"	: true,
+						"label"				: "Create",
+						"action"			: function (data) { 
+							var inst = $.jstree._reference(data.reference),
+								obj = inst.get_node(data.reference);
+							inst.create_node(obj, {}, "last", function (new_node) {
+								setTimeout(function () { inst.edit(new_node); },0);
+							});
+						}
+					},
+					"rename" : {
+						"separator_before"	: false,
+						"separator_after"	: false,
+						"label"				: "Rename",
+						"action"			: function (data) { 
+							var inst = $.jstree._reference(data.reference),
+								obj = inst.get_node(data.reference);
+							inst.edit(obj);
+						}
+					},
+					"remove" : {
+						"separator_before"	: false,
+						"icon"				: false,
+						"separator_after"	: false,
+						"label"				: "Delete",
+						"action"			: function (data) {
+							var inst = $.jstree._reference(data.reference),
+								obj = inst.get_node(data.reference);
+							inst.delete_node(obj);
+						}
+					},
+					"ccp" : {
+						"separator_before"	: true,
+						"icon"				: false,
+						"separator_after"	: false,
+						"label"				: "Edit",
+						"action"			: false,
+						"submenu" : { 
+							"cut" : {
+								"separator_before"	: false,
+								"separator_after"	: false,
+								"label"				: "Cut",
+								"action"			: function (data) { 
+									var inst = $.jstree._reference(data.reference),
+										obj = inst.get_node(data.reference);
+									inst.cut(obj);
+								}
+							},
+							"copy" : {
+								"separator_before"	: false,
+								"icon"				: false,
+								"separator_after"	: false,
+								"label"				: "Copy",
+								"action"			: function (data) { 
+									var inst = $.jstree._reference(data.reference),
+										obj = inst.get_node(data.reference);
+									inst.copy(obj);
+								}
+							},
+							"paste" : {
+								"separator_before"	: false,
+								"icon"				: false,
+								"_disabled"			: !(this.can_paste()),
+								"separator_after"	: false,
+								"label"				: "Paste",
+								"action"			: function (data) { 
+									var inst = $.jstree._reference(data.reference),
+										obj = inst.get_node(data.reference);
+									inst.paste(obj);
+								}
+							}
+						}
+					}
+				};
+			}
+		},
+		_fn : {
+			show_contextmenu : function (obj, x, y) {
+				obj = this.get_node(obj);
+				var s = this.get_settings().contextmenu,
+					a = obj.children("a:visible:eq(0)"),
+					o = false,
+					i = false;
+				if(s.show_at_node || typeof x === "undefined" || typeof y === "undefined") {
+					o = a.offset();
+					x = o.left;
+					y = o.top + this.data.core.li_height;
+				}
+				if(s.select_node && this.data.ui && !this.is_selected(obj)) {
+					this.deselect_all();
+					this.select_node(obj);
+				}
+
+				i = obj.data("jstree") && obj.data("jstree").contextmenu ? obj.data("jstree").contextmenu : s.items;
+				if($.isFunction(i)) { i = i.call(this, obj); }
+
+				$(document).one("context_show.vakata", $.proxy(function (e, data) { 
+					var cls = 'jstree-contextmenu';
+					if(this.data.themes.theme) {
+						cls += ' jstree-' + this.data.themes.theme + '-contextmenu';
+					}
+					$(data.element).addClass(cls);
+				}, this));
+				this.data.contextmenu.visible = true;
+				$.vakata.context.show(a, { 'x' : x, 'y' : y }, i);
+				this.__callback({ "obj" : obj, "x" : x, "y" : y });
+			}
+		}
+	});
+	$.jstree.defaults.plugins.push("contextmenu");
+})(jQuery);