Difference between revisions of "MediaWiki:Common.js"

From Hollywood in Pixels Wiki
Jump to navigation Jump to search
 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* Any JavaScript here will be loaded for all users on every page load. */
 
/* Any JavaScript here will be loaded for all users on every page load. */
  
 +
       
 
$(function() {
 
$(function() {
 
cDependent();
 
cDependent();
Line 7: Line 8:
  
 
function cDependent(){
 
function cDependent(){
if($('.mw-references-wrap').length === 0){
+
if($('.mw-references-wrap').length > 0){
 
} else {
 
 
$('.cdependent').show();
 
$('.cdependent').show();
 
}
 
}
Line 15: Line 14:
  
 
function listProjects(){
 
function listProjects(){
 
+
if($('#listProjects').length > 0){
    $('#listProjects thead tr')
 
        .clone(true)
 
        .addClass('filters')
 
        .appendTo('#listProjects thead');
 
 
 
     var table = $('#listProjects').DataTable({
 
     var table = $('#listProjects').DataTable({
     dom: '<"top"lif>t<"bottom"p><"clear">',
+
     // dom: '<"top"lif>t<"bottom"p><"clear">',
 +
    // dom: 'Pfrtip',
 +
    dom: 'fQrtip',
 
responsive: true,
 
responsive: true,
 +
colReorder: true,
 
     order: [[ 0, 'asc' ]],
 
     order: [[ 0, 'asc' ]],
 
     columns: [
 
     columns: [
         { "title": "1" },
+
         { "title": "Film" },
         { "title": "2" },
+
         { "title": "Released" },
         { "title": "3" },
+
         { "title": "Studio" },
{ "title": "4" },
+
{ "title": "Agency" },
{ "title": "5" },
+
{ "title": "Project" },
{ "title": "6" },
+
{ "title": "Type" },
{ "title": "7" }
+
{ "title": "Asset" },
 +
{ "title": "Awards" },
 
],
 
],
 
         aoColumns: [],
 
         aoColumns: [],
Line 41: Line 39:
 
         orderCellsTop: true,
 
         orderCellsTop: true,
 
         fixedHeader: true,
 
         fixedHeader: true,
 +
        searchBuilder: {
 +
        greyscale: true
 +
    },
 
         initComplete: function () {
 
         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);
 
                        });
 
                });
 
         },
 
 
     });
 
     });
 +
}
 
}
 
}

Latest revision as of 15:01, September 18, 2021

/* Any JavaScript here will be loaded for all users on every page load. */

        
$(function() {
	cDependent();
	listProjects();
});

function cDependent(){
	if($('.mw-references-wrap').length > 0){
		$('.cdependent').show();
	}
}

function listProjects(){
	if($('#listProjects').length > 0){
    var table = $('#listProjects').DataTable({
    	// dom: '<"top"lif>t<"bottom"p><"clear">',
    	// dom: 'Pfrtip',
    	dom: 'fQrtip',
		responsive: true,
		colReorder: true,
    	order: [[ 0, 'asc' ]],
    	columns: [
        	{ "title": "Film" },
        	{ "title": "Released" },
        	{ "title": "Studio" },
			{ "title": "Agency" },
			{ "title": "Project" },
			{ "title": "Type" },
			{ "title": "Asset" },
			{ "title": "Awards" },
		],
        aoColumns: [],
        lengthMenu: [
                [10, 25, 50, -1], [10, 25, 50, "All"]
        ],
        pageLength: 25,
        orderCellsTop: true,
        fixedHeader: true,
        searchBuilder: {
        	greyscale: true
    	},
        initComplete: function () {
        }
    });
	}
}