User:NeonSpotlight/global.js

/* MultiUpload*/ /** * @name       MultiUpload * @author     Gguigui1, KhangND * @desc       Allows selecting multiple files directly from the dialog box and upload them */ mw.loader.using([   'mediawiki',    'mediawiki.user',    'jquery.client',    'ext.wikia.LinkSuggest' ], function {    var groups  = mw.config.get('wgUserGroups').join,        config = mw.config.get([ 'wgCanonicalSpecialPageName', 'wgNamespaceNumber', 'wgUserName', 'wgTitle' ]);   // 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 = [        '.png', '.gif', '.jpg', '.jpeg', '.ico', '.pdf',        '.svg', '.odt', '.ods', '.odp', '.odg', '.odc',        '.odf', '.odi', '.odm', '.ogg', '.ogv', '.oga'    ];    var style = {        block: {            display: 'inline-block',            margin: '0 8px'        },        textarea: {            width: '100%',            height: 150,            boxSizing: 'border-box',            resize: 'none'        }    };    var MultiUpload = {        input: $,  // available on init        editor: $, // available on init        button: $, // available on init        fileCount: 0,// available on create        preload: function(i18n) {            $.extend(this, window.MultiUploadoption || {});            this.i18n = i18n; // prepends a link in My Tools menu $('', {               'class': 'custom',                prependTo: '#my-tools-menu',                append: $('', { href: mw.util.getUrl('Special:MultiUpload'), text: this.i18n.msg('title').plain })           });            // creates Special page if(               (config.wgNamespaceNumber === -1 && config.wgTitle === 'MultiUpload') ||                (config.wgCanonicalSpecialPageName === 'Blankpage' && /MultiUpload/.test($.getUrlVar('blankspecial')))            ) { $('.page-header__title').text(this.i18n.msg('title').plain); $('title').text(this.i18n.msg('title').plain); this.init; content.after(                   $(' ', { id: 'mu-footer', css: { textAlign: 'center', fontSize: 10, borderTop: '1px solid', marginTop: 10 },                       text: this.i18n.msg('poweredby').plain + ' ', append: $('', {                           href: '//dev.fandom.com/wiki/MultiUpload',                            text: 'MultiUpload'                        }) })               );            }        },        init: function { content.empty.append([               $(' ', { id: 'fileinput', type: 'file', multiple: true, accept: allowTypes.join, }),               $(' ', {                    id: 'editor', css: { display: 'none' }, }),               $(' ', {                    id: 'go', text: this.i18n.msg('update').plain, click: $.proxy(this.getLicenses, this) })           ]);            this.input = $('#fileinput'); this.editor = $('#editor'); this.button = $('#go'); },       notify: function(message, type) { new BannerNotification(message, type, null, 2000).show; },       getLicenses: function { var data = localStorage.getItem(storage); if(data !== null) { this.create(data); return; }           $.get(mw.util.wikiScript('api'), {                action: 'query',                meta: 'allmessages',                ammessages: 'Licenses',                format: 'json'            }).success(                $.proxy(this.create, this)            ).error($.proxy(function(data) { this.notify(this.i18n.msg('errorapi').plain + ' : ' + 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(this.i18n.msg('fileformat').plain, 'warn'); return; }           if (!this.input[0].files) { this.notify(this.i18n.msg('browsersupport').plain, 'notify'); return; }           if (this.fileCount === 0) { this.notify(this.i18n.msg('nofile').plain, 'warn'); return; }           if(!this.max            ||  this.max < 0            ||  this.max > 101            || typeof this.max !== 'number') { this.max = 1000; }           if (!this.max) { this.notify(this.i18n.msg('problem').plain, '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: this.i18n.msg('imagename').plain + ' ' + i                       }),                        $(' ', { css: style.block, text: this.i18n.msg('filename').plain, append: $(' ', {                               type: 'text',                                id: 'imagename' + i,                                'class': 'imagename',                                val: this.input[0].files[i - 1].name                            }) }),                       $(' ', {                            css: style.block, text: this.i18n.msg('licensetext').plain, append: $(' ', {                               id: 'licence' + i,                                'class': 'licence',                                append: $(' ', { val: 'none', text: this.i18n.msg('nolicence').plain })                           })                        }),                        $(' ', {                            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.defaultlicence,                        appendTo: $('.licence').find('optgroup:last-child')                    }); } else { $(' ', {                       label: licenses[i].replace('*', '').trim,                        appendTo: $('.licence')                    }); }           }            $(' ', {                appendTo: this.editor,                text: this.i18n.msg('filedescription').plain            }), $(' ', {               appendTo: this.editor,                id: 'UploadDescription',                css: style.textarea,            }).linksuggest; $(' ', {               'class': 'secondary',                id: 'reset',                css: style.block,                text: this.i18n.msg('reset').plain,                click: $.proxy(this.init, this),                appendTo: content            }), $(' ', {               type: 'checkbox',                id: 'ignorewarnings',                name: 'ignorewarnings',                appendTo: content            }), $(' ', {               'for': 'ignorewarnings',                text: this.i18n.msg('ignorewarnings').plain,                appendTo: content            }); this.input.attr('disabled', true); this.editor.show; this.button .unbind('click') .click($.proxy(this.upload, this)) .text(this.i18n.msg('uploadfiles').plain); },       upload: function { content.find('*').attr('disabled', true); $('#reset').removeAttr('disabled'); for (i = 1; i <= this.fileCount; i++) { var file = this.input[0].files[i - 1], filename = $('#imagename' + i).val || file.name, licence = $('#licence' + i).find('option:selected').val, text = $('#UploadDescription').val; if(licence !== "none") text = '\n' + text; this.uploadFile(file, filename, text, i); }       },        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('editToken')); formdata.append('file', fileToUpload); formdata.append('text', text); formdata.append(               $('#ignorewarnings').prop('checked') ? 'ignorewarnings' : ,             ); // https://stackoverflow.com/a/8244082 $.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) { // Success if(data.upload.result === 'Success') { $('#progress' + index).text(this.i18n.msg('success').plain); return; }           // Warnings var msg; if(data.upload.warnings.hasOwnProperty('was-deleted')) { msg = this.i18n.msg('deleted').plain; } else if(data.upload.warnings.hasOwnProperty('duplicate')) { msg = this.i18n.msg('duplicate').plain; } else if(data.upload.warnings.hasOwnProperty('exists')) { msg = this.i18n.msg('exist').plain; } else { msg = this.i18n.msg('success').plain; }           $('#progress' + index).text(msg); }   };    mw.hook('dev.i18n').add(function(i18n) {        i18n.loadMessages('MultiUpload').then( $.proxy(MultiUpload.preload, MultiUpload) );   });    importArticle({        type: 'script',        article: 'u:dev:MediaWiki:I18n-js/code.js'    }); });