MediaWiki:Citizen.js: Difference between revisions

Latest revision as of 15:20, 1 November 2024

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

//New homepage search bar
mw.loader.using( [ 'mediawiki.util' ] ).done( function() {
	console.log("loaded utils");
	/* Trigger search box when click on the fake search button on main page */
	//if ( mw.config.get( 'wgIsMainPage' ) === true ) {
		document.getElementById( 'homepage-search' ).addEventListener( 'click', function() {
			var search = document.getElementById( 'citizen-search-details' );
			search.open = true;
		} );
	//}
} );

@@ Line 1: / Line 1: @@
 /* 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() {
-//New homepage search bar
+	console.log("loaded utils");
-mw.loader.using(['mediawiki.util']).done(function () {
+	/* Trigger search box when click on the fake search button on main page */
-    console.log("loaded utils");
+	//if ( mw.config.get( 'wgIsMainPage' ) === true ) {
+		document.getElementById( 'homepage-search' ).addEventListener( 'click', function() {
-    var searchButton = document.getElementById('homepage-search');
+			var search = document.getElementById( 'citizen-search-details' );
+			search.open = true;
-    // Define the function to open the search details
+		} );
-    var openSearch = function() {
+	//}
-        var search = document.getElementById('citizen-search-details');
+} );
-        search.open = true;
-    };
-    if (searchButton) {
-        // Check if the device supports touch events
-        if ('ontouchstart' in window) {
-            // Use touchstart for touch devices
-            searchButton.addEventListener('touchstart', openSearch);
-        } else {
-            // Use click for non-touch devices (desktop)
-            searchButton.addEventListener('click', openSearch);
-        }
-    }
-});