User:Ziad/common.js

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
// <nowiki>
// __NOINDEX__ DO NOT COPY IT FOR TRANSLATION, READ THE DOCUMENTATION [[:en:User talk:Ebraminio/ArticleTranslator.js]]
/*jslint browser: true, regexp: true, unparam: true, white: true*/
/*global jQuery, mediaWiki*/
(function ($, mw) {
	'use strict';
	var translationTextArea,
		progressCount,
		itemsCount,
		ajaxUrl,
		conf = {
			'homeWiki': 'ar',
			'fromLang': mw.config.get('wgPageContentLanguage'),
			'translatorBarFormat': '$1translate$2 links from $3 to $4 ($5)',
			'templateTranslatorText': 'Template translation',
			'removeLinksAliasesText': 'Remove Links Aliases',
			'doneText': 'Done!',
			'enableTemplateTranslation': true,
			'removeLinksAliases': true,
			'enableNeedingShow': false,
			'name': 'Name',
			'interwikiCount': 'Interwiki Count',
			'linkedTo': 'Linked to',
			'listOfUnavailablePagesOn': 'List of not available pages on',
			'definedTemplates': ["Portal", "About", "ADB", "Alsoknown", "Alternateuses", "Cat main", "Cat main article", "Category disambiguation", "Category main", "Catmain", "Consider disambiguation", "Contrast", "Dabprefixes", "Detail", "Details", "Disambiguation needed", "Distinguish", "Distinguish2", "For", "For other uses", "For2", "In title", "Introductory article", "Look from", "Main", "Main cat", "Main category", "Maincat", "More", "Moredetails", "Navbox hatnote *Templates", "Other", "Other hurricanes", "Other meanings", "Other people", "Other people2", "Other people3", "Other people5", "Other places", "Other places3", "Other ships", "Other use", "Other uses", "Other uses of", "Other uses1", "Other uses2", "Other uses-section", "Othermeanings", "Otheruse", "OtherUses", "Otheruses1", "Otheruses3", "OtherusesSubtopic", "Othervalues", "Outline", "Previously", "Redirect", "Redirect10", "Redirect2", "Redirect3", "Redirect4", "Redirect6", "Redirect-distinguish2", "Redirect-synonym", "See introduction", "See Wiktionary", "Seesubarticle", "Selfref", "Srlink", "Surname links", "Technical reasons", "Template ambiguous", "Template shortcut", "This user talk", "Three other uses", "Two other uses", "WikiProject Disambiguation"],
			'blacklistedTemplatePattern': /(cite|citation|infobox)[ a-z]*/i,
			'cleaning': 'Cleaning',
			'enableCleaning': false
		},
		definedTemplateList,
		action = mw.config.get('wgAction');

	$.extend(conf, window.articleTranslatorConf);

	// getting the last translator preference from the cookie
	if ($.cookie('homeWiki') !== null) {
		conf.homeWiki = $.cookie('homeWiki');
	}

	if ($.cookie('fromLang') !== null) {
		conf.fromLang = $.cookie('fromLang');
	}
	//

	// from: http://80.68.89.23/2006/Jan/20/escape/
	function escape(text) {
		return text.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&');
	}

	function getOrigin() {
		var result = location.protocol + '//' + location.host;
		if (location.port !== '') {
			result = result + ':' + location.port;
		}
		return result;
	}

	function getOriginOfWikiLang(lang) {
		return getOrigin().replace(mw.config.get('wgPageContentLanguage'), lang);
	}

	function setAjaxUrl() {
		var tailOfApiUrl = '/api.php?action=query&prop=langlinks&redirects=&format=json&lllimit=500&titles=';
		if (conf.enableNeedingShow === true) {
			tailOfApiUrl = '/api.php?action=query&prop=langlinks|links&redirects=&format=json&pllimit=500&lllimit=500&titles=';
		}
		ajaxUrl = getOriginOfWikiLang(conf.fromLang) + mw.config.get('wgScriptPath') + tailOfApiUrl;
	}

	function getSelectedTextLinks() {
		// borrowed from: http://stackoverflow.com/questions/4220478 :)
		var selection,
			selectionAncestor,
			range,
			allWithinRangeParent;

		// if `window.getSelection` is not defined (on IE) return nothing.
		if (window.getSelection === undefined) {
			return [];
		}
		selection = window.getSelection();

		// if nothing is selected, return empty array
		if (selection.isCollapsed) {
			return [];
		}

		range = selection.getRangeAt(0);
		selectionAncestor = range.commonAncestorContainer;
		if (selectionAncestor.getElementsByTagName === undefined) { // if it is not a formal HTML selection
			return [];
		}
		allWithinRangeParent = selectionAncestor.getElementsByTagName('a');

		return $.map(allWithinRangeParent, function (el) {
			// The second parameter says to include the element
			// even if it's not fully selected
			if (selection.containsNode(el, true)) {
				return el;
			}
		});
	}

	function onFinish() {
		if (conf.enableCleaning) {
			$('#wpTextbox2').val(
				$('#wpTextbox2')
					.val()
					.replace(/\]\]s/g, ']]')
					.replace(/,/g, '،')
			);
			if (window.articleTranslatorUserImprovements) {
				$('#wpTextbox2').val(window.articleTranslatorUserImprovements($('#wpTextbox2').val()));
			}
		}
		$('#translatorProgress').hide('slow');
		$('#translatorStatus').css('font-weight', 'bold').text(conf.doneText).show('slow');
		if (conf.enableNeedingShow) {
			var links = [],
				result,
				linksCount,
				titleExistance = {},
				title;
			$('.translatorNeededLink').each(function (k, v) {
				title = $(v).attr('data-title');
				if (titleExistance[title] === true) {
					return;
				}
				titleExistance[title] = true;
				linksCount = $(v).attr('data-links-to-count');
				if (parseInt(linksCount, 10) === 500) {
					linksCount = '500+';
				}
				links.push([title, parseInt($(v).attr('data-interwikis'), 10), linksCount]);
			});
			links = links.sort(function (x, y) { return y[1] - x[1]; });
			result = '<table class="wikitable sortable"><tr><th>' + conf.name + '</th><th>' + conf.interwikiCount + '</th><th>' + conf.linkedTo + '</th></tr>' + links.map(function (x) { return '<tr><td>' + x[0] + '</td><td>' + x[1] + '</td><td>' + x[2] + '</tr>'; }).join('') + '</table>';
			$('#translatorPlusContainer').remove();
			$('<div style="line-height: 1.25; font-size: 50%;" id="translatorPlusContainer">' + conf.listOfUnavailablePagesOn + ' ' + conf.homeWiki + '.wiki:\n<div style="height: 10em; overflow-y: scroll;">' + result + '</div></div>').insertAfter('#translatorBar');
		}
	}

	function increaseProgressCount() {
		progressCount = progressCount + 1;
		$('#translatorProgress').attr('value', progressCount);

		if (progressCount === itemsCount) {
			onFinish();
		}
	}

	function queryTranslationFromData(data) {
		var languageLinks,
			linksToCount = 0,
			translation;

		if (data.query === undefined || data.query.pages === undefined) {
			return null;
		}
		$.each(data.query.pages, function (key, value) { // for retrieving first object index
			languageLinks = value.langlinks;
			if (value.links !== undefined) {
				linksToCount = value.links.length;
			}
		});
		if (languageLinks === undefined) {
			return null;
		}
		$.each(languageLinks, function (key, value) { // we can also use .filter here
			if (value.lang === conf.homeWiki) {
				translation = value['*'];
			}
		});
		return {
			translation: translation,
			linksToCount: linksToCount,
			interwikis: languageLinks.length
		};
	}

	function commonAjaxRunner(title, translatorFunction) {
		$.ajax({
			url: ajaxUrl + encodeURIComponent(title),
			complete: function () {
				increaseProgressCount();
			},
			success: function (data) {
				var translation = queryTranslationFromData(data);
				if (translation !== null) {
					translatorFunction(translation);
				}
			},
			dataType: 'jsonp'
		});
	}

	function addTranslationToNode(node, translation) {
		if (translation.translation !== undefined) {
			node.after('<span class="translatorAddedcontent">(<bdi><a lang="' + conf.homeWiki + '" href="' + getOriginOfWikiLang(conf.homeWiki) + mw.util.getUrl(translation.translation) + '">' + translation.translation + '</a></bdi>)</span>');
		} else if (conf.enableNeedingShow === true) {
			node.after('<span class="translatorAddedcontent">(<span style="color: red;" class="translatorNeededLink" data-title="' + node.attr('title') + '" data-interwikis="' + translation.interwikis + '" data-links-to-count="' + translation.linksToCount + '">' + translation.interwikis + '</span>)</span>');
		}
	}

	function translateFromLanguageLinkNode(title, node) {
		commonAjaxRunner(title, function (translation) {
			addTranslationToNode(node, translation);
		});
	}

	// for [[Link]]s in textareas
	function addTranslationToTextareaLink(title, translation) {
		translationTextArea.val(translationTextArea.val().replace(
			new RegExp('(\\[\\[:?)' + escape(title) + '((?:\\|[^\\]]*)?)(\\]\\])'),
			'$1' + translation + (conf.removeLinksAliases ? '' : '$2') + '$3'
		));
	}

	function translateFromLanguageLinks(title) {
		commonAjaxRunner(title, function (translation) {
			if (translation.translation !== undefined) {
				addTranslationToTextareaLink(title, translation.translation);
			}
		});
	}

	// for {{template|Link}} in textareas
	function addTranslationToTextareaLinksInTemplate(title, translation) {
		var i, definedTemplate;
		for (i = 0; i < definedTemplateList.length; i = i + 1) {
			definedTemplate = definedTemplateList[i];
			translationTextArea.val(translationTextArea.val().replace(
				new RegExp('(\\{\\{\\s*(?:[Tt]emplate:)?)' + definedTemplate + '\\|' + escape(title) + '([\\|\\}])'),
				'$1' + definedTemplate + '|' + translation + '$2'
			));
		}
	}

	function translateFromLanguageLinksInTemplate(title) {
		commonAjaxRunner(title, function (translation) {
			if (translation.translation !== undefined) {
				addTranslationToTextareaLinksInTemplate(title, translation.translation);
			}
		});
	}

	// for {{TemplateLink}}s in textareas
	function addTranslationToTextareaTemplateLink(title, translation) {
		translationTextArea.val(translationTextArea.val().replace(
			new RegExp('(\\{\\{\\s*(?:[Tt]emplate:)?)' + escape(title) + '([\\n\\|\\}])'),
			'$1' + translation + '$2'
		));
	}

	function translateFromLanguageTemplateLinks(title) {
		commonAjaxRunner('Template:' + title, function (translation) {
			if (translation.translation !== undefined) {
				addTranslationToTextareaTemplateLink(title, translation.translation.replace(/^.*?:/, ''));
			}
		});
	}

	function parseUrl(url) {
		if (url === undefined) {
			return undefined;
		}
		var match = url.match(/\/wiki\/([^#]*)/);
		if (match === null) {
			match = url.match(/\/w\/index\.php\?title=([^&#]*).*redlink=1/);
		}

		if (match !== null) {
			return decodeURI(match[1]); // returns () matched text
		}
		return undefined;
	}

	function getLinkTitle(link) { // previously it was link.attr("title")
		return parseUrl(link.attr('href'));
	}

	function run() {
		setAjaxUrl();
		progressCount = 0;
		itemsCount = 0;
		$('#translatorStatus').hide(0);
		$('#translatorProgress').removeAttr('max').removeAttr('value');
		$('.translatorAddedcontent').remove();

		var links,
			templates,
			linkedInTemplates,
			i,
			a,
			title,
			linkInTemplate;

		if (action === 'view' || action === 'purge' || action === 'historysubmit') {
			links = getSelectedTextLinks();
			if (links.length === 0) {
				links = $('#bodyContent a');
			}

			$(links).each(function () {
				var iter = $(this),
					linkTitle = getLinkTitle(iter);
				if (linkTitle !== undefined) {
					itemsCount = itemsCount + 1;
					translateFromLanguageLinkNode(linkTitle, iter);
				}
			});

			$('#translatorProgress').show().attr('max', itemsCount);

		} else if (action === 'edit' || action === 'submit') {
			$('#wpTextbox2').remove(); // remove translation textarea if exists

			if (conf.fromLang === mw.config.get('wgPageContentLanguage')) {
				translationTextArea = $('#wpTextbox1').clone().attr({
					'id': 'wpTextbox2'
				}).css({ // new color for translation textarea
					'background-color': '#CCCEFF'
				}).val($('#wpTextbox1').val()); // this something that clone must do
				$('#wpTextbox1').before(translationTextArea); // put translation textarea before old
			} else {
				translationTextArea = $('#wpTextbox1');
			}
			definedTemplateList = [];
			// for pre-defined templates
			for (i = 0; i < conf.definedTemplates.length; i = i + 1) {
				if (translationTextArea.val().replace(
						new RegExp("\\{\\{\\s*(?:[Tt]emplate:)?" + conf.definedTemplates[i] + "\\|", "g"),
						""
					) !== translationTextArea.val()) {
					definedTemplateList.push(conf.definedTemplates[i]);
				}
				if (translationTextArea.val().replace(// for LowerCase templates
						new RegExp("\\{\\{\\s*(?:[Tt]emplate:)?" + conf.definedTemplates[i].toLowerCase() + "\\|", "g"),
						""
					) !== translationTextArea.val()) {
					definedTemplateList.push(conf.definedTemplates[i].toLowerCase());
				}
			}
			// for links
			links = translationTextArea.val().match(/\[\[.*?\]\]/g);
			templates = translationTextArea.val().match(/\{\{.*?[\n\|\}]/g);
			if (templates !== null) {
				templates = templates.filter(function (x) {
					return !conf.blacklistedTemplatePattern.test(x);
				});
			}
			linkedInTemplates = translationTextArea.val().match(/\{\{.*?\}\}/g);
			itemsCount = -1;
			if (links !== null) {
				for (i = 0; i < links.length; i = i + 1) { // equals with <code>for (i in matched)</code>
					title = links[i].replace(/\[\[:?([^\]\|]*)\|?.*?\]\]/g, "$1");
					translateFromLanguageLinks(title);
				}

				if (itemsCount === -1) {
					itemsCount = 0;
				}

				itemsCount = itemsCount + links.length;
			}
			// for LinkedInTemplates

			if (linkedInTemplates !== null && definedTemplateList.length !== 0) {
				for (i = 0; i < linkedInTemplates.length; i = i + 1) { // equals with <code>for (i in matched)</code>
					for (a = 0; a < definedTemplateList.length; a = a + 1) {
						linkInTemplate = linkedInTemplates[i].replace(
							new RegExp("\\{\\{\\s*(?:[Tt]emplate:)?" + definedTemplateList[a] + "\\|(.*)\\s*[\\n\\|\\}]", "g"),
							"$1"
						);
						linkInTemplate = linkInTemplate.replace('}', '');
						linkInTemplate = linkInTemplate.replace('|', '');
						if (linkInTemplate.replace('{', '') === linkInTemplate) {
							translateFromLanguageLinksInTemplate(linkInTemplate); //for translating links inside defined-templates {{defined-template|link}}
						}
					}
				}

				if (itemsCount === -1) {
					itemsCount = 0;
				}

				itemsCount = itemsCount + definedTemplateList.length;
			}
			//for Templates	
			if (templates !== null && conf.enableTemplateTranslation === true) {
				for (i = 0; i < templates.length; i = i + 1) { // equals with <code>for (i in matched)</code>
					title = templates[i].replace(/\{\{\s*(?:[Tt]emplate:)?(.*)\s*[\n\|\}]/g, '$1');
					translateFromLanguageTemplateLinks(title);
				}

				if (itemsCount === -1) {
					itemsCount = 0;
				}

				itemsCount = itemsCount + templates.length;
			}

			if (itemsCount !== -1) {
				$('#translatorProgress').show().attr('max', itemsCount);
			}
		}
	}

	function initiateEditor(forEditable, inputForEditable, setVariableClosure) {
		$(forEditable).click(function (event) {
			event.preventDefault();
			$(forEditable).hide();
			$(inputForEditable).css('width', '2em').show().val($(forEditable).text());
		});

		$(inputForEditable).keyup(function (event) {
			var selectedLanugage = $(this).val();

			if (event.keyCode === 13) {
				$(this).focusout(); // on enter
			} else if (event.keyCode === 27) {
				$(forEditable).show(); // on escape
				$(inputForEditable).hide().val(selectedLanugage);
			}

		}).focusout(function () {
			var selectedLanugage = $(this).val();

			if (/...?/.test(selectedLanugage)) {
				setVariableClosure(selectedLanugage);
				$(forEditable).html(selectedLanugage);
			}

			$(forEditable).show();
			$(inputForEditable).hide();
		});
	}

	function translator2() {
		$('.translatorAddedcontent').remove();
		var titles = {};
		$('#bodyContent a').get().forEach(function (x) {
			var title = x.title;
			if (title) {
				titles[title] = true;
			}
		});
		titles = Object.keys(titles);
		$.post('//tools.wmflabs.org/linkstranslator/', {
			p: titles,
			from: conf.fromLang,
			to: conf.homeWiki
		}).then(function (result) {
			Object.keys(result).forEach(function (from) {
				var to = result[from];
				$('a[title="' + from + '"]').after(
					'<span class="translatorAddedcontent">(<bdi><a lang="' + conf.homeWiki + '"' +
					' href="//' + conf.homeWiki + '.wikipedia.org' +
					mw.util.getUrl(to) + '">' + to + '</a></bdi>)</span>'
				);
			});
		});
	}

	$(function () {
		$('#translatorBar').remove();

		// HTML Builder
		var hb = [],
			bar = conf.translatorBarFormat;

		hb.push('<span style="font-size: 40%; margin: 0 2em; unicode-bidi: -webkit-isolate; unicode-bidi: -moz-isolate; unicode-bidi: isolate; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;" id="translatorBar" class="noprint">');

		bar = bar.replace('$1', '<sub><a id="translator-equ" href="#">=</a><span id="translator-equ-links" /></sub><a id="translator-button" href="#">');
		bar = bar.replace('$2', '</a><sup><a id="translator-plus" href="#">+</a></sup> <a id="translator2" href="#">!!</a>');
		bar = bar.replace('$3', '<a id="translator-from" href="#">' + conf.fromLang + '</a><input style="display: none" id="translator-from-input">');
		bar = bar.replace('$4', '<a id="translator-to" href="#">' + conf.homeWiki + '</a><input style="display: none" id="translator-to-input">');
		bar = bar.replace('$5', '<a id="translator-switch" href="$">-</a>');

		hb.push(bar);

		if (action === "edit" || action === "submit") {
			hb.push(' <input type="checkbox" name="enableTemplateTranslation" id="enableTemplateTranslation"><label for="enableTemplateTranslation">' + conf.templateTranslatorText + '</label>');
			hb.push(' <input type="checkbox" name="removeLinksAliases" id="removeLinksAliases"><label for="removeLinksAliases">' + conf.removeLinksAliasesText + '</label>');
			hb.push(' <input type="checkbox" name="enableCleaning" id="enableCleaning"><label for="enableCleaning" title="Persian related and user defined needed cleanups">' + conf.cleaning + '</label>');
		}

		hb.push('&nbsp;&nbsp;<span id="translatorStatus" /><progress id="translatorProgress" style="display: none;">In progress...</progress></span>');

		$('h1.firstHeading:first').append(hb.join(''));

		$('#translator-button').click(function (event) {
			event.preventDefault();
			conf.enableNeedingShow = false;
			run();
		});
		
		$('#translator2').click(function (event) {
			event.preventDefault();
			translator2();
		});

		$('#translator-equ').click(function (event) {
			event.preventDefault();
			var title = mw.config.get('wgTitle');
			$('#translator-equ-links').html('<a target="_blank" href="//translate.google.com/translate_t?sl=' + conf.fromLang + '&tl=' + conf.homeWiki + '&q=' + title + '">Translator</a> / <a target="_blank" href=\'//www.google.com/search?q="' + encodeURI(title) + '"&lr=lang_' + conf.homeWiki + '\'>Specific Language Search</a> ');
		});

		$('#translator-plus').click(function (event) {
			event.preventDefault();
			conf.enableNeedingShow = true;
			run();
		});

		$('#translator-switch').click(function (event) {
			event.preventDefault();

			var t = conf.homeWiki;

			conf.homeWiki = conf.fromLang;
			$.cookie("homeWiki", conf.fromLang);
			$('#translator-to').html(conf.fromLang);

			conf.fromLang = t;
			$.cookie("fromLang", t);
			$('#translator-from').html(t);
		});

		initiateEditor('#translator-to', '#translator-to-input', function (value) {
			conf.homeWiki = value;
			$.cookie("homeWiki", value);
		});

		initiateEditor('#translator-from', '#translator-from-input', function (value) {
			conf.fromLang = value;
			$.cookie("fromLang", value);
		});

		$('#enableTemplateTranslation').attr('checked', conf.enableTemplateTranslation).click(function () {
			conf.enableTemplateTranslation = this.checked;
		});

		$('#removeLinksAliases').attr('checked', conf.removeLinksAliases).click(function () {
			conf.removeLinksAliases = this.checked;
		});

		if (action === 'edit' || action === 'submit') {
			$('#enableCleaning').attr('checked', conf.enableCleaning).click(function () {
				conf.enableCleaning = this.checked;
			});
		}
	});
}(jQuery, mediaWiki));
// </nowiki>