View source for User:Raltseye/common.js

/*!
 * Copyright (c) 2012 Jeff Bradford (User:Mathmagician)
 * 
 * The above copyright notice and this permission notice shall be included in all copies or
 * substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING
 * BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
 * DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
 /*jshint noempty:true, eqeqeq:true, bitwise:true, strict:true, undef:true, unused:true, curly:true, browser:true, laxbreak:true, jquery:true */
 /*global mediaWiki */
(function ($, mw, window, undefined) {
	"use strict";
 
    function ListFiles() {
 
	// private properties
	var baseURL, url, urlParameters, query, displayParameters,
		$container, $aifrom, $aito, $ascending, $descending, $aiprefix, $aiminsize, $aimaxsize, $ailimit, $query;
 
	/**
	 * Typical element of the 'query' array:
	 *
	 * descriptionurl: "https://mathmagician.wikia.com/wiki/File:100px-Main_buildings.png"
	 * height: 52
	 * mime: "image/png"
	 * name: "100px-Main_buildings.png"
	 * ns: 6
	 * size: 5039
	 * timestamp: "2012-09-18T01:07:21Z"
	 * title: "File:100px-Main buildings.png"
	 * url: "https://images.wikia.com/mathmagician/images/3/37/100px-Main_buildings.png"
	 * user: "Surriela"
	 * width: 100
	*/
 
	// returns approximate file size rounded to 2 decimal places: e.g. 100000 -> 97.66 KB
	function getApproxSize(num) {
		if (num < 1024) {
			return (num + ' B');
		}
		num = num / 1024;
		if (num < 1024) {
			return ((Math.round(num * 100) / 100) + ' KB');
		}
		num = num / 1024;
		return ((Math.round(num * 100) / 100) + ' MB');
	}
 
	// sets the URL used by query (format=json not appended)
	function setURL() {
		url = baseURL;
		for (var p in urlParameters) {
			url += '&' + p + '=' + urlParameters[p];
		}
		var	link = '<a id="qo-url" href="' + url + '">' + url + '</a>';
		$('#qo-url').replaceWith(link);
	}
 
	// API callback, processes data and builds results to display
	function apiCall(data) {
		try {
			// get query
			query = data.query && data.query.allimages;
			if (!$.isArray(query)) {
				query = [];
			}
			var length = query.length;
 
			// save last filename to populate aifrom
			if (length !== 0) {
				var lastFilename = query[length - 1].name;
			}
 
			// build results to display
			rebuildResults();
 
			// re-enable query button and populate aifrom after 3 seconds
			window.setTimeout(function () {
				if (length !== 0) {
					$('#qo-aifrom').val(lastFilename);
					urlParameters.aifrom = lastFilename;
					setURL();
				}
				$('#qo-query').removeAttr('disabled');
			}, 2000);
		} catch (e) {
			window.console.log('Unhandled exception in apiCall():', e);
			$('#qo-query').removeAttr('disabled');
			window.alert(e);
		}
	}
 
	// sort query array, must specify property and direction
	function sortQueryByProperty(property, direction) {
		query.sort(function (a, b) {
			if (a[property] === b[property]) {
				return 0;
			} else if (a[property] < b[property]) {
				return direction;
			} else {
				return direction * -1;
			}
		});
	}
 
	// show sorting table or sorting textarea after a query
	function rebuildResults() {
		try {
			// show results counter
			var message;
			if (query.length === 0) {
				message = 'There are no API query results available for display.';
			} else if (query.length === 1) {
				message = 'Currently displaying 1 result returned from API query.';
			} else {
				message = 'Currently displaying ' + query.length + ' results returned from API query.';
			}
			var div = '<div id="results-counter">' + message + '</div>';
			$('#results-counter').remove();
			$('#d-table').after(div);
 
			// sort the query array
			sortQueryByProperty(displayParameters.sortingProperty, displayParameters.sortingDirection);
 
			// rebuild either textarea or table
			if (displayParameters.rawtext) {
				rebuildDisplayTextarea();
			} else {
				rebuildDisplayTable();
			}
		} catch (e) {
			window.console.log('Unhandled exception in rebuildResults():', e);
			window.alert(e);
		}
	}
 
	// rebuilds the sorting table using current 'displayParameters' and 'query'
	function rebuildDisplayTable() {
		// Sorting Table
		var sortingTable = '<table id="s-table" class="wikitable"><tbody>',
			sortingRows = [],
			filenameJoiner = '">',
			length = query.length,
			i;
 
		// filenames
		if (displayParameters.filensprefix) {
			filenameJoiner = '">File:';
		}
		i = -1;
		while (++i < length) {
			sortingRows[i] = '<tr><td><a class="s-table-filename-a" data-width="' + query[i].width + '" data-height="' + query[i].height + '" data-url="' + query[i].url + '" href="' + query[i].descriptionurl + filenameJoiner + query[i].name + '</a></td>';
		}
		sortingRows[length] = '<tr><th>Filename</th>';
 
		// timestamps
		if (displayParameters.timestamp) {
			i = -1;
			while (++i < length) {
				sortingRows[i] += '<td>' + query[i].timestamp + '</td>';
			}
			sortingRows[length] += '<th>Timestamp</th>';
		}
 
		// uploaders
		if (displayParameters.user) {
			i = -1;
			while (++i < length) {
				sortingRows[i] += '<td><a href="/wiki/Special:ListFiles/' + window.encodeURIComponent(query[i].user.replace(/ /g, '_')) + '" title="Show all images uploaded by this user">' + query[i].user + '</a></td>';
			}
			sortingRows[length] += '<th>Uploader</th>';
		}
 
		// mime type
		if (displayParameters.mime) {
			i = -1;
			while (++i < length) {
				sortingRows[i] += '<td>' + query[i].mime + '</td>';
			}
			sortingRows[length] += '<th>MIME type</th>';
		}
 
		// file size
		if (displayParameters.size) {
			i = -1;
			if (displayParameters.approxsize) {
				while (++i < length) {
					sortingRows[i] += '<td>' + getApproxSize(query[i].size) + '</td>';
				}
			} else {
				while (++i < length) {
					sortingRows[i] += '<td>' + query[i].size + '</td>';
				}
			}
			sortingRows[length] += '<th>Size (bytes)</th>';
		}
 
		// width
		if (displayParameters.width) {
			i = -1;
			while (++i < length) {
				sortingRows[i] += '<td>' + query[i].width + '</td>';
			}
			sortingRows[length] += '<th>Width (px)</th>';
		}
 
		// height
		if (displayParameters.height) {
			i = -1;
			while (++i < length) {
				sortingRows[i] += '<td>' + query[i].height + '</td>';
			}
			sortingRows[length] += '<th>Height (px)</th>';
		}
 
		// populate the table
		i = -1;
		sortingTable += sortingRows[length] + '</tr>';
		while (++i < length) {
			sortingTable += sortingRows[i] + '</tr>';
		}
		sortingTable += '</tbody></table>';
 
		// insert table into the document
		$('#s-table, #s-textarea').remove();
		$('#results-counter').after(sortingTable);
 
		// Event handling for hover image preview
		$('.s-table-filename-a').parent()
		.mouseover(function () {
			var $a = $(this).children('a'),
				width = $a.attr('data-width'),
				height = $a.attr('data-height'),
				url = $a.attr('data-url');
			var preview = '<img id="s-image-hover-preview" width="30%" src="' + url + '" style="background-color: black;border-radius: 10px;border: 5px solid black;left: 35%;opacity: 1;padding: 1px;position: fixed;top: 10%;z-index: 2000000;"/>';
			$(document.body).append(preview);
			$container.css('opacity', '.75');
		})
		.mouseout(function () {
			$container.css('opacity', '1');
			$('#s-image-hover-preview').remove();
		});
	}
 
	// rebuilds the sorting textarea using current 'displayParameters' and 'query'
	function rebuildDisplayTextarea() {
		var separator = displayParameters.rawtextSeparator;
 
		// Sorting textarea
		var $textarea = $('<textarea id="s-textarea" wrap="off"></textarea>');
 
		// populate the textarea
		var str = '';
		for (var i = 0, len = query.length; i < len; i++) {
			var q = query[i];
			if (displayParameters.filensprefix) {
				str += ('File:' + q.name);
			} else {
				str += q.name;
			}
			if (displayParameters.timestamp) {
				str += (separator + q.timestamp);
			}
			if (displayParameters.user) {
				str += (separator + q.user);
			}
			if (displayParameters.mime) {
				str += (separator + q.mime);
			}
			if (displayParameters.size) {
				if (displayParameters.approxsize) {
					str += (separator + getApproxSize(q.size));
				} else {
					str += (separator + q.size);
				}
			}
			if (displayParameters.width) {
				str += (separator + q.width);
			}
			if (displayParameters.height) {
				str += (separator + q.height);
			}
			str += '\n';
		}
		$textarea.css('height', (((query.length + 2) * 10) + 'px')).val(str);
 
		// insert table into the document
		$('#s-table, #s-textarea').remove();
		$('#results-counter').after($textarea);
	}
 
	// function that initializes the entire script on pageload
	function initListFilesForm() {
		// set container
		$container = $('#ListFiles-container');
 
		// do nothing if container doesn't exist
		if ($container.length === 0) {
			var index = mw.config.get('wgPageName').indexOf('ListFiles');
			var wgNamespaceNumber = mw.config.get('wgNamespaceNumber');
			if ((index !== -1) && (wgNamespaceNumber === 2 || wgNamespaceNumber === 4)) {
				$container = $('#mw-content-text');
			} else {
				return;
			}
		}
 
		// remove old stylesheet and interface
		$('#ListFiles-stylesheet').remove();
		$container.children().remove();
		$container.text('');
 
		// create stylesheet
		var qostyle = '#settings-save,#settings-reset{margin-left:100px;}#settings-save a, #settings-reset a{cursor:pointer;}#qo-table{width:100%;margin-top:30px;}#qo-table input[type="text"],#qo-table div{width:99%;}#qo-table label{font-family:monospace;}#qo-title{font-size:150%;}#qo-table td{padding:5px;width:33%;}#qo-descending{margin-left:10px;}#qo-query{float:right;}#qo-inner-table td{border:0;}';
 
		var dstyle = '#d-table{width:100%;margin-top:30px;}#d-title{font-size:150%;}#d-table td{padding:5px 5px 5px 25px;}.margin-left-20,.d-radio,#d-sorting-property{margin-left:20px;}';
 
		var sstyle = '#results-counter{margin-top:30px;width:100%;text-align:center;font-weight:bold;}#s-table{table-layout:fixed;width:100%;margin-top:30px;word-wrap:break-word;}#s-textarea{width:99%;margin-top:30px;white-space:nowrap;overflow-x:auto;overflow-y:auto;}';
 
		$(document.head).append(('<style id="ListFiles-stylesheet">'
			+ '#WikiaMainContent{width:1010px;}.WikiaRail{display:none;}' + qostyle + dstyle + sstyle + '</style>'));
 
		// initialize private properties: query, baseURL, urlParameters and displayParameters
		query = [];
		baseURL = mw.config.get('wgServer') + '/api.php?action=query&list=allimages';
		initURLandDisplayParams();
 
		// Dev Info: script-dev-div
		var devInfo = '<div id="script-dev-div"><a href="https://dev.wikia.com/wiki/ListFiles" '
			+ 'title="Read about this script">w:c:dev:ListFiles</a>';
		if (window.localStorage) {
			devInfo += ('<span id="settings-save">[<a title="Saves your settings to local storage">Save current settings</a>]</span>'
				+ '<span id="settings-reset">[<a title="Resets all settings back to their default values">Reset to default settings</a>]</span>');
		}
		devInfo += '</div>';
 
		// Query Options: qo-table
		var queryOptions = '<table id="qo-table" class="wikitable" data-expandtext="Show" data-collapsetext="Hide"><tbody>'
			+ '<tr><th colspan="3"><span id="qo-title">Query Options</span></th></tr>'
			+ '<tr><td><label>aifrom</label> - start file enumeration at (alphabetic)'
			+ '<input id="qo-aifrom" type="text" placeholder="Filename1.png" /></td>'
			+ '<td><label>aito</label> - end file enumeration at (alphabetic)'
			+ '<input id="qo-aito" type="text" placeholder="Filename2.jpg" /></td>'
			+ '<td><label>aidir</label> - direction to enumerate (alphabetic)<div>'
			+ '<label><input id="qo-ascending" type="radio" />ascending</label>'
			+ '<label><input id="qo-descending" type="radio" />descending</label>'
			+ '</div></td></tr><tr><td><label>aiprefix</label> - restrict search to files with prefix'
			+ '<input id="qo-aiprefix" type="text" placeholder="prefix" /></td>'
			+ '<td colspan="2" style="padding:0;"><table id="qo-inner-table"><tr><td>'
			+ '<label>aiminsize</label> - minimum file size'
			+ '<input id="qo-aiminsize" type="text" placeholder="number (bytes)" /></td><td>'
			+ '<label>aimaxsize</label> - maximum file size'
			+ '<input id="qo-aimaxsize" type="text" placeholder="number (bytes)" /></td><td>'
			+ '<label>ailimit</label> - max number of files<br /><select id="qo-ailimit">'
			+ '<option value="50">50</option><option value="100">100</option><option value="250">250</option>'
			+ '<option value="500">500 (user max)</option><option value="1000">1000</option><option value="2500">2500</option>'
			+ '<option value="5000">5000 (bot max)</option></select></td></tr></table></td></tr>'
			+ '<tr><td colspan="3"><div><a id="qo-url"></a><button id="qo-query">Query</button></div></td></tr>'
			+ '</tbody></table>';
 
		// Display Options: d-table
		var displayOptions = '<table id="d-table" class="wikitable" data-expandtext="Show" data-collapsetext="Hide"><tbody>'
			+ '<tr><th colspan="3"><span id="d-title">Display Options</span></th></tr>'
			+ '<tr><td>File information to display</td><td colspan="2">'
			+ '<label><input dparam="timestamp" class="d-checkbox" type="checkbox" />Timestamp</label>'
			+ '<label><input dparam="user" class="d-checkbox margin-left-20" type="checkbox" />Uploader</label>'
			+ '<label><input dparam="mime" class="d-checkbox margin-left-20" type="checkbox" />MIME type</label>'
			+ '<label><input dparam="size" class="d-checkbox margin-left-20" type="checkbox" />File size</label>'
			+ '<label><input dparam="width" class="d-checkbox margin-left-20" type="checkbox" />Width</label>'
			+ '<label><input dparam="height" class="d-checkbox margin-left-20" type="checkbox" />Height</label></td></tr>'
			+ '<tr><td>Sorting Algorithm</td><td>Sorting direction:'
			+ '<label><input id="d-ascending" class="d-radio" type="radio" />Ascending</label>'
			+ '<label><input id="d-descending" class="d-radio" type="radio" />Descending</label></td>'
			+ '<td>Sorting property:'
			+ '<select id="d-sorting-property"><option value="name">Filename</option><option value="timestamp">Timestamp</option>'
			+ '<option value="user">Uploader</option><option value="mime">MIME type</option>'
			+ '<option value="size">Size</option><option value="width">Width</option><option value="height">Height</option>'
			+ '</select></td></tr><tr><td colspan="3">'
			+ '<label><input dparam="rawtext" class="d-checkbox" type="checkbox" />Display results as raw text</label>'
			+ '<label><input dparam="filensprefix" class="d-checkbox margin-left-20" type="checkbox" />Show File: prefix for filenames</label>'
			+ '<label><input dparam="approxsize" class="d-checkbox margin-left-20" type="checkbox" />Show file size in KB or MB</label>'
			+ '</td></tr></tbody></table>';
 
		// insert HTML into the document
		$container.append(devInfo + queryOptions + displayOptions);
 
		// set private properties: jQuery objects for attaching event handlers
		$aifrom = $('#qo-aifrom');
		$aito = $('#qo-aito');
		$ascending = $('#qo-ascending');
		$descending = $('#qo-descending');
		$aiprefix = $('#qo-aiprefix');
		$aiminsize = $('#qo-aiminsize');
		$aimaxsize = $('#qo-aimaxsize');
		$ailimit = $('#qo-ailimit');
		$query = $('#qo-query');
 
		// finish setting form state
		//$('#qo-table, #d-table').makeCollapsible();
		initSavedFormState();
		rebuildResults();
 
		// initialize events
		initQueryEvents();
		initDisplayEvents();
	}
 
	// if purgeLocalStorage, deletes urlParameters and displayParameters from
	// local storage and sets them to their default values.
	// Otherwise, initializes urlParameters and displayParameters
	// to values in localStorage.
	function initURLandDisplayParams(purgeLocalStorage) {
		var u, d;
		if (purgeLocalStorage && window.localStorage) {
			window.localStorage.removeItem('ListFiles-urlParameters');
			window.localStorage.removeItem('ListFiles-displayParameters');
		} else if (window.localStorage) {
			u = window.localStorage.getItem('ListFiles-urlParameters');
			d = window.localStorage.getItem('ListFiles-displayParameters');
		}
 
		// initialize urlParameters
		if (u) {
			urlParameters = JSON.parse(u);
		} else {
			urlParameters = {
				ailimit: 100,
				aiprop: 'timestamp|user|url|size|mime'
			};
		}
 
		// initialize displayParameters
		if (d) {
			displayParameters = JSON.parse(d);
		} else {
			displayParameters = {
				timestamp: 'checked',
				user: 'checked',
				mime: 'checked',
				size: 'checked',
				width: 'checked',
				height: 'checked',
				rawtextSeparator: '\t',
				sortingDirection: -1,
				sortingProperty: 'name'
			};
		}
	}
 
	// initializes form state from the current urlParameters and displayParameters
	function initSavedFormState() {
		// Set form to using current urlParameters
		if (urlParameters.aidir) {
			$descending.attr('checked', 'checked');
			$ascending.removeAttr('checked');
		} else {
			$ascending.attr('checked', 'checked');
			$descending.removeAttr('checked');
		}
		$ailimit.children().removeAttr('selected');
		$ailimit.children(('[value="' + urlParameters.ailimit + '"]')).attr('selected', 'selected');
		$aifrom.val((urlParameters.aifrom || ''));
		$aito.val((urlParameters.aito || ''));
		$aiprefix.val((urlParameters.aiprefix || ''));
		$aiminsize.val((urlParameters.aiminsize || ''));
		$aimaxsize.val((urlParameters.aimaxsize || ''));
		setURL();
 
		// Set form to using current displayParameters
		$('.d-checkbox').each(function () {
			var $this = $(this);
			var dparam = $this.attr('dparam');
			if (displayParameters[dparam]) {
				$this.attr('checked', 'checked');
			} else {
				$this.removeAttr('checked');
			}
		});
		if (displayParameters.sortingDirection === -1) {
			$('#d-ascending').attr('checked', 'checked');
			$('#d-descending').removeAttr('checked');
		} else {
			$('#d-descending').attr('checked', 'checked');
			$('#d-ascending').removeAttr('checked');
		}
		$('#d-sorting-property').children().removeAttr('selected');
		$('#d-sorting-property').children(('[value="' + displayParameters.sortingDirection + '"]')).attr('selected', 'selected');
	}
 
	// initializes event handlers for Query Options after the form has been constructed
	function initQueryEvents() {
		// Event handling for settings save link
		$('#settings-save').click(function () {
			window.localStorage.setItem('ListFiles-urlParameters', JSON.stringify(urlParameters));
			window.localStorage.setItem('ListFiles-displayParameters', JSON.stringify(displayParameters));
		});
 
		// Event handling for settings reset link
		$('#settings-reset').click(function () {
			initURLandDisplayParams(true);
			initSavedFormState();
			rebuildResults();
		});
 
		// Event handling for aidir radio buttons
		$ascending.change(function () {
			$descending.attr('checked', false);
			delete urlParameters.aidir;
			setURL();
		});
		$descending.change(function () {
			$ascending.attr('checked', false);
			urlParameters.aidir = "descending";
			setURL();
		});
 
		// Event handling for aifrom
		$aifrom.change(function () {
			var temp = $(this).val();
			if (temp.length > 0) {
				urlParameters.aifrom = window.encodeURIComponent(temp.replace(/ /g, '_'));
			} else {
				delete urlParameters.aifrom;
			}
			setURL();
		});
 
		// Event handling for aito
		$aito.change(function () {
			var temp = $(this).val();
			if (temp.length > 0) {
				urlParameters.aito = window.encodeURIComponent(temp.replace(/ /g, '_'));
			} else {
				delete urlParameters.aito;
			}
			setURL();
		});
 
		// Event handling for aiprefix
		$aiprefix.change(function () {
			var temp = $(this).val();
			if (temp.length > 0) {
				urlParameters.aiprefix = window.encodeURIComponent(temp.replace(/ /g, '_'));
			} else {
				delete urlParameters.aiprefix;
			}
			setURL();
		});
 
		// Event handling for aiminsize
		$aiminsize.change(function () {
			var temp = window.parseInt($(this).val());
			if (window.isNaN(temp) || typeof temp !== "number") {
				delete urlParameters.aiminsize;
			} else {
				urlParameters.aiminsize = temp;
			}
			setURL();
		});
 
		// Event handling for aimaxsize
		$aimaxsize.change(function () {
			var temp = window.parseInt($(this).val());
			if (window.isNaN(temp) || typeof temp !== "number") {
				delete urlParameters.aimaxsize;
			} else {
				urlParameters.aimaxsize = temp;
			}
			setURL();
		});
 
		// Event handling for ailimit dropdown
		$ailimit.change(function () {
			var temp = window.parseInt($(this).val());
			if (window.isNaN(temp) || typeof temp !== "number") {
				delete urlParameters.ailimit;
			} else {
				urlParameters.ailimit = temp;
			}
			setURL();
		});
 
		// Event handling for query button
		$query.click(function () {
			$(this).attr('disabled', 'disabled');
			$.getJSON((url + '&format=json'), apiCall);
		});
	}
 
	// initializes event handlers for Display Options after the form has been constructed
	function initDisplayEvents() {
		// Event handling for sorting direction radio buttons
		$('#d-ascending').change(function () {
			$('#d-descending').attr('checked', false);
			displayParameters.sortingDirection = -1;
			rebuildResults();
		});
		$('#d-descending').change(function () {
			$('#d-ascending').attr('checked', false);
			displayParameters.sortingDirection = 1;
			rebuildResults();
		});
 
		// Event handling for sorting property dropdown
		$('#d-sorting-property').change(function () {
			displayParameters.sortingProperty = $(this).children(':selected').attr('value');
			rebuildResults();
		});
 
		// Event handling for all display checkboxes
		$('.d-checkbox').change(function () {
			var $this = $(this);
			var dparam = $this.attr('dparam');
			if ($this.is(':checked')) {
				// action to take if checked
				displayParameters[dparam] = 'checked';
 
				// get rawtextSeparator if applicable
				if (dparam === 'rawtext') {
					displayParameters.rawtextSeparator = window.prompt('When results are concatenated in raw text, they are separated by a certain string or character. Please choose your separator string. Note: the default separator is a single \'tab\' character.', '\t');
				}
			} else {
				// action to take if NOT checked
				delete displayParameters[dparam];
			}
			rebuildResults();
		});
	}
 
	// returns filename (a.href)
	function getFile ($a) {
        if (!($a instanceof jQuery)) {
            $a = $($a);
        }
        return decodeURIComponent(new mw.Uri($a.attr('href')).path.slice(6));
	}
 
	// Main form initialization sequence
	if (mw.config.get('wgAction') !== 'edit') {
		$(initListFilesForm);
	}
 
	var wgCanonicalSpecialPageName = mw.config.get('wgCanonicalSpecialPageName');
	// Special:ListFiles modification - adds a raw list of filenames uploaded by given user
	if (wgCanonicalSpecialPageName === "Listfiles") {
		$(function () {
			var filenames = "",
				count = 0,
				$table = $('.listfiles'),
				$tr;
 
			// set filenames
			$table.find('.TablePager_col_img_name').each(function () {
				filenames += getFile($(this).children('a:first')) + "\n";
				count++;
			});
			$tr = $('<tr id="filenames-list-tr"><td colspan="6" style="text-align:center; padding:10px;">Here is a raw list of the ' + count + ' filename(s) currently shown on this page, provided by the <a title="w:c:dev:ListFiles" href="https://dev.wikia.com/wiki/ListFiles">ListFiles</a> script on the Fandom Open Source Library.<br /><textarea id="filenames-list-textarea" style="width:95%; height:150px;"></textarea></td></tr>');
			$tr.find('#filenames-list-textarea').val(filenames);
 
			// insert new table row
			$('#filenames-list-tr').remove(); // prevent duplicates
			$table.children('tbody').prepend($tr);
		});
	} else if (wgCanonicalSpecialPageName === "Unusedimages" || wgCanonicalSpecialPageName === "UnusedVideos" || wgCanonicalSpecialPageName === "Uncategorizedimages") {
	// Special:UnusedFiles, Special:UnusedVideos, Special:UncategorizedImages raw text list
		$(function () {
			var filenames = "",
				count = 0,
				$container;
 
			// set filenames
			$('.gallerytext > a').each(function () {
				filenames += getFile(this) + "\n";
				count++;
			});
			$container = $('<div id="filesnames-list-container"><hr /><p>Here is a raw list of the ' + count + ' filename(s) currently shown on this page, provided by the <a title="w:c:dev:ListFiles" href="https://dev.wikia.com/wiki/ListFiles">ListFiles</a> script on the Fandom Open Source Library.</p><textarea id="filesnames-list-textarea" style="width: 95%; height: 150px"></textarea></div>');
			$container.children('#filesnames-list-textarea').val(filenames);
 
			// insert container
			$('#filesnames-list-container').remove(); // prevent duplicates
			$('.gallery').before($container);
		});
	}
}
    mw.loader.using(['mediawiki.util'], function () {
        $(ListFiles);
 
        // ajaxrc support
        window.ajaxCallAgain = window.ajaxCallAgain || [];
        window.ajaxCallAgain.push(ListFiles);
    });
}(jQuery, mediaWiki, window));