klevze/SkinbaseNova
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Current state

Browse Source
This commit is contained in:
Gregor Klevže
2026-02-07 08:23:18 +01:00
commit 0a4372c40d
22479 changed files with 1553543 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

170
public/assets/js/tree_view.js Normal file
View File

@@ -0,0 +1,170 @@
$(function () {
/* Simple tree with colored icons */
$('#tree1').jstree({
'core': {
'data': [{
'text': 'My pictures',
"icon": "fa fa-picture-o c-red",
'state': {
'selected': false
}
}, {
'text': 'My videos',
"icon": "fa fa-film c-orange",
'state': {
'opened': true,
'selected': false
},
'children': [{
'text': 'Video 1',
"icon": "fa fa-film c-orange"
}, {
'text': 'Video 2',
"icon": "fa fa-film c-orange"
}]
}, {
'text': 'My documents',
"icon": "fa fa-folder-o c-purple",
'state': {
'selected': false
},
'children': [{
'text': 'Document 1',
"icon": "fa fa-folder-o c-purple",
}, {
'text': 'Document 2',
"icon": "fa fa-folder-o c-purple",
}]
}, {
'text': 'Events',
"icon": "fa fa-calendar c-green",
'state': {
'opened': false,
'selected': false
}
}, {
'text': 'Messages',
"icon": "fa fa-envelope-o",
'state': {
'opened': false,
'selected': false
}
}, ]
}
});
/* Tree with checkbox option */
$('#tree2').jstree({
'core': {
'data': [{
'text': 'My pictures',
"icon": "fa fa-picture-o",
'state': {
'selected': false
}
}, {
'text': 'My videos',
"icon": "fa fa-film",
'state': {
'opened': true,
'selected': false
},
'children': [{
'text': 'Video 1',
"icon": "fa fa-film"
}, {
'text': 'Video 2',
"icon": "fa fa-film"
}]
}, {
'text': 'My documents',
"icon": "fa fa-folder-o",
'state': {
'selected': false
},
'children': [{
'text': 'Document 1',
"icon": "fa fa-folder-o",
}, {
'text': 'Document 2',
"icon": "fa fa-folder-o",
}]
}, {
'text': 'Events',
"icon": "fa fa-calendar",
'state': {
'opened': false,
'selected': false
}
}, {
'text': 'Messages',
"icon": "fa fa-envelope-o",
'state': {
'opened': false,
'selected': false
}
}, ]
},
"plugins": ["checkbox"],
});
/* Tree with drag & drop */
$('#tree3').jstree({
'core': {
"check_callback": true,
'data': [{
'text': 'My pictures',
"icon": "fa fa-picture-o c-red",
'state': {
'selected': false
}
}, {
'text': 'My videos',
"icon": "fa fa-film c-red",
'state': {
'opened': true,
'selected': false
},
'children': [{
'text': 'Video 1',
"icon": "fa fa-film c-red"
}, {
'text': 'Video 2',
"icon": "fa fa-film c-red"
}]
}, {
'text': 'My documents',
"icon": "fa fa-folder-o c-red",
'state': {
'selected': false
},
'children': [{
'text': 'Document 1',
"icon": "fa fa-folder-o c-red",
}, {
'text': 'Document 2',
"icon": "fa fa-folder-o c-red",
}]
}, {
'text': 'Events',
"icon": "fa fa-calendar c-red",
'state': {
'opened': false,
'selected': false
}
}, {
'text': 'Messages',
"icon": "fa fa-envelope-o c-red",
'state': {
'opened': false,
'selected': false
}
},
]
},
"plugins": ["dnd"]
});
});