.-.-.-.-.-

/**
 *
 * You can write your JS code here, DO NOT touch the default style file
 * because it will make it harder for you to update.
 *
 */

"use strict";

load_data();

$('#date-search').on('click', function () {
    let status    = $('#status').val();
    let requested = $('#requested').val();
    $('#maintable').DataTable().destroy();
    load_data(status, requested);
});

$('#refresh').on('click', function () {
    $('#status').val('');
    $('#requested').val('');
    $('#maintable').DataTable().destroy();
    load_data();
});

function load_data(status = '', requested = '') {
    var table = $('#maintable').DataTable({
        processing : true,
        serverSide : true,
        ajax : {
            url : $('#maintable').attr('data-url'),
            data : {'status' : status, 'requested' : requested}
        },
        columns: [
            { data: 'id', name: 'id' },
            { data: 'image', name: 'image' },
            { data: 'name', name: 'name' },
            { data: 'created_by', name: 'created_by' },
            { data: 'status', name: 'status' },
            { data: 'action', name: 'action' },
        ],
        "ordering" : false
    });

let hidecolumn = $('#maintable').data('hidecolumn');
    if(!hidecolumn) {
        table.column( 5 ).visible( false );
    }
}

$('#maintable').on('draw.dt', function () {
    $('[data-toggle="tooltip"]').tooltip();
})

/home/users/unlimited/www/foodbank.codeskitter.site/fa8fd/../public/js/category/index.js