bootstrap-tree.js

var BootstrapTree = {
    init: function(tree) {
        tree.find('.fa')
            .not('[data-closed-icon]')
            .data('closed-icon', 'fa-plus-square')
            .data('opened-icon', 'fa-minus-square');

        tree.find('li')
            .children('ul')
            .parent()
            .addClass('parent_li')
            .children('span')
            .children('i')
            .on('click', BootstrapTree.toggleNode);

        $('.parent_li').find('span:first')
                       .find('.fa:first')
                       .each(function() {
                            $(this).addClass($(this).data('closed-icon'));
                      //     $(this).next().find("i").addClass("fa-folder").removeClass("fa-folder-o");
                       });

        $('.parent_li').find(' > ul > li').css({'display':'none'});

        tree.find('li')
            .not('.parent_li')
            .find('.fa:first')
            .each(function(){
                $(this).addClass($(this).data('default-icon'));
            })
    },

    addRoot: function(tree, element) {
        if (!element || !tree) {
            return;
        }

        var ul = $('<ul/>')

        element.appendTo(ul);
        ul.appendTo(tree);
    },

    addNode: function(parent, element, openNode) {
        if (!element || !parent) {
            return;
        }

        var ul = parent.find('> ul');
        if (ul.length == 0) {
            ul = $('<ul/>').appendTo(parent);

            parent.addClass('parent_li');
            parentIcon = parent.find('.fa:first');
            parentIcon.addClass(parentIcon.data('closed-icon'))
                      .removeClass(parentIcon.data('default-icon'))
                      .on('click', BootstrapTree.toggleNode);
        }

        elementIcon = element.find('.fa:first');
        elementIcon.addClass(elementIcon.data('default-icon'));

        if (!elementIcon.data('closed-icon')) {
            elementIcon.data('closed-icon', 'fa-plus-square')
                       .data('opened-icon', 'fa-minus-square');
        }

        element.appendTo(ul);

        if (parent.is("li")) {
            if (openNode || openNode == undefined) {
                this.openNode(parent);
            } else {
                element.css({'display':'none'});
            }
        }
    },

    removeNode: function(element) {
        if (element.prop("tagName") != 'LI') {
            return;
        }

        var ul = element.closest('ul');
        var icon = ul.closest('li').find('.fa');

        if (ul.find('>li').length <= 1) {
            ul.remove();
            icon.removeClass(icon.data('opened-icon') + ' ' + icon.data('closed-icon'))
                .addClass(icon.data('default-icon'));

        } else {
            element.remove();
        }
    },

    openNode: function(element) {
        var children = element.find(' > ul > li');
        var i = element.find('.fa:first');

        var openedIcon = i.data('opened-icon');
        var closedIcon = i.data('closed-icon');

        if (!i.hasClass(openedIcon) && children.length) {
            children.css({'display':'block'});
            i.addClass(openedIcon).removeClass(closedIcon);
        }
    },

    toggleChildren: function(element) {
        element.each(function() {
            var childLi = $(this);
            var childIcon = childLi.find(' > span > i');

            var closedIcon = childIcon.data('closed-icon');
            var openedIcon = childIcon.data('opened-icon');

            if (childIcon.hasClass(openedIcon)) {
                childLi.find('> ul > li').css({'display':'none'});
                childIcon.addClass(closedIcon).removeClass(openedIcon);
            } else {
                childLi.find('> ul > li').css({'display':'block'});
                childIcon.addClass(openedIcon).removeClass(closedIcon);
            }

            BootstrapTree.toggleChildren(childLi.find('> ul > li'));
        });
    },

    toggleNode: function(event) {
        var parentLi = $(this).closest('li.parent_li');
        var children = parentLi.find(' > ul > li');
        var i = $(this).parent().find(' > i');

        var closedIcon = i.data('closed-icon');
        var openedIcon = i.data('opened-icon');

        if (i.hasClass(openedIcon)) {
            children.css({'display':'none'});
            i.addClass(closedIcon).removeClass(openedIcon);
        }
        else {
            children.css({'display':'block'});
            i.addClass(openedIcon).removeClass(closedIcon);
        }

        BootstrapTree.toggleChildren(children);
    
        event.stopPropagation();
        $('.tree').find('.hideTreeElement').css('display', 'none');
    },

    findNode: function(tree, text) {
        this.openNode(tree.find("li:contains('"+text+"')"));
    },

    move: function(element, target) {
        if (!element || !target) {
            return;
        }

        var elementUl = element.closest('ul');
        var ul = target.find('> ul');
        if (ul.length == 0) {
            ul = $('<ul/>').appendTo(target);

            targetIcon = target.find('.fa:first')
            target.addClass('parent_li');

            targetIcon.addClass(targetIcon.data('opened-icon'))
                      .removeClass(targetIcon.data('default-icon'))
                      .on('click', BootstrapTree.toggleNode);
        }
        ul.append(element);

        if (elementUl.find('li').length == 0) {
            var icon = elementUl.closest('li').find('.fa:first');
            elementUl.remove();

            icon.removeClass(icon.data('opened-icon') + ' ' + icon.data('closed-icon'))
                .addClass(icon.data('default-icon'));
        }


        this.openNode(target);
    }

}