MediaWiki:MultiUpload.js

/* @authors Gguigui1, KhangND, Universal Omega */ mw.loader.using([	'mediawiki.user',	'mediawiki.api',	'jquery.client',	'jquery.spinner',	'mediawiki.jqueryMsg' ], function {	new mw.Api		.get({ action: "query", meta: "siteinfo", siprop: "fileextensions", format: "json", })		.done(function (data) { var extensions = data.query.fileextensions, e; var FileExtensions = []; for (e in extensions) { FileExtensions.push(extensions[e].ext); }			mw.config.set({				'wgFileExtensions': FileExtensions			}); });	var groups = mw.config.get('wgUserGroups').join,		config = mw.config.get([ 'wgCanonicalSpecialPageName', 'wgNamespaceNumber', 'wgTitle', 'wgUserLanguage', 'wgUserName' ]);	mw.loader.implement("mediawiki.legacy.ajax", function ($) { window.sajax_debug_mode = !1; window.sajax_request_type = 'GET'; window.sajax_debug = function (text) { if (!sajax_debug_mode) return false; var e = document.getElementById('sajax_debug'); if (!e) { e = document.createElement('p'); e.className = 'sajax_debug'; e.id = 'sajax_debug'; var b = document.getElementsByTagName('body')[0]; if (b.firstChild) { b.insertBefore(e, b.firstChild); } else { b.appendChild(e); }			}			var m = document.createElement('div'); m.appendChild(document.createTextNode(text)); e.appendChild(m); return true; };		window.sajax_init_object = function { sajax_debug('sajax_init_object called..'); var A;			try { A = new XMLHttpRequest; } catch (e) { try { A = new ActiveXObject('Msxml2.XMLHTTP'); } catch (e) { try { A = new ActiveXObject('Microsoft.XMLHTTP'); } catch (oc) { A = null; }				}			}			if (!A) { sajax_debug('Could not create connection object.'); }			return A;		}; window.sajax_do_call = function (func_name, args, target) { var i, x, n;			var uri; var post_data; uri = mw.util.wikiScript + '?action=ajax'; if (sajax_request_type == 'GET') { if (uri.indexOf('?') == -1) { uri = uri + '?rs=' + encodeURIComponent(func_name); } else { uri = uri + '&rs=' + encodeURIComponent(func_name); }				for (i = 0; i < args.length; i++) { uri = uri + '&rsargs[]=' + encodeURIComponent(args[i]); }				post_data = null; } else { post_data = 'rs=' + encodeURIComponent(func_name); for (i = 0; i < args.length; i++) { post_data = post_data + '&rsargs[]=' + encodeURIComponent(args[i]); }			}			x = sajax_init_object; if (!x) { alert('AJAX not supported'); return false; }			try { x.open(sajax_request_type, uri, true); } catch (e) { if (window.location.hostname == 'localhost') { alert("Your browser blocks XMLHttpRequest to 'localhost', try using a real hostname for development/testing."); }				throw e;			} if (sajax_request_type == 'POST') { x.setRequestHeader('Method', 'POST ' + uri + ' HTTP/1.1'); x.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); }			x.setRequestHeader('Pragma', 'cache=yes'); x.setRequestHeader('Cache-Control', 'no-transform'); x.onreadystatechange = function { if (x.readyState != 4) { return; }				sajax_debug('received (' + x.status + ' ' + x.statusText + ') ' + x.responseText); if (typeof (target) == 'function') { target(x); } else if (typeof (target) == 'object') { if (target.tagName == 'INPUT') { if (x.status == 200) { target.value = x.responseText; }					} else { if (x.status == 200) { target.innerHTML = x.responseText; } else { target.innerHTML = ' Error: ' + x.status + ' ' + x.statusText + ' (' + x.responseText + ') '; }					}				} else { alert('bad target for sajax_do_call: not a function or object: ' + target); }			};			sajax_debug(func_name + ' uri = ' + uri + ' / post = ' + post_data); x.send(post_data); sajax_debug(func_name + ' waiting..'); delete x;			return true; };		window.wfSupportsAjax = function { var request = sajax_init_object; var supportsAjax = request ? true : !1; delete request; return supportsAjax; };	}, {}, {});

function getLicensePreview(num) { window.licenseSelectorCheck = function { var selector = document.getElementById("license" + num); var selection = selector.options[selector.selectedIndex].value; if (selector.selectedIndex > 0) { if (selection == "") { // Option disabled, but browser is broken and doesn't respect this selector.selectedIndex = 0; }			}			var UploadLicenseObj = {

'responseCache': { : 				},

'fetchPreview': function (license) { for (cached in this.responseCache) { if (cached == license) { this.showPreview(this.responseCache[license]); return; }					}					$('#license' + num).injectSpinner('license' + num);

var title = document.getElementById('imagename' + num).value; if (!title) title = 'File:Sample.jpg';

var url = mw.util.wikiScript('api') + '?action=parse&text=' + '&title=' + encodeURIComponent(title) + '&prop=text&pst&format=json';

var req = sajax_init_object; req.onreadystatechange = function { if (req.readyState == 4 && req.status == 200) { UploadLicenseObj.processResult(eval('(' + req.responseText + ')'), license); }					};					req.open('GET', url, true); req.send('');

},

'processResult': function (result, license) { $.removeSpinner('license' + num); this.responseCache[license] = result['parse']['text']['*']; this.showPreview(this.responseCache[license]); },

'showPreview': function (preview) { var previewPanel = document.getElementById('mw-license-preview' + num); if (previewPanel.innerHTML != preview) previewPanel.innerHTML = preview; }

};			// We might show a preview UploadLicenseObj.fetchPreview(selection); };		var wpLicense = document.getElementById('license' + num);

if (wpLicense) { // License selector check wpLicense.onchange = licenseSelectorCheck;

// License selector table row var wpLicenseRow = wpLicense.parentNode.parentNode; var wpLicenseTbody = wpLicenseRow.parentNode;

var row = document.createElement('tr'); var td = document.createElement('td'); row.appendChild(td); td = document.createElement('td'); td.id = 'mw-license-preview' + num; row.appendChild(td);

wpLicenseTbody.insertBefore(row, wpLicenseRow.nextSibling); }	}	// load protections if (window.MultiUploadLoaded ||		config.wgUserName === null ||		!/autoconfirmed/.test(groups)) { return; }	window.MultiUploadLoaded = true; var storage = 'MultiUploadLicenses'; var content = $('#mw-content-text'); var allowTypes = $.map(mw.config.get("wgFileExtensions"), function (file_extensions) {		return ('.' + file_extensions)	});

var style = { block: { display: 'inline-block', margin: '0 8px' },		textarea: { width: '100%', height: 150, boxSizing: 'border-box', resize: 'none' }	};

function loadMWMessagesIfMissing(messages) { var deferred = $.Deferred, missingMessages = messages.filter(function (message) {				return !mw.messages.exists(message);			}); if (!missingMessages.length) { deferred.resolve; } else { $.get(mw.util.wikiScript('api'), {				format: 'json',				action: 'query',				meta: 'allmessages',				ammessages: missingMessages.join('|'),				amlang: config.wgUserLanguage			}).then(function (data) {				if ($.isArray(data.query.allmessages)) {					$.each(data.query.allmessages, function (_, message) { if (message.missing !== '') { mw.messages.set(message.name, message['*']); }					});				}				deferred.resolve;			}, function {				// Silently swallow failures; we don't want error reporting to stall just because we failed to fetch some messages.				deferred.resolve;			}); }		return deferred; }

MultiUpload = { input: $, // available on init editor: $, // available on init button: $, // available on init fileCount: 0, // available on create preload: function (load) { $.extend(this, window.MultiUploadoption || {}); this.load = load;

// creates Special page if (				(config.wgNamespaceNumber === -1 && config.wgTitle === 'MultiUpload') ||				(config.wgCanonicalSpecialPageName === 'Blankpage' && /MultiUpload/.test($.getUrlVar('blankspecial')))			) { $('#firstHeading').text('Multi Upload'); $('title').text('Multi Upload'); this.init; }		},		init: function { content.empty.append([				$(' ', { id: 'fileinput', type: 'file', multiple: true, accept: allowTypes.join, }),				$(' ', {					id: 'editor', css: { display: 'none' },				}),				$(' ', {					id: 'go', text: 'Update the form', click: $.proxy(this.getLicenses, this) })			]);			this.input = $('#fileinput'); this.editor = $('#editor'); this.button = $('#go'); },		notify: function (message, type) { mw.notify(message, { type: type } ); },		getLicenses: function { var data = localStorage.getItem(storage); if (data !== null) { this.create(data); if (window.enableLicensePreview !== false) { var limit = this.max < this.fileCount ? this.max : this.fileCount; for (i = 1; i <= limit; i++) { getLicensePreview(i); }				}				return;

}

$.get(mw.util.wikiScript('api'), {				action: 'query',				meta: 'allmessages',				ammessages: 'Licenses',				format: 'json'			}).done(				$.proxy(this.create, this)			).fail($.proxy(function (data) { this.notify('Api Error : ' + data.error.info, 'error'); }), this); },		create: function (data) { // conditions var formatError = false; this.fileCount = this.input[0].files.length;

$(this.input[0].files).each(function (i, file) {				if (!new RegExp(allowTypes.join('|\\'), 'i').test(file.name)) {					formatError = true;					return;				}			}); if (formatError) { this.notify('Unsupported file format', 'warn'); return; }			if (!this.input[0].files) { this.notify('This browser doesn&#39;t seem to support the `files` property of file inputs.', 'notify'); return; }			if (this.fileCount === 0) { this.notify('You have to choose a file to upload it', 'warn'); return; }			if (!this.max ||				this.max < 0 ||				this.max > 101 ||				typeof this.max !== 'number') { if (/bureaucrat|bot/.test(groups)) { this.max = 70; } else if (/sysop/.test(groups)) { this.max = 50; } else if (/rollback/.test(groups)) { this.max = 30; } else { this.max = 20; }			}			if (!this.max) { this.notify('A problem occurred, upload cancelled', 'error'); return; }

// creates form data = typeof data === 'object' ? data.query.allmessages[0]['*'].trim : data; localStorage.setItem(storage, data); // retrieves licenses 1 time only var licenses = data.split('\n'); var limit = this.max < this.fileCount ? this.max : this.fileCount; for (i = 1; i <= limit; i++) { $(' ', {					id: 'field' + i,					appendTo: this.editor,					append: [						$(' ', { text: 'File n° ' + i						}),						$(' ', { css: style.block, text: 'Name:', append: $(' ', {								type: 'text',								id: 'imagename' + i,								'class': 'imagename',								val: this.input[0].files[i - 1].name							}) }),						$(' ', {							css: style.block, text: 'License:', append: $(' ', {								id: 'license' + i,								'class': 'license',								append: $(' ', { val: 'none', text: 'None selected' })							})						}),

$(' ', {							id: 'progress' + i,							css: style.block						}), ]

});

}			for (i = 0; i < licenses.length; i++) { if (licenses[i].indexOf('**') === 0) { var name = licenses[i].split('|')[0].replace('**', '').trim, text = licenses[i].split('|')[1]; $(' ', {						val: name,						text: text,						selected: name == this.defaultlicense,						appendTo: $('.license').find('optgroup:last-child')					}); } else { $(' ', {						label: licenses[i].replace('*', '').trim,						appendTo: $('.license')					}); }			}			$(' ', {					appendTo: this.editor,					text: 'Summaries:'				}), $(' ', {					appendTo: this.editor,					id: 'UploadDescription',					css: style.textarea,				}) $('.license option[value="none"').attr("disabled", "true"); $(' ', {					'class': 'secondary',					id: 'reset',					css: style.block,					text: 'Reset the form',					click: $.proxy(this.init, this),					appendTo: content				}), $(' ', {					type: 'checkbox',					id: 'ignorewarnings',					name: 'ignorewarnings',					appendTo: content				}), $(' ', {					'for': 'ignorewarnings',					text: 'Ignore warnings',					appendTo: content				}); jQuery(function ($) {				'use strict';

if (this.defaultDescription) { if ($('#UploadDescription').val) { return; }					var params = { action: 'parse', page: this.defaultDescription, format: 'json', prop: 'wikitext' };					var api = new mw.Api;

api.get(params).done(function (data) {						$('#UploadDescription').val(data.parse.wikitext['*']);					}); }				$('.license option[value="none"]').attr("disabled", "true"); });

license = $('#license' + i).find('option:selected').val,

this.input.attr('disabled', true); this.editor.show; this.button .unbind('click') .click($.proxy(this.upload, this)) .text('Upload All'); },		upload: function { content.find('*').attr('disabled', true); $('#reset').removeAttr('disabled');

var obj = this;

var loop = function (i) { if (i <= obj.fileCount) { var file = obj.input[0].files[i - 1], filename = $('#imagename' + i).val || file.name, license = $('#license' + i).find('option:selected').val, text = $('#UploadDescription').val; if (license == "none" && this.requireLicensing === true) { alert('Licensing must be complete.'); $('*').removeAttr('disabled'); return; }

if (license !== "none") text = '== Summary ==\n' + text + '\n\n== Licensing ==\n\n'; obj.uploadFile(file, filename, text, i).always(function {						loop(i + 1);					}); }			};			loop(1); },		uploadFile: function (fileToUpload, fileName, text, index) { // https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects formdata = new FormData; formdata.append('action', 'upload'); formdata.append('format', 'json'); formdata.append('filename', fileName); formdata.append('token', mw.user.tokens.get('csrfToken')); formdata.append('file', fileToUpload); formdata.append('text', text); formdata.append(				$('#ignorewarnings').prop('checked') ? 'ignorewarnings' : , 			);

// https://stackoverflow.com/a/8244082 return $.ajax({				url: mw.util.wikiScript('api'),				contentType: false,				processData: false,				type: 'POST',				data: formdata,				dataType: 'json',				xhr: function { // https://stackoverflow.com/a/27030092					myXhr = $.ajaxSettings.xhr;					myXhr.upload.addEventListener('progress', function (e) { MultiUpload.progress(index, e); });					return myXhr;				},				success: $.proxy(function (data) { this.success(index, data); }, this),				error: $.proxy(function (_, __, error) { this.notify(error, 'error'); }, this)			}); },		progress: function (index, e) { var progress = e.loaded / e.total * 100; $('#progress' + index).text(progress.toFixed(0) + '%'); },		success: function (index, data) { // Error if (data.error) { var errorInfo, errorDetails;

function displayError { $('#progress' + index).html([						$(' ').text(errorInfo),						(errorDetails === undefined) ? null : $(' '),						(errorDetails === undefined) ? null : $(' ').text(errorDetails)					]); }

// Excluding variants of `unknownerror`, we're going to ignore `error.info` since it mightn't be localized. if (data.error.code.startsWith('unknownerror')) { errorInfo = data.error.info; displayError; } else { var messages = [data.error.code]; if (data.error.code === 'verification-error') { messages.push(data.error.details[0]); }					loadMWMessagesIfMissing(messages).then(function {						errorInfo = mw.msg(data.error.code);						if (data.error.code === 'verification-error') {							errorDetails = mw.msg.apply(null, data.error.details);						} else if (data.error.code === 'hookaborted') {							errorDetails = data.error.error; // TODO: Determine whether it's safe to assume this'll always be properly escaped HTML.						}						displayError;					}); }				return; }

// Success if (data.upload.result === 'Success') { $('#progress' + index).text('File uploaded successfully.'); return; }

// Warnings var msg; if (data.upload.warnings.hasOwnProperty('was-deleted')) { msg = 'Deleted file'; } else if (data.upload.warnings.hasOwnProperty('duplicate')) { msg = 'Duplicated file'; } else if (data.upload.warnings.hasOwnProperty('exists')) { msg = 'Existing file'; } else { msg = 'File uploaded successfully.'; }

$('#progress' + index).text(msg); }	};

$(function (load) {		$.proxy(MultiUpload.preload, MultiUpload);	}); });