telegram_bots/static/js/examples/examples.treeview.js

130 lines
1.9 KiB
JavaScript
Raw Normal View History

2019-01-11 19:16:01 +00:00
/*
Name: UI Elements / Tree View - Examples
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 2.1.1
*/
(function($) {
'use strict';
/*
Basic
*/
$('#treeBasic').jstree({
'core' : {
'themes' : {
'responsive': false
}
},
'types' : {
'default' : {
'icon' : 'fas fa-folder'
},
'file' : {
'icon' : 'fas fa-file'
}
},
'plugins': ['types']
});
/*
Checkbox
*/
$('#treeCheckbox').jstree({
'core' : {
'themes' : {
'responsive': false
}
},
'types' : {
'default' : {
'icon' : 'fas fa-folder'
},
'file' : {
'icon' : 'fas fa-file'
}
},
'plugins': ['types', 'checkbox']
});
/*
Ajax HTML
*/
$('#treeAjaxHTML').jstree({
'core' : {
'themes' : {
'responsive': false
},
'check_callback' : true,
'data' : {
'url' : function (node) {
return 'ajax/ajax-treeview-nodes.html';
},
'data' : function (node) {
return { 'parent' : node.id };
}
}
},
'types' : {
'default' : {
'icon' : 'fas fa-folder'
},
'file' : {
'icon' : 'fas fa-file'
}
},
'plugins': ['types']
});
/*
Ajax JSON
*/
$('#treeAjaxJSON').jstree({
'core' : {
'themes' : {
'responsive': false
},
'check_callback' : true,
'data' : {
'url' : function (node) {
return node.id === '#' ? 'ajax/ajax-treeview-roots.json' : 'ajax/ajax-treeview-children.json';
},
'data' : function (node) {
return { 'id' : node.id };
}
}
},
'types' : {
'default' : {
'icon' : 'fas fa-folder'
},
'file' : {
'icon' : 'fas fa-file'
}
},
'plugins': ['types']
});
/*
Drag & Drop
*/
$('#treeDragDrop').jstree({
'core' : {
'check_callback' : true,
'themes' : {
'responsive': false
}
},
'types' : {
'default' : {
'icon' : 'fas fa-folder'
},
'file' : {
'icon' : 'fas fa-file'
}
},
'plugins': ['types', 'dnd']
});
}).apply(this, [jQuery]);