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 */
-/* All JavaScript here will be loaded for users of the Vector skin */
+"use strict";
-//<nowiki>
-/**
- * Recent changes sidebar gadget for the Citizen skin
- * Originally created by @author JaydenKieran from RunescapeWiki
-**/
-'use strict';
-;
+//New homepage search bar
-(function($, mw) {
+mw.loader.using( [ 'mediawiki.util' ] ).done( function() {
-    var $prependTo
+	console.log("loaded utils");
-    var $rcContainer
+	/* Trigger search box when click on the fake search button on main page */
-    var recentChanges
+	//if ( mw.config.get( 'wgIsMainPage' ) === true ) {
-    var $recentChangesDOM
+		document.getElementById( 'homepage-search' ).addEventListener( 'click', function() {
+			var search = document.getElementById( 'citizen-search-details' );
-    function init() {
+			search.open = true;
-        $prependTo = $('#p-Navigation')
+		} );
-        var api = new mw.Api()
+	//}
+} );
-        // Build our container
-        $rcContainer = $('<nav>')
-            .addClass('vector-menu vector-menu-portal portal')
-            .attr('id', 'p-RecentChanges')
-            .append(
-                $('<label>').text('Recent changes')
-                	.addClass('vector-menu-heading')
-                	.attr('id', 'p-RecentChanges-label')
-            )
-        // Add the container to the sidebar
-        $prependTo.after($rcContainer)
-        api.get({
-                action: "query",
-                list: "recentchanges",
-                rcprop: "title|timestamp|sizes|user",
-                rcnamespace: "0|3000",
-                rclimit: "5",
-                rctype: "edit|new",
-                rcshow: "!bot|!redirect",
-                rctoponly: 1,
-                format: "json"
-            })
-            .done(function(data) {
-                if (data.query && data.query.recentchanges) {
-                    recentChanges = data.query.recentchanges
-                }
-                if (recentChanges.length > 0) {
-                    var Time = 1;
-                    $recentChangesDOM = recentChanges.map(function(rc) {
-                        const timeMatch = rc.timestamp.match(/([0-9]+)-([0-9]+)-([0-9]+)T([0-9]+):([0-9]+):([0-9]+)Z/);
-                    	var editYear = timeMatch[1];
-                    	var editMonth = timeMatch[2];
-                    	var editDay = timeMatch[3];
-                    	var editHour = timeMatch[4];
-                    	var editMinute = timeMatch[5];
-                    	var editSecond = timeMatch[6];
-                    	var editDate = new Date(editYear, (editMonth-1), editDay, editHour, editMinute, editSecond);
-						var currentDate = new Date();
-						currentDate = currentDate.getTime() + (currentDate.getTimezoneOffset() * 60000)
-						var diffDate = currentDate - editDate;
-						var diffDays = Math.floor(diffDate/(1000*60*60*24));
-						var diffHours = Math.floor(diffDate/(1000*60*60));
-						var diffMinutes = Math.floor(diffDate/(1000*60));
-						var diffSeconds = Math.floor(diffDate/(1000));
-						if (diffDays > 0) {
-							Time = diffDays + 'd ago – ';
-						} else if (diffHours > 0) {
-							Time = diffHours + 'h ago – ';
-						} else if (diffMinutes > 0) {
-							Time = diffMinutes + 'm ago – ';
-						} else if (diffSeconds > 0) {
-							Time = diffSeconds + 's ago – ';
-						} else {
-							Time = 1 + Math.floor(Math.random() * 10) + 'm ago – ';
-						}
-                        return $('<div>').addClass('rc-sidebar-item').append(
-                            $('<a>')
-                            .addClass('rc-sidebar-page')
-                            .text(' ' + rc.title)
-                            .attr('href', new mw.Title(rc.title).getUrl()),
-                            $('<p>')
-                            .addClass('rc-sidebar-user')
-                            .text(Time)
-                            .append(
-                                $('<a>')
-                                .text(rc.user)
-                                .attr('href', new mw.Title(rc.user, 2).getUrl())
-                            )
-                        )
-                    })
-                } else {
-                    $recentChangesDOM = $('<p>').text('No recent changes.')
-                }
-                $rcContainer.append($recentChangesDOM)
-                var $showMore
-				$showMore = $('<div>')
-                	.addClass('rc-sidebar-item rc-sidebar-more')
-                	.append(
-                		$('<a>')
-                		.addClass('rc-sidebar-page')
-                		.text('See more...')
-                		.attr('href', '/wiki/Special:RecentChanges')
-                )
-                $rcContainer.append($showMore)
-            })
-            .fail(function(_, data) {
-                alert(data.error.info)
-            });
-    }
-    mw.loader.using(['mediawiki.util', 'mediawiki.api'], function() {
-        $(init)
-    })
-}(jQuery, mediaWiki));
-//</nowiki>