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,

                },

                "json_data":

                {

                    "ajax":{

                        "type":"GET",

                        "url":function(node) {

                            let nodeId;

                            nodeId=node.id;

                            let url="/Online-Shop/tree?id="+ nodeId;

                            return url;

                        },

                        "success":function(new_data) {

                            return new_data;

                        }

                    },

                },

                "plugins" : ["dnd","contextmenu","json_data"],

            }).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}