MediaWiki:Citizen.js

Note: After publishing, 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: Press Ctrl-F5.

/* All JavaScript here will be loaded for users of the Citizen skin */
"use strict";

/**
 *		Adds icons for the Citizen skin toggle menu
 *	
**/
/* obsolete while menu icons are loaded by CSS.
(function($, mw) {
	var $ul = $('#p-Navigation').children()[1]; // This selects the <ul> list of elements
	for (var i=0;i<$ul.children.length;i++) {
		var $a = $ul.children[i].children[0];
		var $span = $('<span>').text("")
		.addClass('citizen-ui-icon')
		switch ($a.text) {
			case " Main page":
				if (mw.config.get('wgIsMainPage')) {
					$ul.children[i].remove();
				}
				break;
			case "Library":
				$span.addClass('prolewiki-ui-icon-library')
				$a.prepend($span[0]);
				break;
			case "Wanted pages":
				$span.addClass('prolewiki-ui-icon-wanted')
				$a.prepend($span[0]);
				break;
			case "Recruitment":
				$span.addClass('prolewiki-ui-icon-recruitment');
				$a.prepend($span[0]);
				break;
			case "Special pages":
				$span.addClass('prolewiki-ui-icon-special')
				$a.prepend($span[0]);
				break;
			case "Upload file":
				$span.addClass('prolewiki-ui-icon-upload')
				$a.prepend($span[0]);
				break;
				
		}
	}
}(jQuery, mediaWiki)); */

/* Adds Sandbox icon for the Citizen skin preferences menu */
// (function($, mw) {
// 	var $a = $('#pt-sandbox').children()[0];
// 	var $span = $('<span>')
// 		.addClass('citizen-ui-icon')
// 		.addClass('prolewiki-ui-icon-sandbox');
// 	$a.prepend($span[0]);
// }(jQuery, mediaWiki));

//New homepage search bar
//New homepage search bar
mw.loader.using(['mediawiki.util']).done(function () {
    console.log("loaded utils");
    
    // Get the fake search button element
    var searchButton = document.getElementById('homepage-search');
    
    // Define the function to open the search details
    var openSearch = function() {
        var search = document.getElementById('citizen-search-details');
        search.open = true;
    };

    // Add event listeners for both click and touchstart
    if (searchButton) {
        // Trigger the function on first tap or click
        searchButton.addEventListener('click', openSearch);
        searchButton.addEventListener('touchstart', openSearch);
    }
});