Subversion-Projekte lars-tiefland.webanos.marine-sales.de

{extends file="index.tpl"}
{block name="maincontent"}
    <link rel="stylesheet" href="/js/jstree/dist/themes/default/style.min.css"/>
    <script src="/js/jstree/dist/jstree.min.js"></script>
    <div style="display: flex">
        <div style="width: 300px;">
            <div id="tree"></div>
        </div>
        <div style="display: flex;flex: 1 0 0">
            <iframe id="tool" style="display:block;height: 100%;width: 1px;min-width: 100%"></iframe>
        </div>
    </div>
    <script>
        $(function () {
            $('#tree').jstree({
                "plugins": ["dnd", "contextmenu","wholerow"],
                'core': {
                    "check_callback": true,
                    "data":{
                        "url":"/Online-Shop/tree?lazy",
                        "data":function(node)
                        {
                            let id = node.id;
                            if(id==="#")
                            {
                                id=-1;
                            }
                            return { "id" : id }
                        },
                        "dataType":"json",
                    }
                },
            }).on("changed.jstree", function (e, data) {
                let dId = data.instance.get_node(data.selected[0]).id;
                $('#tool').attr("src", "/Online-Shop/directory/" + dId);
            })
        })
    </script>
{/block}