MediaWiki:Common.js
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Any JavaScript here will be loaded for all users on every page load. */
$(function() {
cDependent();
$('#listProjects thead tr')
.clone()
.addClass('filters')
.appendTo('#listProjects thead');
listProjects();
});
function cDependent(){
if($('.mw-references-wrap').length === 0){
} else {
$('.cdependent').show();
}
}
function listProjects(){
var table = $('#listProjects').DataTable({
// dom: '<"top"lif>t<"bottom"p><"clear">',
searchPanes: {
layout: 'columns-2'
},
dom: 'Pfrtip',
responsive: true,
colReorder: true,
order: [[ 0, 'asc' ]],
columns: [
{ "title": "Film" },
{ "title": "Year" },
{ "title": "Studio" },
{ "title": "Agency" },
{ "title": "Functions, Assets and Awards" },
{ "title": "Audience" },
{ "title": "Media Partner" }
],
columnDefs: [{
searchPanes: {
show: true
},
targets: [0, 1, 2, 3]
}],
aoColumns: [],
lengthMenu: [
[10, 25, 50, -1], [10, 25, 50, "All"]
],
pageLength: 25,
orderCellsTop: true,
fixedHeader: true,
initComplete: function () {
var api = this.api();
// For each column
api
.columns()
.eq(0)
.each(function (colIdx) {
// Set the header cell to contain the input element
var cell = $('.filters th').eq(
$(api.column(colIdx).header()).index()
);
var title = $(cell).text();
$(cell).html('<input type="text" placeholder="' + title + '" />');
// On every keypress in this input
$(
'input',
$('.filters th').eq($(api.column(colIdx).header()).index())
)
.off('keyup change')
.on('keyup change', function (e) {
e.stopPropagation();
// Get the search value
$(this).attr('title', $(this).val());
var regexr = '({search})'; //$(this).parents('th').find('select').val();
var cursorPosition = this.selectionStart;
// Search the column for that value
api
.column(colIdx)
.search(
this.value != ''
? regexr.replace('{search}', '(((' + this.value + ')))')
: '',
this.value != '',
this.value == ''
)
.draw();
$(this)
.focus()[0]
.setSelectionRange(cursorPosition, cursorPosition);
});
});
},
});
}