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}