<?php if ( ! defined('ABSPATH')) exit; ?>

<script type="text/javascript" src="<?php echo HOME_URI;?>/views/_js/jquery.nestable/jquery.nestable.js"></script>
<!--<script type="text/javascript">

    $('.dd').nestable({
    maxDepth        : 2,
    dropCallback: function(details) {
        getNestable(details); // this is doing an ajax call
    }
    });
    //Watch for list changes and show serialized output
    function update_out(selector, sel2){
      var out = $(selector).nestable('serialize');
      $(sel2).html(window.JSON.stringify(out));   
      
    }
    
    update_out('#list1',"#out1");
    update_out('#list2',"#out2");
    
    $('#list1').on('change', function() {
      update_out('#list1',"#out1");
      
    });
    
    $('#list2').on('change', function() {
      update_out('#list2',"#out2");
    });
</script>-->

<script>

$(document).ready(function()
{

    var updateOutput = function(e)
    {
        var list   = e.length ? e : $(e.target),
            output = list.data('output');
        if (window.JSON) {
            output.val(window.JSON.stringify(list.nestable('serialize')));//, null, 2));			
        } else {
            output.val('JSON browser support required for this demo.');
        }
    };
	


    // activate Nestable for list 1
    $('#nestable').nestable({
        maxDepth: 2,
        group: 1
    })
    .on('change', updateOutput);
    
    // activate Nestable for list 2
    $('#nestable2').nestable({
        maxDepth: 2,
        group: 1
    })
    .on('change', updateOutput);

    // output initial serialised data
    updateOutput($('#nestable').data('output', $('#nestable-output')));
    updateOutput($('#nestable2').data('output', $('#nestable2-output')));

    $('#nestable-menu').on('click', function(e)
    {
        var target = $(e.target),
            action = target.data('action');
        if (action === 'expand-all') {
            $('.dd').nestable('expandAll');
        }
        if (action === 'collapse-all') {
            $('.dd').nestable('collapseAll');
        } 
		
		 if (action === 'save-all') {
           // $('.dd').nestable('collapseAll');
		   alert('hello');
        } 
		
		
    });

    $('#nestable3').nestable();

});
</script>