Difference between revisions of "MediaWiki:Common.js"

From Hollywood in Pixels Wiki
Jump to navigation Jump to search
Line 4: Line 4:
 
$(function() {
 
$(function() {
 
cDependent();
 
cDependent();
$('#listProjects thead tr')
 
        .clone()
 
        .addClass('filters')
 
        .appendTo('#listProjects thead');
 
 
listProjects();
 
listProjects();
 
});
 
});
Line 21: Line 17:
 
function listProjects(){
 
function listProjects(){
  
   
 
 
 
     var table = $('#listProjects').DataTable({
 
     var table = $('#listProjects').DataTable({
 
     // dom: '<"top"lif>t<"bottom"p><"clear">',
 
     // dom: '<"top"lif>t<"bottom"p><"clear">',
 
         searchPanes: {
 
         searchPanes: {
         layout: 'columns-2'
+
         layout: 'columns-1'
 
     },
 
     },
 
     dom: 'Pfrtip',
 
     dom: 'Pfrtip',
Line 55: Line 49:
 
         fixedHeader: true,
 
         fixedHeader: 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);
 
                        });
 
                });
 
         },
 
 
     });
 
     });
 
}
 
}

Revision as of 22:44, September 13, 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){
		
	} else {
		$('.cdependent').show();
	}
}

function listProjects(){

    var table = $('#listProjects').DataTable({
    	// dom: '<"top"lif>t<"bottom"p><"clear">',
        searchPanes: {
    	    layout: 'columns-1'
    	},
    	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 () {
        }
    });
}