Loading... |
![](" + tmp.origin_tree.settings.ui.theme_path + "remove.png)
");
+ }
+ tmp.move_type = false;
+ tmp.ref_node = false;
+ tree_component.drag_drop.marker.hide();
+ return false;
+ }
+
+ var tree2 = tree_component.inst[cnt.attr("id")];
+ tree2.off_height();
+
+ // if moving over another tree and multitree is false
+ if( tmp.foreign === false && tmp.origin_tree.container.get(0) != tree2.container.get(0) && (!tmp.origin_tree.settings.rules.multitree || !tree2.settings.rules.multitree) ) {
+ if(tmp.drag_help.children("IMG").size() == 0) {
+ tmp.drag_help.append("");
+ }
+ tmp.move_type = false;
+ tmp.ref_node = false;
+ tree_component.drag_drop.marker.hide();
+ return false;
+ }
+
+ if(tmp.scroll_time) clearTimeout(tmp.scroll_time);
+ tmp.scroll_time = setTimeout( function() { tree2.scrollCheck(event.pageX,event.pageY); }, 50);
+
+ var mov = false;
+ var st = cnt.scrollTop();
+
+ var et = $(event.target);
+ if(event.target.tagName == "A" ) {
+ // just in case if hover is over the draggable
+ if(et.is("#dragged")) return false;
+ if(tree2.get_node(event.target).hasClass("closed")) {
+ tmp.open_time = setTimeout( function () { tree2.open_branch(et); }, 500);
+ }
+
+ var goTo = {
+ x : (et.offset().left - 1),
+ y : (event.pageY - tree2.offset.top)
+ };
+ if(cnt.hasClass("rtl")) goTo.x += et.width() - 8;
+ var arr = [];
+ if( (goTo.y + st)%tree2.li_height < tree2.li_height/3 + 1 ) arr = ["before","inside","after"];
+ else if((goTo.y + st)%tree2.li_height > tree2.li_height*2/3 - 1 ) arr = ["after","inside","before"];
+ else {
+ if((goTo.y + st)%tree2.li_height < tree2.li_height/2) arr = ["inside","before","after"];
+ else arr = ["inside","after","before"];
+ }
+ var ok = false;
+ $.each(arr, function(i, val) {
+ if(tree2.checkMove(tmp.origin_tree.container.find("li.dragged"), et, val)) {
+ mov = val;
+ ok = true;
+ return false;
+ }
+ });
+ if(ok) {
+ switch(mov) {
+ case "before":
+ goTo.y = event.pageY - (goTo.y + st)%tree2.li_height - 2 ;
+ if(cnt.hasClass("rtl")) { tree_component.drag_drop.marker.attr("src", tree2.settings.ui.theme_path + "marker_rtl.gif").width(40); }
+ else { tree_component.drag_drop.marker.attr("src", tree2.settings.ui.theme_path + "marker.gif").width(40); }
+ break;
+ case "after":
+ goTo.y = event.pageY - (goTo.y + st)%tree2.li_height + tree2.li_height - 2 ;
+ if(cnt.hasClass("rtl")) { tree_component.drag_drop.marker.attr("src", tree2.settings.ui.theme_path + "marker_rtl.gif").width(40); }
+ else { tree_component.drag_drop.marker.attr("src", tree2.settings.ui.theme_path + "marker.gif").width(40); }
+ break;
+ case "inside":
+ goTo.x -= 2;
+ if(cnt.hasClass("rtl")) {
+ goTo.x += 36;
+ }
+ goTo.y = event.pageY - (goTo.y + st)%tree2.li_height + Math.floor(tree2.li_height/2) - 2 ;
+ tree_component.drag_drop.marker.attr("src", tree2.settings.ui.theme_path + "default/plus.gif").width(11);
+ break;
+ }
+ tmp.move_type = mov;
+ tmp.ref_node = $(event.target);
+ tmp.drag_help.children("IMG").remove();
+ tree_component.drag_drop.marker.css({ "left" : goTo.x , "top" : goTo.y }).show();
+ }
+ }
+ if(event.target.tagName != "A" || !ok) {
+ if(tmp.drag_help.children("IMG").size() == 0) {
+ tmp.drag_help.append("");
+ }
+ tmp.move_type = false;
+ tmp.ref_node = false;
+ tree_component.drag_drop.marker.hide();
+ }
+ event.preventDefault();
+ event.stopPropagation();
+ return false;
+ }
+ return true;
+ };
+ };
+ return {
+ cntr : ++tree_component.cntr,
+ settings : {
+ data : {
+ type : "predefined", // ENUM [json, xml_flat, xml_nested, predefined]
+ method : "GET", // HOW TO REQUEST FILES
+ async : false, // BOOL - async loading onopen
+ async_data : function (NODE) { return { id : $(NODE).attr("id") || 0 } }, // PARAMETERS PASSED TO SERVER
+ url : false, // FALSE or STRING - url to document to be used (async or not)
+ json : false // FALSE or OBJECT if type is JSON and async is false - the tree dump as json
+ },
+ selected : false, // FALSE or STRING or ARRAY
+ opened : [], // ARRAY OF INITIALLY OPENED NODES
+ languages : [], // ARRAY of string values (which will be used as CSS classes - so they must be valid)
+ path : false, // FALSE or STRING (if false - will be autodetected)
+ cookies : false, // FALSE or OBJECT (prefix, open, selected, opts - from jqCookie - expires, path, domain, secure)
+ ui : {
+ dots : true, // BOOL - dots or no dots
+ rtl : false, // BOOL - is the tree right-to-left
+ animation : 0, // INT - duration of open/close animations in miliseconds
+ hover_mode : true, // SHOULD get_* functions chage focus or change hovered item
+ scroll_spd : 4,
+ theme_path : false, // Path to themes
+ theme_name : "default",// Name of theme
+ context : [
+ {
+ id : "create",
+ label : "Create",
+ icon : "create.png",
+ visible : function (NODE, TREE_OBJ) { if(NODE.length != 1) return false; return TREE_OBJ.check("creatable", NODE); },
+ action : function (NODE, TREE_OBJ) { TREE_OBJ.create(false, TREE_OBJ.selected); }
+ },
+ "separator",
+ {
+ id : "rename",
+ label : "Rename",
+ icon : "rename.png",
+ visible : function (NODE, TREE_OBJ) { if(NODE.length != 1) return false; return TREE_OBJ.check("renameable", NODE); },
+ action : function (NODE, TREE_OBJ) { TREE_OBJ.rename(); }
+ },
+ {
+ id : "delete",
+ label : "Delete",
+ icon : "remove.png",
+ visible : function (NODE, TREE_OBJ) { var ok = true; $.each(NODE, function () { if(TREE_OBJ.check("deletable", this) == false) ok = false; return false; }); return ok; },
+ action : function (NODE, TREE_OBJ) { $.each(NODE, function () { TREE_OBJ.remove(this); }); }
+ }
+ ]
+ },
+ rules : {
+ multiple : false, // FALSE | CTRL | ON - multiple selection off/ with or without holding Ctrl
+ metadata : false, // FALSE or STRING - attribute name (use metadata plugin)
+ type_attr : "rel", // STRING attribute name (where is the type stored if no metadata)
+ multitree : false, // BOOL - is drag n drop between trees allowed
+ createat : "bottom", // STRING (top or bottom) new nodes get inserted at top or bottom
+ use_inline : false, // CHECK FOR INLINE RULES - REQUIRES METADATA
+ clickable : "all", // which node types can the user select | default - all
+ renameable : "all", // which node types can the user select | default - all
+ deletable : "all", // which node types can the user delete | default - all
+ creatable : "all", // which node types can the user create in | default - all
+ draggable : "none", // which node types can the user move | default - none | "all"
+ dragrules : "all", // what move operations between nodes are allowed | default - none | "all"
+ drag_copy : false, // FALSE | CTRL | ON - drag to copy off/ with or without holding Ctrl
+ droppable : []
+ },
+ lang : {
+ new_node : "New folder",
+ loading : "Loading ..."
+ },
+ callback : { // various callbacks to attach custom logic to
+ // before focus - should return true | false
+ beforechange: function(NODE,TREE_OBJ) { return true },
+ beforeopen : function(NODE,TREE_OBJ) { return true },
+ beforeclose : function(NODE,TREE_OBJ) { return true },
+ // before move - should return true | false
+ beforemove : function(NODE,REF_NODE,TYPE,TREE_OBJ) { return true },
+ // before create - should return true | false
+ beforecreate: function(NODE,REF_NODE,TYPE,TREE_OBJ) { return true },
+ // before rename - should return true | false
+ beforerename: function(NODE,LANG,TREE_OBJ) { return true },
+ // before delete - should return true | false
+ beforedelete: function(NODE,TREE_OBJ) { return true },
+
+ onselect : function(NODE,TREE_OBJ) { }, // node selected
+ ondeselect : function(NODE,TREE_OBJ) { }, // node deselected
+ onchange : function(NODE,TREE_OBJ) { }, // focus changed
+ onrename : function(NODE,LANG,TREE_OBJ) { }, // node renamed ISNEW - TRUE|FALSE, current language
+ onmove : function(NODE,REF_NODE,TYPE,TREE_OBJ) { }, // move completed (TYPE is BELOW|ABOVE|INSIDE)
+ oncopy : function(NODE,REF_NODE,TYPE,TREE_OBJ) { }, // copy completed (TYPE is BELOW|ABOVE|INSIDE)
+ oncreate : function(NODE,REF_NODE,TYPE,TREE_OBJ) { }, // node created, parent node (TYPE is createat)
+ ondelete : function(NODE, TREE_OBJ) { }, // node deleted
+ onopen : function(NODE, TREE_OBJ) { }, // node opened
+ onopen_all : function(NODE, TREE_OBJ) { }, // all nodes opened
+ onclose : function(NODE, TREE_OBJ) { }, // node closed
+ error : function(TEXT, TREE_OBJ) { }, // error occured
+ // double click on node - defaults to open/close & select
+ ondblclk : function(NODE, TREE_OBJ) { TREE_OBJ.toggle_branch.call(TREE_OBJ, NODE); TREE_OBJ.select_branch.call(TREE_OBJ, NODE); },
+ // right click - to prevent use: EV.preventDefault(); EV.stopPropagation(); return false
+ onrgtclk : function(NODE, TREE_OBJ, EV) { },
+ onload : function(TREE_OBJ) { },
+ onfocus : function(TREE_OBJ) { },
+ ondrop : function(NODE,REF_NODE,TYPE,TREE_OBJ) {}
+ }
+ },
+ // INITIALIZATION
+ init : function(elem, opts) {
+ var _this = this;
+ this.container = $(elem);
+ if(this.container.size == 0) { alert("Invalid container node!"); return }
+
+ tree_component.inst[this.cntr] = this;
+ if(!this.container.attr("id")) this.container.attr("id","jstree_" + this.cntr);
+ tree_component.inst[this.container.attr("id")] = tree_component.inst[this.cntr];
+ tree_component.focused = this.cntr;
+
+ // MERGE OPTIONS WITH DEFAULTS
+ if(opts && opts.cookies) {
+ this.settings.cookies = $.extend({},this.settings.cookies,opts.cookies);
+ delete opts.cookies;
+ if(!this.settings.cookies.opts) this.settings.cookies.opts = {};
+ }
+ if(opts && opts.callback) {
+ this.settings.callback = $.extend({},this.settings.callback,opts.callback);
+ delete opts.callback;
+ }
+ if(opts && opts.data) {
+ this.settings.data = $.extend({},this.settings.data,opts.data);
+ delete opts.data;
+ }
+ if(opts && opts.ui) {
+ this.settings.ui = $.extend({},this.settings.ui,opts.ui);
+ delete opts.ui;
+ }
+ if(opts && opts.rules) {
+ this.settings.rules = $.extend({},this.settings.rules,opts.rules);
+ delete opts.rules;
+ }
+ if(opts && opts.lang) {
+ this.settings.lang = $.extend({},this.settings.lang,opts.lang);
+ delete opts.lang;
+ }
+ this.settings = $.extend({},this.settings,opts);
+
+ // PATH TO IMAGES AND XSL
+ if(this.settings.path == false) {
+ this.path = "";
+ $("script").each( function () {
+ if(this.src.toString().match(/tree_component.*?js$/)) {
+ _this.path = this.src.toString().replace(/tree_component.*?js$/, "");
+ }
+ });
+ }
+ else this.path = this.settings.path;
+
+ // DEAL WITH LANGUAGE VERSIONS
+ this.current_lang = this.settings.languages && this.settings.languages.length ? this.settings.languages[0] : false;
+ if(this.settings.languages && this.settings.languages.length) {
+ this.sn = get_sheet_num("tree_component.css");
+ var st = false;
+ var id = this.container.attr("id") ? "#" + this.container.attr("id") : ".tree";
+ for(var ln = 0; ln < this.settings.languages.length; ln++) {
+ st = add_css(id + " ." + this.settings.languages[ln], this.sn);
+ if(st !== false) {
+ if(this.settings.languages[ln] == this.current_lang) st.style.display = "inline";
+ else st.style.display = "none";
+ }
+ }
+ }
+
+ // DROPPABLES
+ if(this.settings.rules.droppable.length) {
+ for(var i in this.settings.rules.droppable) {
+ tree_component.drag_drop.droppable.push(this.settings.rules.droppable[i]);
+ }
+ tree_component.drag_drop.droppable = $.unique(tree_component.drag_drop.droppable);
+ }
+
+ // THEMES
+ if(this.settings.ui.theme_path === false) this.settings.ui.theme_path = this.path + "themes/";
+ this.theme = this.settings.ui.theme_path;
+ if(_this.settings.ui.theme_name) this.theme += _this.settings.ui.theme_name + "/";
+ add_sheet(_this.settings.ui.theme_path + "default/style.css");
+ if(this.settings.ui.theme_name && this.settings.ui.theme_name != "default") add_sheet(_this.theme + "style.css");
+
+ this.container.addClass("tree");
+ if(this.settings.ui.rtl) this.container.addClass("rtl");
+ if(this.settings.rules.multiple) this.selected_arr = [];
+ this.offset = false;
+
+ if(this.settings.ui.dots == false) this.container.addClass("no_dots");
+
+ // CONTEXT MENU
+ this.context_menu();
+
+ this.hovered = false;
+ this.locked = false;
+
+ // CREATE DUMMY FOR MOVING
+ if(this.settings.rules.draggable != "none" && tree_component.drag_drop.marker === false) {
+ var _this = this;
+ tree_component.drag_drop.marker = $("![]("+tmp.origin_tree.settings.ui.theme_path+"remove.png)
")}tmp.move_type=false;tmp.ref_node=false;tree_component.drag_drop.marker.hide();return false}var tree2=tree_component.inst[cnt.attr("id")];tree2.off_height();if(tmp.foreign===false&&tmp.origin_tree.container.get(0)!=tree2.container.get(0)&&(!tmp.origin_tree.settings.rules.multitree||!tree2.settings.rules.multitree)){if(tmp.drag_help.children("IMG").size()==0){tmp.drag_help.append("")}tmp.move_type=false;tmp.ref_node=false;tree_component.drag_drop.marker.hide();return false}if(tmp.scroll_time)clearTimeout(tmp.scroll_time);tmp.scroll_time=setTimeout(function(){tree2.scrollCheck(event.pageX,event.pageY)},50);var mov=false;var st=cnt.scrollTop();var et=$(event.target);if(event.target.tagName=="A"){if(et.is("#dragged"))return false;if(tree2.get_node(event.target).hasClass("closed")){tmp.open_time=setTimeout(function(){tree2.open_branch(et)},500)}var goTo={x:(et.offset().left-1),y:(event.pageY-tree2.offset.top)};if(cnt.hasClass("rtl"))goTo.x+=et.width()-8;var arr=[];if((goTo.y+st)%tree2.li_height