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({
                'core': {
                    "check_callback": true,
                    'data': {
                        "url": "/Online-Shop/tree/",
                        "data":function(node)
                        {
                            let nodeId;
                            if(node.id==="#")
                            {
                                nodeId=-1;
                            }
                            else
                            {
                                nodeId=node.id;
                            }
                            let daten= {
                                "id": nodeId
                            }
                            return daten;
                        },
                        "async":true,
                        "dataType": "json" // needed only if you do not supply JSON headers
                    }
                },
                "plugins" : ["dnd","contextmenu"],
            }).on("changed.jstree", function (e, data) {
                let dId=data.instance.get_node(data.selected[0]).id;
                $('#tool').attr("src","/Online-Shop/directory/"+dId+"/edit");
            })
        })
    </script>
{/block}