Subversion-Projekte lars-tiefland.ci

/* global jQuery */

// disable all events
(function ($, undefined) {
        "use strict";
        $.jstree.plugins.trigger = function (options, parent) {
                this.init = function (el, options) {
                        // do not forget parent
                        parent.init.call(this, el, options);
                        this._data.trigger.disabled = false;
                };
                this.trigger = function (ev, data) {
                        if(!this._data.trigger.disabled) {
                                parent.trigger.call(this, ev, data);
                        }
                };
                this.disable_events = function () { this._data.trigger.disabled = true; };
                this.enable_events = function () { this._data.trigger.disabled = false; };
        };
})(jQuery);

// mapping
(function ($, undefined) {
        "use strict";
        // use this if you need any options
        $.jstree.defaults.mapper = {
                option_key : "option_value"
        };
        $.jstree.plugins.mapper = function () {
                this._parse_model_from_json = function (d, p, ps) {
                        // d is the node from the server, it will be called recursively for children,
                        // so you do not need to process at once
                        /* // for example
                        for(var i in d) {
                                if(d.hasOwnProperty(i)) {
                                        d[i.toLowerCase()] = d[i];
                                }
                        }
                        */
                        return parent._parse_model_from_json.call(this, d, p, ps);
                };
        };
})(jQuery);

// no hover
(function ($, undefined) {
        "use strict";
        $.jstree.plugins.nohover = function () {
                this.hover_node = $.noop;
        };
})(jQuery);

// force multiple select
(function ($, undefined) {
        "use strict";
        $.jstree.defaults.multiselect = {};
        $.jstree.plugins.multiselect = function (options, parent) {
                this.activate_node = function (obj, e) {
                        e.ctrlKey = true;
                        parent.activate_node.call(this, obj, e);
                };
        };
})(jQuery);

// real checkboxes
(function ($, undefined) {
        "use strict";

        var inp = document.createElement("INPUT");
        inp.type = "checkbox";
        inp.className = "jstree-checkbox jstree-realcheckbox";

        $.jstree.defaults.realcheckboxes = {};

        $.jstree.plugins.realcheckboxes = function (options, parent) {
                this.bind = function () {
                        parent.bind.call(this);
                        this._data.realcheckboxes.uto = false;
                        this.element
                                .on('changed.jstree uncheck_node.jstree check_node.jstree uncheck_all.jstree check_all.jstree move_node.jstree copy_node.jstree redraw.jstree open_node.jstree ready.jstree loaded.jstree', $.proxy(function () {
                                                // only if undetermined is in setting
                                                if(this._data.realcheckboxes.uto) { clearTimeout(this._data.realcheckboxes.uto); }
                                                this._data.realcheckboxes.uto = setTimeout($.proxy(this._realcheckboxes, this), 50);
                                        }, this));
                };
                this.redraw_node = function(obj, deep, callback, force_draw) {
                        obj = parent.redraw_node.call(this, obj, deep, callback, force_draw);
                        if(obj) {
                                var i, j, tmp = null, chk = inp.cloneNode(true);
                                for(i = 0, j = obj.childNodes.length; i < j; i++) {
                                        if(obj.childNodes[i] && obj.childNodes[i].className && obj.childNodes[i].className.indexOf("jstree-anchor") !== -1) {
                                                tmp = obj.childNodes[i];
                                                break;
                                        }
                                }
                                if(tmp) {
                                        for(i = 0, j = tmp.childNodes.length; i < j; i++) {
                                                if(tmp.childNodes[i] && tmp.childNodes[i].className && tmp.childNodes[i].className.indexOf("jstree-checkbox") !== -1) {
                                                        tmp = tmp.childNodes[i];
                                                        break;
                                                }
                                        }
                                }
                                if(tmp && tmp.tagName === "I") {
                                        tmp.style.backgroundColor = "transparent";
                                        tmp.style.backgroundImage = "none";
                                        tmp.appendChild(chk);
                                }
                        }
                        return obj;
                };
                this._realcheckboxes = function () {
                        var ts = this.settings.checkbox.tie_selection;
                        console.log(ts);
                        $('.jstree-realcheckbox').each(function () {
                                this.checked = (!ts && this.parentNode.parentNode.className.indexOf("jstree-checked") !== -1) || (ts && this.parentNode.parentNode.className.indexOf('jstree-clicked') !== -1);
                                this.indeterminate = this.parentNode.className.indexOf("jstree-undetermined") !== -1;
                                this.disabled = this.parentNode.parentNode.className.indexOf("disabled") !== -1;
                        });
                };
        };
})(jQuery);

// no state
(function ($, undefined) {
        "use strict";
        $.jstree.plugins.nostate = function () {
                this.set_state = function (state, callback) {
                        if(callback) { callback.call(this); }
                        this.trigger('set_state');
                };
        };
})(jQuery);

// no selected in state
(function ($, undefined) {
        "use strict";
        $.jstree.plugins.noselectedstate = function (options, parent) {
                this.get_state = function () {
                        var state = parent.get_state.call(this);
                        delete state.core.selected;
                        return state;
                };
        };
})(jQuery);

// additional icon on node (outside of anchor)
(function ($, undefined) {
        "use strict";
        var img = document.createElement('IMG');
        //img.src = "http://www.dpcd.vic.gov.au/__data/assets/image/0004/30667/help.gif";
        img.className = "jstree-questionmark";

        $.jstree.defaults.questionmark = $.noop;
        $.jstree.plugins.questionmark = function (options, parent) {
                this.bind = function () {
                        parent.bind.call(this);
                        this.element
                                .on("click.jstree", ".jstree-questionmark", $.proxy(function (e) {
                                                e.stopImmediatePropagation();
                                                this.settings.questionmark.call(this, this.get_node(e.target));
                                        }, this));
                };
                this.teardown = function () {
                        if(this.settings.questionmark) {
                                this.element.find(".jstree-questionmark").remove();
                        }
                        parent.teardown.call(this);
                };
                this.redraw_node = function(obj, deep, callback, force_draw) {
                        obj = parent.redraw_node.call(this, obj, deep, callback, force_draw);
                        if(obj) {
                                var tmp = img.cloneNode(true);
                                obj.insertBefore(tmp, obj.childNodes[2]);
                        }
                        return obj;
                };
        };
})(jQuery);

// auto numbering
(function ($, undefined) {
        "use strict";
        var span = document.createElement('SPAN');
        span.className = "jstree-numbering";

        $.jstree.defaults.numbering = {};
        $.jstree.plugins.numbering = function (options, parent) {
                this.teardown = function () {
                        if(this.settings.questionmark) {
                                this.element.find(".jstree-numbering").remove();
                        }
                        parent.teardown.call(this);
                };
                this.get_number = function (obj) {
                        obj = this.get_node(obj);
                        var ind = $.inArray(obj.id, this.get_node(obj.parent).children) + 1;
                        return obj.parent === '#' ? ind : this.get_number(obj.parent) + '.' + ind;
                };
                this.redraw_node = function(obj, deep, callback, force_draw) {
                        var i, j, tmp = null, elm = null, org = this.get_number(obj);
                        obj = parent.redraw_node.call(this, obj, deep, callback, force_draw);
                        if(obj) {
                                for(i = 0, j = obj.childNodes.length; i < j; i++) {
                                        if(obj.childNodes[i] && obj.childNodes[i].className && obj.childNodes[i].className.indexOf("jstree-anchor") !== -1) {
                                                tmp = obj.childNodes[i];
                                                break;
                                        }
                                }
                                if(tmp) {
                                        elm = span.cloneNode(true);
                                        elm.innerHTML = org + '. ';
                                        tmp.insertBefore(elm, tmp.childNodes[tmp.childNodes.length - 1]);
                                }
                        }
                        return obj;
                };
        };
})(jQuery);

// additional icon on node (inside anchor)
(function ($, undefined) {
        "use strict";
        var _s = document.createElement('SPAN');
        _s.className = 'fa-stack jstree-stackedicon';
        var _i = document.createElement('I');
        _i.className = 'jstree-icon';
        _i.setAttribute('role', 'presentation');

        $.jstree.plugins.stackedicon = function (options, parent) {
                this.teardown = function () {
                        this.element.find(".jstree-stackedicon").remove();
                        parent.teardown.call(this);
                };
                this.redraw_node = function(obj, deep, is_callback, force_render) {
                        obj = parent.redraw_node.apply(this, arguments);
                        if(obj) {
                                var i, j, tmp = null, icon = null, temp = null;
                                for(i = 0, j = obj.childNodes.length; i < j; i++) {
                                        if(obj.childNodes[i] && obj.childNodes[i].className && obj.childNodes[i].className.indexOf("jstree-anchor") !== -1) {
                                                tmp = obj.childNodes[i];
                                                break;
                                        }
                                }
                                if(tmp) {
                                        if(this._model.data[obj.id].state.icons && this._model.data[obj.id].state.icons.length) {
                                                icon = _s.cloneNode(false);
                                                for(i = 0, j = this._model.data[obj.id].state.icons.length; i < j; i++) {
                                                        temp = _i.cloneNode(false);
                                                        temp.className += ' ' + this._model.data[obj.id].state.icons[i];
                                                        icon.appendChild(temp);
                                                }
                                                tmp.insertBefore(icon, tmp.childNodes[0]);
                                        }
                                }
                        }
                        return obj;
                };
        };
})(jQuery);

// selecting a node opens it
(function ($, undefined) {
        "use strict";
        $.jstree.plugins.selectopens = function (options, parent) {
                this.bind = function () {
                        parent.bind.call(this);
                        this.element.on('select_node.jstree', function (e, data) { data.instance.open_node(data.node); });
                };
        };
})(jQuery);

// object as data
(function ($, undefined) {
        "use strict";
        $.jstree.defaults.datamodel = {};
        $.jstree.plugins.datamodel = function (options, parent) {
                this.init = function (el, options) {
                        this._data.datamodel = {};
                        parent.init.call(this, el, options);
                };
                this._datamodel = function (id, nodes, callback) {
                        var i = 0, j = nodes.length, tmp = [], obj = null;
                        for(; i < j; i++) {
                                this._data.datamodel[nodes[i].getID()] = nodes[i];
                                obj = {
                                        id : nodes[i].getID(),
                                        text : nodes[i].getText(),
                                        children : nodes[i].hasChildren()
                                };
                                if(nodes[i].getExtra) {
                                        obj = nodes[i].getExtra(obj); // icon, type
                                }
                                tmp.push(obj);
                        }
                        return this._append_json_data(id, tmp, $.proxy(function (status) {
                                callback.call(this, status);
                        }, this));
                };
                this._load_node = function (obj, callback) {
                        var id = obj.id;
                        var nd = obj.id === "#" ? this.settings.core.data : this._data.datamodel[obj.id].getChildren($.proxy(function (nodes) {
                                this._datamodel(id, nodes, callback);
                        }, this));
                        if($.isArray(nd)) {
                                this._datamodel(id, nd, callback);
                        }
                };
        };
})(jQuery);
/*
        demo of the above
        function treeNode(val) {
                var id = ++treeNode.counter;
                this.getID = function () {
                        return id;
                };
                this.getText = function () {
                        return val.toString();
                };
                this.getExtra = function (obj) {
                        obj.icon = false;
                        return obj;
                };
                this.hasChildren = function () {
                        return true;
                };
                this.getChildren = function () {
                        return [
                                new treeNode(Math.pow(val, 2)),
                                new treeNode(Math.sqrt(val)),
                        ];
                };
        }
        treeNode.counter = 0;
                                
        $('#jstree').jstree({
                'core': {
                        'data': [
                                                new treeNode(2),
                                                new treeNode(3),
                                                new treeNode(4),
                                                new treeNode(5)
                                        ]
                },
                plugins : ['datamodel']
        });
*/

// untested sample plugin to keep all nodes in the DOM
(function ($, undefined) {
        "use strict";
        $.jstree.plugins.dom = function (options, parent) {
                this.redraw_node = function (node, deep, is_callback, force_render) {
                        return parent.redraw_node.call(this, node, deep, is_callback, true);
                };
                this.close_node = function (obj, animation) {
                        var t1, t2, t, d;
                        if($.isArray(obj)) {
                                obj = obj.slice();
                                for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
                                        this.close_node(obj[t1], animation);
                                }
                                return true;
                        }
                        obj = this.get_node(obj);
                        if(!obj || obj.id === $.jstree.root) {
                                return false;
                        }
                        if(this.is_closed(obj)) {
                                return false;
                        }
                        animation = animation === undefined ? this.settings.core.animation : animation;
                        t = this;
                        d = this.get_node(obj, true);
                        if(d.length) {
                                if(!animation) {
                                        d[0].className = d[0].className.replace('jstree-open', 'jstree-closed');
                                        d.attr("aria-expanded", false);
                                }
                                else {
                                        d
                                                .children(".jstree-children").attr("style","display:block !important").end()
                                                .removeClass("jstree-open").addClass("jstree-closed").attr("aria-expanded", false)
                                                .children(".jstree-children").stop(true, true).slideUp(animation, function () {
                                                        this.style.display = "";
                                                        t.trigger("after_close", { "node" : obj });
                                                });
                                }
                        }
                        obj.state.opened = false;
                        this.trigger('close_node',{ "node" : obj });
                        if(!animation || !d.length) {
                                this.trigger("after_close", { "node" : obj });
                        }
                };
        };
})(jQuery);