
// ---------basic tree start---- //
$('#theme_tree').jstree({

    "core": {
        "themes": {
            "variant": "large"
        },
        "data": [
            {
                "text": "axel",
                "icon": "fa fa-folder text-warning",
                "state": {
                    "selected": false
                },
                "type": "demo",
                "children": [ 
                    {
                        "text": "asset",
                        "icon": "fa fa-folder text-warning",
                        "state": {
                            "selected": true
                        },
                        // "li_attr": {
                        //     "class": "li-style"
                        // },   
                        // "a_attr": {
                        //     "class": "a-style"
                        // }
                        "children": [
                            {
                                "text": "css",
                                "icon": "fa fa-folder text-warning",
                                

                                "state": {

                                    "selected": true
                                },
                            },
                            {
                                "text": "Fonts",
                                "icon": "fa fa-folder text-warning",
                                "state": {
                                    "selected": true
                                },
                            },
                            {
                                "text": "Icons",
                                "icon": "fa fa-folder text-warning",
                                "state": {
                                    "selected": true
                                },
                            },
                            {
                                "text": "Images",
                                "icon": "fa fa-folder text-warning",
                                "state": {
                                    "selected": true
                                },
                            },
                            {
                                "text": "Js",
                                "icon": "fa fa-folder text-warning",
                                "state": {
                                    "selected": true
                                },
                            },
                            {
                                "text": "Scss",
                                "icon": "fa fa-folder text-warning",
                                "state": {
                                    "selected": true
                                },
                            },
                            {
                                "text": "Vendor",
                                "icon": "fa fa-folder text-warning",
                                "state": {
                                    "selected": true
                                },
                            },
                        ]
                        
                    },
                    {
                        "text": "node modules",
                        "icon": "fa fa-folder text-warning",
                        "state": {
                            "selected": true
                        },
                    },
                    {
                        "text": "template",
                        "icon": "fa fa-folder text-warning",
                        "state": {
                            "selected": true
                        },
                        "children": [
                            {
                            "text": "index.html",
                            "icon": "fa fa-folder text-warning",
                            "state": {

                                "selected": true
                            }
                        },
                        {
                            "text": "accordian.html",
                            "icon": "fa fa-folder text-warning",
                            "state": {
                                "selected": true
                            },
                        },
                        {
                            "text": "animation.html",
                            "icon": "fa fa-folder text-warning ",
                            "state": {
                                "selected": true
                            },
                        },
                        {
                            "text": "calander.html",
                            "icon": "fa fa-folder text-warning",
                            "state": {
                                "selected": true
                            },
                        },
                        {
                            "text": "clipboard.html",
                            "icon": "fa fa-folder text-warning",
                            "state": {
                                "selected": true
                            },
                        },
                    ]
                    },
                    {
                        "text": "gulpfile",
                        "icon": "fa  fa-file text-light",
                        "state": {
                            "selected": true
                        },
                        
                    },
                    {
                        "text": "package.json",
                        "icon": "fa  fa-file text-light",
                        "state": {
                            "selected": true
                        },
                       
                    },
                    {
                        "text": "package-lock.json",
                        "icon": "fa  fa-file text-light",
                        "state": {
                            "selected": true
                        },
                        
                    },
                ]
            } // root node end, end of JSON
        ]
    },
});
// -----end basic tree-------- //



// -----tree with checkbox start------ //
$('#level_tree').jstree({
    "core": {
        "themes": {
            "variant": "large"
        },
        "data": [
            {
                "text": "axel",
                "icon": "ti ti-category",
                "state": {
                    "selected": false
                },
                "type": "demo",
                "children": [ 
                    {
                        "text": "Dash board",
                        "icon": "ti ti-home-heart",
                        "state": {
                            "selected": true
                        },
                        "children": [
                            {
                                "text": "Ecommerce",
                                "icon": "ti ti-circle text-primary",
                                

                                "state": {

                                    "selected": true
                                },
                            },
                            {
                                "text": "Project",
                                "icon": "fa ti ti-circle text-primary",
                                "state": {
                                    "selected": true
                                },
                            },
                            {
                                "text": "Analytics",
                                "icon": "fa ti ti-circle text-primary",
                                "state": {
                                    "selected": true
                                },
                            },
                            {
                                "text": "Education",
                                "icon": "ti ti-circle text-primary",
                                "state": {
                                    "selected": true
                                },
                            },
                           
                        ]
                        
                    },
                    {
                        "text": "App",
                        "icon": "ti ti-server-2 ",
                        "state": {
                            "selected": true
                        },
                        "children": [
                            {
                                "text": "calender",
                                "icon": "ti ti-circle text-primary",
                                

                                "state": {

                                    "selected": true
                                },
                            },
                            {
                                "text": "Invoice",
                                "icon": "ti ti-circle text-primary",
                                "state": {
                                    "selected": true
                                },
                            },
                            {
                                "text": "kanban board",
                                "icon": "ti ti-circle text-primary",
                                "state": {
                                    "selected": true
                                },
                            },
                            {
                                "text": "Profile",
                                "icon": "ti ti-circle text-primary",
                                "state": {
                                    "selected": true
                                },
                            },
                            {
                                "text": "timeline",
                                "icon": "ti ti-circle text-primary",
                                "state": {
                                    "selected": true
                                },
                            },
                            {
                                "text": "faqs",
                                "icon": "ti ti-circle text-primary",
                                "state": {
                                    "selected": true
                                },
                            },
                           
                        ]
                    },
                    {
                        "text": "ui-kits",
                        "icon": "ti ti-lock-open ",
                        "state": {
                            "selected": true
                        },
                        "children": [
                            {
                            "text": "cheatsheet",
                            "icon": "ti ti-circle text-primary",
                            "state": {

                                "selected": true
                            }
                        },
                        {
                            "text": "alert",
                            "icon": "ti ti-circle text-primary",
                            "state": {
                                "selected": true
                            },
                        },
                        {
                            "text": "badges",
                            "icon": "ti ti-circle text-primary ",
                            "state": {
                                "selected": true
                            },
                        },
                        {
                            "text": "buttonns",
                            "icon": "ti ti-circle text-primary",
                            "state": {
                                "selected": true
                            },
                        },
                        {
                            "text": "cards",
                            "icon": "ti ti-circle text-primary",
                            "state": {
                                "selected": true
                            },
                        },
                    ]
                    },
                    
                ]
            } // root node end, end of JSON
        ]
    },
  
    "plugins" : [ "themes", "html_data", "checkbox", "sort", "ui" ],
   
  
});
// -------tree with checkbox end------ //
