initial commit

static/js/examples/examples.treeview.js

@@ -0,0 +1,130 @@
+/*
+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]);