Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/admin.adimi/layout/bootstrap4/global_assets/js/demo_pages/ |
/* ------------------------------------------------------------------------------
*
* # Datatables API
*
* Demo JS code for datatable_api.html page
*
* ---------------------------------------------------------------------------- */
// Setup module
// ------------------------------
var DatatableAPI = function() {
//
// Setup module components
//
// Basic Datatable examples
var _componentDatatableAPI = 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"t><"datatable-footer"ip>',
language: {
search: '<span>Filter:</span> _INPUT_',
searchPlaceholder: 'Type to filter...',
lengthMenu: '<span>Show:</span> _MENU_',
paginate: { 'first': 'First', 'last': 'Last', 'next': $('html').attr('dir') == 'rtl' ? '←' : '→', 'previous': $('html').attr('dir') == 'rtl' ? '→' : '←' }
}
});
// Single row selection
var singleSelect = $('.datatable-selection-single').DataTable();
$('.datatable-selection-single tbody').on('click', 'tr', function() {
if ($(this).hasClass('table-success')) {
$(this).removeClass('table-success');
}
else {
singleSelect.$('tr.table-success').removeClass('table-success');
$(this).addClass('table-success');
}
});
// Multiple rows selection
$('.datatable-selection-multiple').DataTable();
$('.datatable-selection-multiple tbody').on('click', 'tr', function() {
$(this).toggleClass('table-success');
});
// Individual column searching with text inputs
$('.datatable-column-search-inputs tfoot td').not(':last-child').each(function () {
var title = $('.datatable-column-search-inputs thead th').eq($(this).index()).text();
$(this).html('<input type="text" class="form-control input-sm" placeholder="Search '+title+'" />');
});
var table = $('.datatable-column-search-inputs').DataTable();
table.columns().every( function () {
var that = this;
$('input', this.footer()).on('keyup change', function () {
that.search(this.value).draw();
});
});
// Individual column searching with selects
$('.datatable-column-search-selects').DataTable({
initComplete: function () {
this.api().columns().every(function() {
var column = this;
var select = $('<select class="form-control filter-select" data-placeholder="Filter"><option value=""></option></select>')
.appendTo($(column.footer()).not(':last-child').empty())
.on('change', function() {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
});
column.data().unique().sort().each(function (d, j) {
select.append('<option value="'+d.replace(/<(?:.|\n)*?>/gm, '')+'">'+d.replace(/<(?:.|\n)*?>/gm, '')+'</option>')
});
});
}
});
};
// 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'
});
// Enable Select2 select for individual column searching
$('.filter-select').select2();
};
//
// Return objects assigned to module
//
return {
init: function() {
_componentDatatableAPI();
_componentSelect2();
}
}
}();
// Initialize module
// ------------------------------
document.addEventListener('DOMContentLoaded', function() {
DatatableAPI.init();
});