Difference between revisions of "MediaWiki:Common.js"

From Yugipedia
Jump to: navigation, search
(Cleanup. Move collapsible code and archive link code to gadgets.)
(Split hash redirect and image switcher to their own gadgets.)
Line 9: Line 9:
 
  * this simplifies checking if new code has cleared server caches
 
  * this simplifies checking if new code has cleared server caches
 
  */
 
  */
var LAST_LOG = '13:53, 22 August 2018 (UTC)';
+
var LAST_LOG = '19:49, 23 August 2018 (UTC)';
 
console.log('MediaWiki:Common.js last updated:', LAST_LOG);
 
console.log('MediaWiki:Common.js last updated:', LAST_LOG);
  
Line 183: Line 183:
 
  * Add missing preload to [[MediaWiki:Createbox-exists]].
 
  * Add missing preload to [[MediaWiki:Createbox-exists]].
 
  * Using js since there doesn't seem to be a "getURL" option in the wikia magic words.
 
  * Using js since there doesn't seem to be a "getURL" option in the wikia magic words.
 +
* TODO: check if stil needed.
 
  */
 
  */
 
if (mAction === 'create' && $('[name="preload"]').val() === '') {
 
if (mAction === 'create' && $('[name="preload"]').val() === '') {
Line 200: Line 201:
 
}
 
}
 
});
 
});
 
/**
 
* Allow for redirecting Luster_Dragon#2 to Luster_Dragon_2 etc. via {{Hash redirect}}
 
*/
 
if ($('.hash_redirect')) {
 
var redirects = document.getElementsByClassName('hash_redirect');
 
var hash = window.location.hash.substring(1);
 
 
for (var k = 0; k < redirects.length; k++) {
 
if (redirects[k].getAttribute('data-value') === hash) {
 
window.location = window.location.href.replace('#', '_');
 
}
 
}
 
}
 
  
 
/**
 
/**
 
  * Show card details on hover
 
  * Show card details on hover
 +
* TODO: decide tooltips implementation.
 
  */
 
  */
 
$('.card-link').on('mouseenter', function() {
 
$('.card-link').on('mouseenter', function() {
Line 229: Line 217:
 
$('.card-link').on('mouseleave', function() {
 
$('.card-link').on('mouseleave', function() {
 
$('.card-link-hover-data').html('');
 
$('.card-link-hover-data').html('');
});
 
 
/**
 
* Image switcher for card tables
 
*/
 
$('.image-switcher a').on('click', function(ev) {
 
ev.preventDefault();
 
 
var $imagecolumn  = $(this).parents('.imagecolumn'),
 
$selected      = $(this).parents('.image-dimensions'),
 
$image_wrapper = $imagecolumn.find('.cardtable-main_image-wrapper'),
 
$main_image    = $image_wrapper.find('img:first'),
 
image_name    = this.getAttribute('title'),
 
 
// Images are not to go wider than the first one.
 
max_width    = $imagecolumn.data('max_width') ? $imagecolumn.data('max_width') : $main_image.width(),
 
// Natural dimensions of the selected image
 
n_width      = $selected.data('width'),
 
n_height    = $selected.data('height'),
 
// Dimensions to display the selected image at
 
width        = (n_width < max_width) ? n_width  : max_width,
 
height      = (n_width < max_width) ? n_height : n_height * width / n_width,
 
 
src = this.href;
 
/*srcset = [1.5, 2].map(function(ratio) {
 
return src.replace('\.com//', '$&thumb/') + '/' + Math.round(width * ratio) + 'px-' + image_name + ' ' + ratio + 'x';
 
}).join();*/
 
if (width !== n_width) {
 
src = '/thumb.php?f=' + image_name + '&w=' + width;
 
}
 
 
// Preventing content jumping
 
$imagecolumn.css('width', max_width);
 
$imagecolumn.find('\+.infocolumn').css('width', 'calc(100% - '+max_width+'px)');
 
$image_wrapper.css('min-height', $image_wrapper.height());
 
 
var img = new Image();
 
img.onload = function() {
 
// Change the main image's URL to the new image and set its width and height
 
$main_image
 
.attr('src', src)
 
//.attr('srcset', srcset)
 
.attr('width', width)
 
.attr('height', height)
 
.removeAttr('srcset');
 
 
// Change the main image's link and hover text to match the new image
 
$main_image.parents('a')
 
.attr('href', '/wiki/File:'+image_name)
 
.attr('title', image_name);
 
};
 
img.src = src;
 
 
});
 
});
  

Revision as of 19:49, 23 August 2018

/*global mw, $, console, enableOldForumEdit */
/*jshint browser:true, curly:false, eqnull:true, strict:false */
mw.loader.using(['mediawiki.util', 'jquery.client'], function () {
/* Begin of mw.loader.using callback */


/**
 * update this (replace the timestamp with 5 tildes) whenever this page is edited
 * this simplifies checking if new code has cleared server caches
 */
var LAST_LOG = '19:49, 23 August 2018 (UTC)';
console.log('MediaWiki:Common.js last updated:', LAST_LOG);

/**
 * Cleanup excessive space in hlist elements
 */
var items = document.querySelectorAll('.hlist li, .hlist dt, .hlist dd');
for (var i = items.length - 1; i >= 0; i--) {
	items[i].innerHTML = items[i].innerHTML.trim();
}

/**
 * Page format checking
 *
 * Maintainers: [[User:Falzar FZ]]
 */
var mNamespace       = mw.config.get('wgCanonicalNamespace'),
	mNamespaceNumber = mw.config.get('wgNamespaceNumber'),
	mAction          = mw.util.getParamValue('action'),
	mSection         = mw.util.getParamValue('section');

	/*
	 * Check that you have signed your post on Talk pages and Forum pages.

	 * Disable for yourself on every page by adding:
				var signCheck = 'Disable';
	   to [[Special:MyPage/common.js]]

	 * Alternatively, if you sign with 3 tildes, add:
			var signCheck = 3;

	 * To disable checking on a specific page for everyone, add:
			<!--~~~~-->
	   to that page somewhere, it will overlook it each time.
	 */
if (mNamespaceNumber % 2 === 1 || mNamespaceNumber === 110) {
	if (!document.URL.match('&undo') && !document.URL.match('/Archive')) {
		$(function() {
			$('#wpSave, #wpPreview').mousedown(signChecker);
		});

		var vSignCheckerCounter = 0,
			mInitialLength = $('#wpTextbox1').val().length;
		function signChecker() {
			var vTildes = '~~\~~',
			// Bypassing the line in the forum template.
				vForumMessage = 'Be sure to sign your edits with four tildes: ' + vTildes,
				vNoWiki = '<nowiki>' + vTildes + '</nowiki>',
				vMinorChecked = $('#wpMinoredit').is(':checked'),
				mFinalLength = $('#wpTextbox1').val().length,

				vText = $('#wpTextbox1').val().replace(vForumMessage, '').replace(vNoWiki, '');
			if (vSignCheckerCounter < 3 && !vText.match(vTildes) &&
					!vText.match('{\{[Tt]alk ?header}}') && !vText.match('{\{[Dd]elete') &&
					!vMinorChecked && !$('#wpSummary').val().match(/move/i) &&
					!$('#wpSummary').val().match(/archive/i) &&
					mFinalLength > mInitialLength + 15) {
				vSignCheckerCounter++;
				if (!window.signCheck) {
					alert('Please sign your post by adding 4 tildes (' + vTildes + ') to the end of your post.');
				} else if (window.signCheck === 3) {
					alert('Please sign your post by adding 3 tildes (~\~~) to the end of your post.');
				} else if (window.signCheck === 'Disable') {
					vSignCheckerCounter = 9;
				}
			}
		}
	}
}

/**
 * Add Template:Navigation if it's not there.
 */
if (
	(mNamespace === 'Card_Rulings' && $('#wpTextbox1').val().indexOf('[\[Category:Group Rulings') === -1) ||
	['Gallery', 'Errata', 'Tips', 'Appearances', 'Trivia', 'Lores', 'Artworks', 'Names', 'Sets']
		.indexOf(mNamespace.replace('Card_', '')) !== -1
) {
	if (!mSection && mAction !== 'submit' && typeof $('#wpTextbox1').val() !== 'undefined') {
		$(addNav);

		function addNav() {
			var vText = $('#wpTextbox1').val()
				.replace('{\{navigation', '{\{Navigation')
				.replace('{\{Navigation2}', '{\{Navigation|mode=nonGame}');
			if (!vText.match('{\{Navigation') && !vText.match('{\{Delete')) {
				$('#wpTextbox1').val('{\{Navigation}}\n\n' + vText);
			} else {
				$('#wpTextbox1').val(vText);
			}

			$('form[name=editform]').submit(function() {
				if ($('#wpTextbox1').val() === '{\{Navigation}}\n\n') {
					alert('You have not made any changes to the template.');
					return false;
				}
			});
		}
	}
}

/**
 * Add Template:Talkheader if it's not there.
 */
if (mNamespaceNumber % 2 === 1 && mNamespaceNumber !== 3 && !mSection && mAction !== 'submit') {
	$(addTalkheader);

	function addTalkheader() {
		var vText = $('#wpTextbox1').val().replace(/{\{[Tt]alkheader/, '{\{Talk header');
		if (!vText.match('{\{Talk header') && !vText.match('{\{Delete')) {
			$('#wpTextbox1').val('{\{Talk header}}\n\n' + vText);
		} else {
			$('#wpTextbox1').val(vText);
		}
	}
}

/**
 * Add a preload depending on the namespace during page creation from redlink.
 */
if (mw.util.getParamValue('redlink')) {
	var vPreloadText = '';
	switch (mNamespace) {
		case 'Card_Tips': // fallthrough
		case 'Card_Trivia': // fallthrough
		case 'Card_Names':
			vPreloadText += '* '; // Deliberate no "\n" at the end.
			break;
		case 'Card_Gallery':
			vPreloadText += '{\{GalleryHeader|lang=en}}\n<gallery widths="175px">\n' +
				'Image.png  | [[Card Number]] ([[Rarity]])<br />\'\'([[Edition]])\'\'<br />[[Set Name]]\n</gallery>\n|}\n\n' +
				'{\{GalleryHeader|lang=jp|set=Anime}}\n<gallery widths="175px">\nImage.png  | [[]]\n</gallery>\n|}\n';
			break;
		case 'Card_Appearances':
			vPreloadText += '* In [[Yu-Gi-Oh! VRAINS - Episode 000|episode 00]], [[character name]] plays this card ' +
				'against [[opponent name]].\n';
			break;
		case 'Card_Errata':
			vPreloadText += '{\{Errata table\n| lore0  = \n| image0 = \n| cap0   = [[Card Number]]<br />' +
				'[[Set Name]]\n\n| lore1  = \n| image1 = \n| cap1   = [[Card Number]]<br />[[Set Name]]\n}}\n';
			break;
		case 'Card_Artworks':
			vPreloadText += '* \n\n{\{ArtworkHeader|lang=jp}}\n<gallery widths="275px">\n' +
				'Image.png  | Japanese\nImage.png  | International\n</gallery>\n|}\n';
			break;
	}
	if (vPreloadText !== '') {
		$(addPreload('{\{Navigation}}\n\n' + vPreloadText));
	}

	function addPreload(pBlankTemplate) {
		$('#wpTextbox1').val(pBlankTemplate);

		$('#wpSave, #wpPreview').mousedown(cleanUpStuff);
		function cleanUpStuff() {
			$('#wpTextbox1').val($('#wpTextbox1').val()
				.replace('{\{Navigation2}}', '{\{Navigation|mode=nonGame}}')
				.replace('{\{Navigation3}}', '{\{Navigation|mode=otherGame}}')
			);
		}

		$('form[name=editform]').submit(function() {
			if ($('#wpTextbox1').val() === pBlankTemplate) {
				alert('You have not made any changes to the template.');
				return false;
			}
		});
	}

}

/**
 * Add missing preload to [[MediaWiki:Createbox-exists]].
 * Using js since there doesn't seem to be a "getURL" option in the wikia magic words.
 * TODO: check if stil needed.
 */
if (mAction === 'create' && $('[name="preload"]').val() === '') {
	$('[name="preload"]').val(mw.util.getParamValue('preload'));
}

/**
 * Remove empty rows from {{Infobox}} transclusions
 */
$('.infobox tr').each(function () {
	if (
		!$.trim($(this).text()) &&
		!$(this).find('img').length &&
		!$(this).find('hr').length
	) {
		$(this).remove();
	}
});

/**
 * Show card details on hover
 * TODO: decide tooltips implementation.
 */
$('.card-link').on('mouseenter', function() {
	if (! document.getElementById('main-card-table')) {
		$(this).find('.card-link-hover-data').load(
			this.getElementsByTagName('a')[0].href + ' #main-card-table', function() {
				$(this).find('.chronology').remove();
			}
		);
	}
});
$('.card-link').on('mouseleave', function() {
	$('.card-link-hover-data').html('');
});


/**
 * The following code is currently maintained by [[User:Becasita]].
 * Contact [[User talk:Becasita]] if the need arises.
 */
( function( window, $, mw ) {

	/**
	 * Fix Special:Ask table headers when wikilinked.
	 * Address to «.JS-changed» to find what elements were changed/created.
	 */
	$( function _specialAskLabelsLinks() {
		if ( mw.config.get( 'wgPageName' ).split( /\s*\/\s*/ )[ 0 ] === 'Special:Ask' ) {
			$( '.smwtable' ).find( 'th' ).each( function( i, el ) {
				$( el ).html( function() {
					return $( this ).text().replace( /\[\[(.*?)]]/g, $( '<a>', {
						class: 'JS-changed',
						href: 'wiki/$1',
						text: '$1'
					} ).prop( 'outerHTML' ) );
				} );
			} );
		}
	} );
	/** End. */

	/**
	 * Fix tabbers labels achors.
	 */
	$(function _fixTabAnchors() {
		// Wait for the tabbers to load:
		mw.loader.using( 'ext.tabber' ).then( function() {

			mw.log( 'DEBUG: Tabbers loaded!' );
			$( '.tabbernav' ).each( function( i, el ) {

				const $el = $( el );
				const $parent = $el.parent();

				// Gets the tab content, given a tab label:
				const getTab = function( $li ) {
					return $parent.find( '.tabbertab' ).filter( function() {
						return this.title.trim() === $li.find( 'a' ).attr( 'title' ).trim();
					});
				};

				// Remove the default click event:
				$el.off( 'click' );

				// Create new click event
				$el.children().click( function( e ) {
					e.preventDefault();

					// Current tab:
					const $currentLabel = $el.find( '.tabberactive' );
					const $currentContent = getTab( $currentLabel );

					// New tab:
					const $newLabel = $( this );
					const $newContent = getTab( $newLabel );

					// Switch tabs:
					$currentLabel.removeClass( 'tabberactive' );
					$newLabel.addClass( 'tabberactive' );
					$currentContent.hide();
					$newContent.show();
				} );

			} );

		} );
	} );
	/** End. */

	/**
	 * Create a ToC for card galleries (using [[Module:Card gallery]]).
	 */
	$( function _addTocToCardGalleries() {
		function generateToC( $content ) {
			mw.log( 'Firing generateToC on: ', $content );

			var $toc = $content.find( '.card-gallery__toc' ).find( 'ul' );
			$content.find( '.mw-headline' ).each( function( index, element ) {
				var $section = $( element );
				$toc.append(
					$( '<li>', {
						class: 'card-gallery__toc__entry',
						html: $( '<a>', {
							href: '#' + $section.attr( 'id' ),
							text: $section.text()
						} )
					} )
				);
			} );
		}

		mw.hook( 'wikipage.content' ).add( generateToC );
	} );
	/** End. */

 	/**
 	 * Links for image uploads on galleries.
 	 */ 
	$(function _linkEmptyGalleries() {
		// Function to link the empty galleries to the upload page:
		function linkEmptyGalleries( $content ) {
			mw.log( 'Firing linkEmptyGalleries on: ', $content );

			$content.find( '.thumb' ).each( function() {
				var $this = $( this );
				if ( !$this.children().length ) {
					// Is an empty gallery box.
					var text = $this.text();
					$this.text( '' );
					$this.append(
						$( '<a>', {
							class: 'noFile',
							href: '/index.php?title=Special:Upload&wpDestFile=' + text,
							text: text
						} )
					);
				}
			} );
		}

		mw.hook( 'wikipage.content' ).add( linkEmptyGalleries );
	} );
	/** End. */

} )( window, window.jQuery, window.mediaWiki );

/* End of mw.loader.using callback; DO NOT ADD CODE BELOW THIS LINE */
});