ekoetki/public/assets/js/tree-view.js

339 lines
12 KiB
JavaScript

// ---------basic tree start---- //
$('#theme_tree').jstree({
"core": {
"themes": {
"variant": "large"
},
"data": [
{
"text": "ki-admin",
"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": "ki-admin",
"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------ //