|
|
| Line 1: |
Line 1: |
| − | /*!
| + | {{delete}} |
| − | * 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)); | |
