MiniDigger/Hangar

//=====> EXTERNAL CONSTANTS

var pluginId = null;
var namespace = null;


//=====> HELPER FUNCTIONS

function bindExpand(e) {
    e.click(function() {
        var pageId = $(this).data('page-id');
        var listItem = $(this).closest('.list-group-item');
        var $this = $(this);
        $.ajax({
            method: 'get',
            url: '/api/projects/' + pluginId + '/pages?parentId=' + pageId,
            dataType: 'json',
            success: function(childPages) {
                console.log(childPages);
                var div = $('<div class="page-children" data-page-id="' + pageId + '"></div>');
                listItem.after(div);
                for (var i = 0; i < childPages.length; i++) {
                    var page = childPages[i];
                    var childPage = $(
                        '<li class="list-group-item page-item-child">' +
                        '<a href=""></a>' +
                        '</li>'
                    );
                    var link = childPage.find('a');
                    link.attr("href", '/' + namespace + '/pages/' + page.fullSlug);
                    link.text(page.name); // this will sanitize the input
                    div.append(childPage);
                }
                $this.removeClass('page-expand')
                    .addClass('page-collapse')
                    .find('[data-fa-i2svg]')
                    .removeClass('fa-plus-square')
                    .addClass('fa-minus-square');
                $this.off('click');
                bindCollapse($this);
            }
        })
    });
}

function bindCollapse(e) {
    e.click(function() {
        var pageId = $(this).data('page-id');
        $('.page-children[data-page-id="' + pageId + '"]').remove();
        $(this).removeClass('page-collapse')
            .addClass('page-expand')
            .find('[data-fa-i2svg]')
            .removeClass('fa-minus-square')
            .addClass('fa-plus-square');
        $(this).off('click');
        bindExpand($(this));
    });
}


//=====> DOCUMENT READY

$(function() {
    bindExpand($('.page-expand'));
    bindCollapse($('.page-collapse'));
});