Backups Created:
/home/japatmex/public_html/wp-content/edit-wolf.php

SavvyWolf - MANAGER

Edit File: datatables_extension_row_reorder.js

/* ------------------------------------------------------------------------------
 *
 *  # Row Reorder extension for Datatables
 *
 *  Demo JS code for datatable_extension_row_reorder.html page
 *
 * ---------------------------------------------------------------------------- */

// Setup module
// ------------------------------

var DatatableRowReorder = function() {

//
    // Setup module components
    //

// Basic Datatable examples
    var _componentDatatableRowReorder = function() {
        if (!$().DataTable) {
            console.warn('Warning - datatables.min.js is not loaded.');
            return;
        }

// Setting datatable defaults
 $.extend( $.fn.dataTable.defaults, {
 autoWidth: false,
 columnDefs: [{
 orderable: false,
 width: 100,
 targets: [ 5 ]
 }],
 dom: '<"datatable-header"fl><"datatable-scroll-wrap"t><"datatable-footer"ip>',
 language: {
 search: 'Filter: _INPUT_',
 searchPlaceholder: 'Type to filter...',
 lengthMenu: 'Show: _MENU_',
 paginate: { 'first': 'First', 'last': 'Last', 'next': $('html').attr('dir') == 'rtl' ? '&larr;' : '&rarr;', 'previous': $('html').attr('dir') == 'rtl' ? '&rarr;' : '&larr;' }
 }
 });

// Basic initialization
        $('.datatable-row-basic').DataTable({
            rowReorder: true
        });

// Full row selection
        $('.datatable-row-full').DataTable({
            rowReorder: {
                selector: 'tr'
            },
            columnDefs: [
                {
                    targets: 0,
                    visible: false
                },
                {
                    orderable: false,
                    width: 100,
                    targets: [ 5 ]
                }
            ]
        });

// Responsive integration
        $('.datatable-row-responsive').DataTable({
            rowReorder: {
                selector: 'td:nth-child(2)'
            },
            responsive: true
        });

// Reorder events
 var table = $('.datatable-row-events').DataTable({
 rowReorder: true
 });
 
 // Setup event
 table.on('row-reorder', function (e, diff, edit) {
 var result = 'Reorder started on row: '+edit.triggerRow.data()[1]+' ';
 
 for (var i=0, ien=diff.length ; i<ien ; i++) {
 var rowData = table.row( diff[i].node ).data();
 
 result += rowData[1]+' updated to be in position '+
 diff[i].newData+' (was '+diff[i].oldData+') ';
 }
 
 $('#event-result').html('Event result: '+result);
 });
 };

// Select2 for length menu styling
    var _componentSelect2 = function() {
        if (!$().select2) {
            console.warn('Warning - select2.min.js is not loaded.');
            return;
        }

// Initialize
        $('.dataTables_length select').select2({
            minimumResultsForSearch: Infinity,
            dropdownAutoWidth: true,
            width: 'auto'
        });
    };

//
    // Return objects assigned to module
    //

return {
        init: function() {
            _componentDatatableRowReorder();
            _componentSelect2();
        }
    }
}();

// Initialize module
// ------------------------------

document.addEventListener('DOMContentLoaded', function() {
    DatatableRowReorder.init();
});