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="width: 100%;">
        <div id="tree"></div>
    </div>
    <script>
        $(function () {
            $('#viewDirDlg').dialog({
                autoOpen:false,
                modal:true,
                width:"90%",
                height:600,
                buttons:[
                    {
                        text:"Abbrechen",
                        icon:"ui-icon-cancel",
                        click:function (){
                            $('#viewDirDlg').dialog("close");
                        }
                    }
                ],
            })
            $('#editDirDlg').dialog({
                autoOpen:false,
                modal:true,
                width:"90%",
                height:600,
                buttons:[
                    {
                        text:"Abbrechen",
                        icon:"ui-icon-cancel",
                        click:function (){
                            $('#viewDirDlg').dialog("close");
                        }
                    }
                ],
            })
            $('#editItemDlg').dialog({
                autoOpen:false,
                modal:true,
                width:"90%",
                height:600,
                buttons:[
                    {
                        text:"Abbrechen",
                        icon:"ui-icon-cancel",
                        click:function (){
                            $('#viewDirDlg').dialog("close");
                        }
                    }
                ],
            })
            $('#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;
                $('#viewDirDlg').load( "/Online-Shop/directory/" + dId, function()
                {
                    $('#viewDirDlg').dialog("open");
                });
            })
        })
    </script>
    <div id="viewDirDlg"></div>
    <div id="editDirDlg"></div>
    <div id="editItemDlg"></div>
{/block}