$(function() {
    var treeData;

    $.ajax({
        url: "./data.json"
    }).done((data) => {
        treeData = JSON.parse(data);
        mapToCorrect(treeData);
        showGraph(treeData);
    });

    // TODO
    function mapToCorrect(data) {
        $.map(data, (e, i) => {
            Object.keys(e).forEach(k => {
                if(Array.isArray(e[k])) {
                    mapToCorrect(e[k]);
                }
            });

            if(e.label) {
                e.text = e.label;
                delete e.label;
            }

            if(e.nested) {
                e.children = e.nested;
                delete e.nested;
            }

            return e;
        });
    }

    function showGraph(data) {
        $('#tree').jstree({
            'core': {
                'data': data
            },
            'types': {
                'file': {
                    'icon': 'jstree-file'
                },
                'dir': {
                    'icon': 'jstree-folder'
                }
            },
            'plugins': ['types']
        });
    }

    $("#tree").on('changed.jstree', (obj, event) => {
        $("#description").text(event.node.original.description);
    });
});