Files
opensem/resources/views/load/fancytree.blade.php
2020-04-27 00:37:20 +02:00

51 lines
1.6 KiB
PHP

@if(!defined('LOAD_FANCYTREE'))
@push('css')
<link rel="stylesheet" href="/modules/fancytree/skin-bootstrap/ui.fancytree.min.css">
@endpush
<script src="/modules/fancytree/jquery.fancytree-all-deps.min.js"></script>
<script>
$(function(){
// Initialize Fancytree
$("#tree").fancytree({
extensions: ["childcounter", "dnd5", "edit", "glyph", "wide"],
autoScroll: true,
checkbox: false,
selectMode: 3,
dnd5: {
dragStart: function(node, data) { return true; },
dragEnter: function(node, data) { return true; },
dragDrop: function(node, data) { data.otherNode.copyTo(node, data.hitMode); }
},
glyph: glyph_opts,
// source: {url: "ajax-tree-taxonomy.json", debugDelay: 1000},
source: {url: "ajax-tree-products.json", debugDelay: 1000},
// toggleEffect: { effect: "drop", options: {direction: "left"}, duration: 400 },
wide: {
iconWidth: "1em", // Adjust this if @fancy-icon-width != "16px"
iconSpacing: "0.5em", // Adjust this if @fancy-icon-spacing != "3px"
labelSpacing: "0.1em", // Adjust this if padding between icon and label != "3px"
levelOfs: "1.5em" // Adjust this if ul padding != "16px"
},
childcounter: {
deep: true,
hideZeros: true,
hideExpanded: true
},
icon: function(event, data){
// if( data.node.isFolder() ) {
// return "glyphicon glyphicon-book";
// }
},
lazyLoad: function(event, data) {
data.result = {url: "ajax-sub2.json", debugDelay: 1000};
}
});
};
</script>
@php(define('LOAD_FANCYTREE', true))
@endif