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;

                            }

                            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}