MediaWiki:Chameleon.js

docReady(function() {
	injectDatatables();
});

function docReady(fn) {
    // see if DOM is already available
    if (document.readyState === 'complete' || document.readyState === 'interactive') {
        // call on next available tick
        setTimeout(fn, 1);
    } else {
        document.addEventListener('DOMContentLoaded', fn);
    }
}
function injectDatatables(){
	var elementExists = document.getElementById('dataTable');
	if(elementExists){
		$(elementExists).dataTable({
            dom: '<"top d-flex flex-column flex-md-row justify-content-between"if>t<"bottom"p><"clear">',
            responsive: true,
            pageLength: 50,
            order: [ 0, 'desc' ],
            aoColumns: [
                null,
                {
                    'bSortable': true
                }
            ],
            language: {
                "sSearch":              "",
            },
            fnInitComplete: function() {
                    $('div.dataTables_filter input').addClass('rounded-0 ml-0 p-3 bg-white').css({'border':'2px solid rgb(140, 185, 175)','box-shadow':'none'}).prop('placeholder', 'Filter ...');
                    $('a.paginate_button.current').css({"background":"#f6f6f6"}).addClass('border-0 text-primary');
                    $('.paginate_button').hover(function () {
					    $(this).addClass('bg-light');
					}, function () {
						$(this).removeClass('bg-light');
					}
           		);
        	}
		});
	}
}