Mudanças entre as edições de "MediaWiki:Common.js"

De Wiki Gla
Ir para navegação Ir para pesquisar
(573 revisões intermediárias por 6 usuários não estão sendo mostradas)
Linha 1: Linha 1:
/** Upload form rewrite
$(document).ready(function () {
Authors: [[User:Lupo]], March 2008 - 2015
    //------- GLOBAL EVENTS TIMER ---------
* Multiple user script devloapers, 2015 -
    (function () {
        var globalEventsTimer = $('#global-event-time'); // Atualizado: ID do Timer dos Global Events
        var globalEventsImage = $('.global-event-image'); // Atualizado: Classe da Imagem dos Global Events
        var globalEventsInterval;


License: Quadruple licensed GFDL, GPL, LGPL and Creative Commons Attribution 3.0 (CC-BY-3.0)
        // Informações dos eventos
        /*
          0 - Domingo
          1 - Segunda-feira
          2 - Terça-feira
          3 - Quarta-feira
          4 - Quinta-feira
          5 - Sexta-feira
          6 - Sábado
        */
        var globalEventsInfo = {
            0: [
                { name: 'Foxy Memory', time: '02:00:00', src: '/images/3/37/Foxy_memory_event.png' },
                { name: 'Foxy race (ship)', time: '09:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
                { name: 'Deathmatch', time: '12:00:00', src: '/images/4/46/Deathmatch_event.png' },
                { name: 'Foxy race', time: '15:00:00', src: '/images/e/e8/Foxy_race_event.png' },
                { name: 'Foxy quiz', time: '19:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
                { name: 'Foxy count', time: '22:00:00', src: '/images/f/f3/Foxy_count_event.png' },
            ],
            1: [
                { name: 'Foxy Memory', time: '02:00:00', src: '/images/3/37/Foxy_memory_event.png' },
                { name: 'Foxy race (ship)', time: '09:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
                { name: 'Deathmatch', time: '12:00:00', src: '/images/4/46/Deathmatch_event.png' },
                { name: 'Foxy race', time: '15:00:00', src: '/images/e/e8/Foxy_race_event.png' },
                { name: 'Foxy quiz', time: '19:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
                { name: 'Foxy count', time: '22:00:00', src: '/images/f/f3/Foxy_count_event.png' },
            ],
            2: [
                { name: 'Foxy race (ship)', time: '02:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
                { name: 'Deathmatch', time: '09:00:00', src: '/images/4/46/Deathmatch_event.png' },
                { name: 'Foxy race', time: '12:00:00', src: '/images/e/e8/Foxy_race_event.png' },
                { name: 'Foxy quiz', time: '15:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
                { name: 'Foxy count', time: '19:00:00', src: '/images/f/f3/Foxy_count_event.png' },
                { name: 'Foxy Memory', time: '22:00:00', src: '/images/3/37/Foxy_memory_event.png' },
            ],
            3: [
                { name: 'Deathmatch', time: '02:00:00', src: '/images/4/46/Deathmatch_event.png' },
                { name: 'Foxy race', time: '09:00:00', src: '/images/e/e8/Foxy_race_event.png' },
                { name: 'Foxy quiz', time: '12:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
                { name: 'Foxy count', time: '15:00:00', src: '/images/f/f3/Foxy_count_event.png' },
                { name: 'Foxy Memory', time: '19:00:00', src: '/images/3/37/Foxy_memory_event.png' },
                { name: 'Foxy race (ship)', time: '22:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
            ],
            4: [
                { name: 'Foxy race', time: '02:00:00', src: '/images/e/e8/Foxy_race_event.png' },
                { name: 'Foxy quiz', time: '09:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
                { name: 'Foxy count', time: '12:00:00', src: '/images/f/f3/Foxy_count_event.png' },
                { name: 'Foxy Memory', time: '15:00:00', src: '/images/3/37/Foxy_memory_event.png' },
                { name: 'Foxy race (ship)', time: '19:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
                { name: 'Deathmatch', time: '22:00:00', src: '/images/4/46/Deathmatch_event.png' },
            ],
            5: [
                { name: 'Foxy quiz', time: '02:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
                { name: 'Foxy count', time: '09:00:00', src: '/images/f/f3/Foxy_count_event.png' },
                { name: 'Foxy Memory', time: '12:00:00', src: '/images/3/37/Foxy_memory_event.png' },
                { name: 'Foxy race (ship)', time: '15:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
                { name: 'Deathmatch', time: '19:00:00', src: '/images/4/46/Deathmatch_event.png' },
                { name: 'Foxy race', time: '22:00:00', src: '/images/e/e8/Foxy_race_event.png' },
            ],
            6: [
                { name: 'Foxy count', time: '02:00:00', src: '/images/f/f3/Foxy_count_event.png' },
                { name: 'Foxy Memory', time: '09:00:00', src: '/images/3/37/Foxy_memory_event.png' },
                { name: 'Foxy race (ship)', time: '12:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
                { name: 'Deathmatch', time: '15:00:00', src: '/images/4/46/Deathmatch_event.png' },
                { name: 'Foxy race', time: '21:55:00', src: '/images/e/e8/Foxy_race_event.png' },
                { name: 'Foxy quiz', time: '22:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
            ]
        };


Choose whichever license of these you like best :-)
        function pad(value) {
*/
            return value < 10 ? '0' + value : value;
// <nowiki>
        }
/* UFUtils, UFUI, UFHelp, UploadForm are made global */ // UFUI is used by HotCat
/* global jQuery:false, mediaWiki:false, importScript:false */
/* global Buttons, EditTools, LanguageHandler, Tooltip, TextCleaner, UIElements, FormRestorer */
/* global hotcat_set_state, hotcat_close_form, hotcat_get_state */ // by HotCat
/* global wgUploadLicenseObj, wgUploadWarningObj */
/* eslint one-var:0, vars-on-top:0, camelcase:0, no-alert:0, no-console:0, no-bitwise:0, no-new:0, no-eval:0, indent:0, curly:0, */
/* eslint space-in-parens:0, computed-property-spacing:0, array-bracket-spacing:0, */ // extends:wikimedia
/* jslint strict:false, forin:true, bitwise:true */


(function ($, mw) {
        function getBrazilTime() {
// Guard against multiple inclusions!
            var now = new Date();
if (window.UploadForm)
            var utc = now.getTime() + (now.getTimezoneOffset() * 60000); // Converte para UTC
return;
            return new Date(utc - (3 * 3600000)); // Ajusta para UTC-3
        }


importScript('MediaWiki:LanguageHandler.js');
        function startGlobalEventCountdown(eventStartTime, eventEndTime) {
importScript('MediaWiki:FormRestorer.js');
            if (globalEventsInterval) clearInterval(globalEventsInterval);
importScript('MediaWiki:UIElements.js');
importScript('MediaWiki:Tooltips.js');


var UFConfig = {
            globalEventsInterval = setInterval(function () {
// Configuration. These can be set by a user in their user js. The typeof checks
                var now = getBrazilTime().getTime();
// are not really needed when this script is globally enabled, but until then, we have to be
// careful not to overwrite a user's settings if he defines these first and then includes this
// script in his monobook.js.


forcebasic: window.UploadForm_forcebasic !== undefined ? window.UploadForm_forcebasic :
                if (now < eventEndTime) {
(!window.JSconfig || window.JSconfig.keys.UploadForm_newlayout) ? null : true, // If non-null, use the basic form
                    var timeRemaining = Math.ceil((eventEndTime - now) / 1000); // Segundos restantes
ownwork_author: window.UploadForm_ownwork_author !== undefined ? window.UploadForm_ownwork_author :
                    var minutes = Math.floor(timeRemaining / 60);
'[[User:' + mw.config.get('wgUserName') + '|]]', // Change to use something else
                    var seconds = timeRemaining % 60;
ownwork_date: window.UploadForm_ownwork_date !== undefined ? window.UploadForm_ownwork_date :
                    globalEventsTimer.html('Iniciando: ' + pad(minutes) + ":" + pad(seconds));
null, // Set to define a pre-fill value for the date field
                } else {
own_language_first: window.UploadForm_own_language_first !== undefined ? window.UploadForm_own_language_first :
                    clearInterval(globalEventsInterval);
false, // Set to true to have own language description on top
                    setGlobalEvent();
additional_info_height: window.UploadForm_additional_info_height ? window.UploadForm_additional_info_height : 2,
                }
description_height: window.UploadForm_description_height ? window.UploadForm_description_height : 2,
            }, 1000);
source_field_size: window.UploadForm_source_field_size ? window.UploadForm_source_field_size : 1,
        }
author_field_size: window.UploadForm_author_field_size ? window.UploadForm_author_field_size : 1,
page_preview_in_tooltip: window.UploadForm_page_preview_in_tooltip !== undefined ? window.UploadForm_page_preview_in_tooltip : false,
description_languages: window.UploadForm_description_languages ? window.UploadForm_description_languages : null,
// If false, don't pre-fill description field in basic mode. May be useful
// for people who have their own scripts pre-filling this field.
autofill: window.UploadForm_autofill !== undefined ? window.UploadForm_autofill : true
};


var UFUtils = window.UFUtils = {
        function setGlobalEvent() {
makeLink: function (name, url) {
            var now = getBrazilTime(); // Usa o horário do Brasil
var link = document.createElement('a');
            var dayEvents = globalEventsInfo[now.getDay()];
link.setAttribute('href', url);
link.appendChild(document.createTextNode(name));
return link;
},


convert_td_div: function (td) {
            if (!dayEvents || dayEvents.length === 0) {
// Replace the contents with a div, fixate the width, and give the div the id of the td
                globalEventsImage.attr('src', '/images/0/0a/Anyevent.png'); // Imagem padrão
var div = document.createElement('div');
                globalEventsTimer.html('Acabaram os eventos por hoje');
var w = UFUtils.getWidth(td);
                return;
if (w) {
            }
td.setAttribute('width', String(w));
td.style.maxWidth = String(w) + 'px';
}
div.setAttribute('width', (w ? String(w) : '100%'));
if (w)
div.style.maxWidth = String(w) + 'px';


// Clear the warningCell and add the div instead
            for (var i = 0; i < dayEvents.length; i++) {
while (td.firstChild)
                var event = dayEvents[i];
td.removeChild(td.firstChild);
                var timeParts = event.time.split(':');
                var eventStartTime = new Date(
                    now.getFullYear(),
                    now.getMonth(),
                    now.getDate(),
                    parseInt(timeParts[0], 10),
                    parseInt(timeParts[1], 10),
                    parseInt(timeParts[2], 10)
                ).getTime();
                var eventEndTime = eventStartTime + 5 * 60 * 1000; // Evento dura 5 minutos para entrada


td.appendChild(div);
                if (now >= eventStartTime && now < eventEndTime) {
var id = td.id;
                    // Durante o período de entrada do evento
td.id = '';
                    globalEventsImage.attr('src', event.src);
div.id = id;
                    startGlobalEventCountdown(eventStartTime, eventEndTime);
return div;
                    return;
},
                }


getHeight: function (rows, minimum, maximum) {
                if (now < eventStartTime) {
if (!rows || isNaN(rows / 2) || rows < minimum)
                    // Antes do evento, exibe o horário fixo
return minimum;
                    globalEventsImage.attr('src', event.src);
else if (rows > maximum)
                    globalEventsTimer.html(
return maximum;
                        new Date(eventStartTime).toLocaleTimeString('pt-BR', {
return rows;
                            hour: '2-digit',
},
                            minute: '2-digit',
                        })
                    );


getWidth: function (element) {
                    // Só inicia a contagem regressiva quando estiver próximo (faltando 5 minutos ou menos)
try {
                    if (eventStartTime - now <= 5 * 60 * 1000) {
if (element.clientWidth) { // From IE, but Gecko has this, too.
                        startGlobalEventCountdown(eventStartTime, eventEndTime);
return element.clientWidth;
                    }
} else if (window.getComputedStyle) { // Gecko, Opera
                    return;
return document.defaultView
                }
.getComputedStyle(element, null)
            }
.getPropertyValue('width');
}
} catch (ex) {
return null;
}
},


isChildOf: function (child, ancestor) {
            // Após o último evento do dia
if (!ancestor)
            globalEventsImage.attr('src', '/images/0/0a/Anyevent.png'); // Imagem padrão
return false;
            globalEventsTimer.html('Acabaram os eventos por hoje');
while (child && child !== ancestor)
        }
child = child.parentNode;


return (child === ancestor);
        $(document).ready(function () {
}
            setGlobalEvent();
        });
    })();
    //------- GLOBAL EVENTS TIMER ---------
    //------- RANKED TIMER ---------
    (function () {
        var rankedTimer = $('#ranked-time'); // Timer das ranqueadas
        var rankedImage = $('.ranked-image'); // Imagem da ranqueada
        var rankedInterval;


}; // end UFUtils
        // Lista de ranqueadas com horários do Brasil (UTC-3)
        var rankedInfo = {
            0: [ // Domingo
                { name: 'Ranked 2x2 Duo', time: '15:00:00', src: '/images/7/7e/Ranked_duo_2v2_event.png' },
                { name: 'Ranked 2x2 Solo', time: '16:00:00', src: '/images/b/b1/Ranked_solo_2v2_event.png' },
                { name: 'Ranked 1x1', time: '17:00:00', src: '/images/e/ed/Ranked_1v1_event.png' }
            ],
            2: [ // Terça-feira
                { name: 'Ranked 2x2 Duo', time: '20:00:00', src: '/images/7/7e/Ranked_duo_2v2_event.png' },
                { name: 'Ranked 2x2 Solo', time: '21:00:00', src: '/images/b/b1/Ranked_solo_2v2_event.png' },
                { name: 'Ranked 1x1', time: '22:00:00', src: '/images/e/ed/Ranked_1v1_event.png' }
            ],
            4: [ // Quinta-feira
                { name: 'Ranked 2x2 Duo', time: '20:00:00', src: '/images/7/7e/Ranked_duo_2v2_event.png' },
                { name: 'Ranked 2x2 Solo', time: '21:00:00', src: '/images/b/b1/Ranked_solo_2v2_event.png' },
                { name: 'Ranked 1x1', time: '22:00:00', src: '/images/e/ed/Ranked_1v1_event.png' }
            ],
            6: [ // Sábado
                { name: 'Ranked 2x2 Duo', time: '15:00:00', src: '/images/7/7e/Ranked_duo_2v2_event.png' },
                { name: 'Ranked 2x2 Solo', time: '16:00:00', src: '/images/b/b1/Ranked_solo_2v2_event.png' },
                { name: 'Ranked 1x1', time: '17:00:00', src: '/images/e/ed/Ranked_1v1_event.png' }
            ]
        };


// Used by HotCat
        function pad(value) {
var UFUI = window.UFUI = {
            return value < 10 ? '0' + value : value;
// Encapsulate all UI stuff, with checks such that it works in degraded mode
        }
// (built-in defaults only) if UIElements doesn't exist.


defaultLanguage: 'en', // Default.
        // Função para calcular o horário no Brasil (UTC-3)
userLanguage: 'en', // Sanitized wgUserLanguage.
        function getBrazilTime() {
internalLanguage: 'en', // Same, but with dashes replaced by underscores.
            var now = new Date();
isOwnWork: false, // True if uselang="*ownwork"
            var utc = now.getTime() + (now.getTimezoneOffset() * 60000); // Converte para UTC
isFromFlickr: false, // True if uselang="*fromflickr"
            return new Date(utc - (3 * 3600000)); // Ajusta para UTC-3
isExperienced: false, // True if uselang="experienced"
        }


sanitizeUserLanguage: function () {
        function startRankedCountdown(endTime) {
// Try to make sense of wgUserLanguage even if it has been hacked to have special
            if (rankedInterval) clearInterval(rankedInterval);
// pages for particular upload sources. Also sets isOwnWork and isFromFlickr.
var globalUserLanguage = mw.config.get('wgUserLanguage');
if (!globalUserLanguage)
return;


UFUI.userLanguage = globalUserLanguage;
            rankedInterval = setInterval(function () {
if (globalUserLanguage.length > 3) {
                var now = getBrazilTime().getTime();
// Special "hacked" uselang parameters...
                var distance = endTime - now;
var hacks = ['ownwork', 'fromflickr', 'experienced', 'fromwikimedia', 'fromgov'];
var found = false;
for (var i = 0; i < hacks.length; i++) {
var idx = globalUserLanguage.indexOf(hacks[i]);
if (idx >= 0) {
// ULS is not working correctly with hacked uselang parameters, thus hiding it.
$('#pt-uls, .uls-tipsy').hide();
found = true;
if (idx)
UFUI.userLanguage = globalUserLanguage.substring(0, idx);
else
UFUI.userLanguage = UFUI.defaultLanguage;


if (!i)
                if (distance > 0) {
UFUI.isOwnWork = true;
                    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
else if (i === 1)
                    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
UFUI.isFromFlickr = true;
                    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
else if (i === 2)
                    rankedTimer.html(pad(hours) + ":" + pad(minutes) + ":" + pad(seconds));
UFUI.isExperienced = true;
                } else {
                    clearInterval(rankedInterval);
                    setRankedEvents(); // Ajusta automaticamente para a próxima fila
                }
            }, 1000);
        }


break;
        function setRankedEvents() {
}
            var now = getBrazilTime(); // Usa o horário do Brasil
}
            var todayEvents = rankedInfo[now.getDay()];
if (!found && typeof LanguageHandler !== 'undefined' && LanguageHandler.getPrefix instanceof Function) {
            var eventFound = false;
// None of the "standard" hacks. Try an alternate approach.
var lang_code_length = LanguageHandler.getPrefix(globalUserLanguage);
if (lang_code_length && lang_code_length < globalUserLanguage.length)
UFUI.userLanguage = globalUserLanguage.substr(0, lang_code_length);


}
            if (todayEvents) {
}
                for (var i = 0; i < todayEvents.length; i++) {
if (UFUI.userLanguage === 'en-gb')
                    var event = todayEvents[i];
UFUI.userLanguage = 'en';
                    var timeParts = event.time.split(':');
                    var eventStartTime = new Date(
                        now.getFullYear(),
                        now.getMonth(),
                        now.getDate(),
                        parseInt(timeParts[0], 10),
                        parseInt(timeParts[1], 10),
                        parseInt(timeParts[2], 10)
                    );
                    var eventEndTime = new Date(eventStartTime.getTime() + 60 * 60 * 1000); // Duração fixa: 1 hora


UFUI.internalLanguage = UFUI.userLanguage.replace(/-/g, '_');
                    // Se a fila está ativa
},
                    if (now >= eventStartTime && now < eventEndTime) {
                        rankedImage.attr('src', event.src); // Mostra o banner da fila atual
                        startRankedCountdown(eventEndTime.getTime()); // Contagem regressiva para o término da fila
                        eventFound = true;
                        return;
                    }


defaultLabels: {
                    // Próximo evento no futuro
wpSourceUploadLbl: 'Original source:',
                    if (now < eventStartTime) {
wpAuthorUploadLbl: 'Author:',
                        rankedImage.attr('src', '/images/b/b0/Ranked_semranked_event.png'); // Mostra "RANKED" antes de começar
wpDateUploadLbl: 'Date:',
                        rankedTimer.html('Hoje às ' + event.time.split(':').slice(0, 2).join(':')); // Apenas exibe o horário fixo
wpDescUploadLbl: 'Description:',
                        eventFound = true;
wpPermissionUploadLbl: 'Permission:',
                        return;
wpCategoriesUploadLbl: 'Categories:',
                    }
wpOtherVersionsUploadLbl: 'Other versions:',
                }
wpAdditionalInfoUploadLbl: 'Additional information:',
            }
wpPreviewLicenseUploadLbl: 'Preview the chosen license',
wpOwnWorkUploadLbl: 'Own work',
wpUnknownLanguageUploadLbl: 'Unknown language',
wpPreviewUploadLbl: 'Preview',
wpOkUploadLbl: 'OK',
wpCancelUploadLbl: 'Cancel'
},


defaultErrorMsgs: {
            // Caso não haja mais eventos hoje, exibe "Encerrado por hoje"
wpUploadWarningError: 'You must provide the original source of the image, the author of the work, and a license.',
            if (!eventFound && todayEvents) {
wpNoFilenameError: 'The target filename must not be empty.',
                rankedImage.attr('src', '/images/b/b0/Ranked_semranked_event.png');
wpHttpFilenameError: 'The target file name appears to be a URL.',
                rankedTimer.html('Encerrado por hoje');
wpNoSlashError: 'The target file name must not contain "/".',
            }
wpNondescriptFilenameError: 'Please use a more descriptive target file name.',
wpNoExtensionError: 'The target file name must have a file type extension (like for example ".jpg").',
wpIllegalExtensionError: 'Files of this type cannot be uploaded.',
wpDoubleExtensionError: 'Please correct the double file type in the target file name.',
wpFlickrURLError: 'The source must be a URL pointing to the image at Flickr.',
wpNoDescriptionError: 'Please give a description of the contents of the file you want to upload.',
wpNoHelpTextError: 'Help text not found.',
wpPreviewOverwriteError:
'You will upload over an already existing file. Please choose a different filename,' +
'unless you are uploading a technically improved version of the same file.' +
'Don\'t overwrite a file with a different image of the same topic.' +
'If you overwrite, the information in this form will not appear on the description page.',


wpReuploadNoSummaryError: 'Please describe the file changes in the text box.'
            // Caso não haja eventos hoje, busca o próximo dia
},
            if (!eventFound) {
                var nextRanked = findNextRankedDay(now.getDay());
                if (nextRanked) {
                    var nextDayName = getWeekDayName(nextRanked.day); // Nome do próximo dia
                    var nextEvent = nextRanked.events[0]; // Primeiro evento do próximo dia
                    rankedImage.attr('src', '/images/b/b0/Ranked_semranked_event.png'); // Mostra "RANKED"
                    rankedTimer.html(nextDayName + ' às ' + nextEvent.time.split(':').slice(0, 2).join(':'));
                } else {
                    rankedTimer.html('Sem informações de ranqueadas');
                }
            }
        }


defaultHints: {
        function findNextRankedDay(currentDay) {
wpUploadFormDestFileHint: 'Name of the file at Commons after the upload.',
            for (var i = 1; i <= 7; i++) {
wpUploadFormSourceHint: 'Where does this file come from?',
                var nextDay = (currentDay + i) % 7;
wpUploadFormAuthorHint: 'Who created this file? If it shows some artwork, who created that?',
                if (rankedInfo[nextDay]) {
wpUploadFormDateHint: 'Date of creation and/or first publication of the work.',
                    return { day: nextDay, events: rankedInfo[nextDay] };
wpUploadFormPermissionHint: 'Not your own file? Or already published elsewhere? Use {{OTRS pending}} and send permission by e-mail. Also for specialized license tags.',
                }
wpUploadFormAdditionalInfoHint: 'Use for geolocation tags and other specialized information.',
            }
wpUploadFormCategoryHint: 'Click (+) to add categories.'
            return null;
},
        }


// Do *not* use "-" here (as in "be-tarask")!! Use "_" instead: "be_tarask".
        function getWeekDayName(dayIndex) {
translate: {
            var days = ['Domingo', 'Segunda-feira', 'Terça-feira', 'Quarta-feira', 'Quinta-feira', 'Sexta-feira', 'Sábado'];
en: 'translate',
            return days[dayIndex];
af: 'vertaal',
        }
ar: 'ترجم',
be: 'перакласці',
be_tarask: 'перакласьці',
br: 'treiñ',
bg: 'превеждам',
ca: 'traduïu',
cs: 'přeložit',
cy: 'cyfieithu',
da: 'oversæt',
de: 'übersetzen',
el: 'μεταφράστε',
eo: 'traduki',
es: 'traducir',
et: 'tõlkima',
fa: 'ترجمه\u200cکردن',
fi: 'suomenna',
fo: 'umseta',
fr: 'traduire',
gl: 'traducir',
he: 'לתרגם',
hr: 'prevesti',
hu: 'fordítás',
hy: 'թարգմանել',
id: 'terjemah',
io: 'tradukar',
is: 'þýða',
it: 'tradurre',
ja: '訳す',
ko: '번역하기',
la: 'traducere',
mk: 'преведи',
ml: 'തര\u0d4dജ\u0d4dജമ',
mn: 'орчуулах',
mt: 'traduci',
nn: 'oversett',
no: 'oversett',
nl: 'vertalen',
pap: 'tradusí',
pl: 'przetłumacz',
pt: 'traduzir',
ro: 'a traduce',
ru: 'перевести',
sk: 'preložit',
sl: 'perovodit',
sq: 'përkthej',
ss: 'kuhúmusha',
sv: 'översätt',
ta: 'மொழிபெயர்',
tr: 'tercüme',
ty: 'ʻauvaha',
uk: 'перекласти',
vi: 'dịch',
zh: '翻譯',
zh_min_nan: 'hoan-e̍k',
nan: 'hoan-e̍k',
minnan: 'hoan-e̍k'
},


labels: null, // Repository for form labels
        $(document).ready(function () {
help: null, // Repository for help texts (and the help button)
            setRankedEvents();
error_msgs: null, // Repository for error messages
        });
uiElements: null, // Repository for graphical UI elements
    })();
hints: null, // Repository for brief hints


setupRepositories: function () {
    //------- WORLD BOSS TIMER ---------
if (!UFUI.labels) {
    (function () {
if (window.UIElements) {
        var wbTimer = $('#worldboss-time'); // Timer do World Boss
var id;
        var wbBossImage = $('.worldboss-image'); // Imagem do World Boss
UFUI.labels = UIElements.emptyRepository();
        var wbInterval;
UFUI.help = UIElements.emptyRepository();
UFUI.error_msgs = UIElements.emptyRepository();
UFUI.uiElements = UIElements.emptyRepository();
UFUI.hints = UIElements.emptyRepository();


for (id in UFUI.defaultLabels) {
        // copie, cole e mude a data (não esqueça da virgula!)
if (id === 'wpDescUploadLbl') {
        /*
UIElements.setEntry(
        { date: '2024-12-20', name: 'Marineford', src: '/images/e/e6/Marineford_event.png' }
id,
        { date: '2024-12-20', name: 'Hiking Bear', src: '/images/6/6d/Hiking_bear_wb_event.png' }
UFUI.labels,
        { date: '2024-12-20', name: 'Byakko', src: '/images/1/1a/Byakko_wb_event.png' }
UFUtils.makeLink(
        { date: '2024-12-20', name: 'Plesiosaur', src: '/images/6/6e/Plesiosaur_wb_event.png' }
UFUI.defaultLabels[id],
        { date: '2024-12-20', name: 'Shai-Hulud', src: '/imimages/d/d1/Shai_hulud_wb_event.png' }
'/wiki/Commons:First_steps/Quality_and_description'));
        { date: '2024-12-20', name: 'Bananawani', src: '/images/8/87/Bananawani_wb_event.png' }
} else {
        { date: '2024-12-20', name: 'Aokiji', src: '/images/4/4c/Aokiji_wb_event.png' }
UIElements.setEntry(id, UFUI.labels, document.createTextNode(UFUI.defaultLabels[id]));
        { date: '2024-12-20', name: 'Mihawk', src: '/images/e/e4/Mihawk_wb_event.png' }
}
        */
}
        var wbBossesList = [
for (id in UFUI.defaultErrorMsgs) {
            { date: '2024-12-20', name: 'Marineford', src: '/images/e/e6/Marineford_event.png' },
UIElements.setEntry(id, UFUI.error_msgs,
            { date: '2024-12-27', name: 'Hiking Bear', src: '/images/6/6d/Hiking_bear_wb_event.png' },
document.createTextNode(UFUI.defaultErrorMsgs[id]));
            { date: '2025-01-03', name: 'Marineford', src: '/images/e/e6/Marineford_event.png' },
}
            { date: '2025-01-10', name: 'Byakko', src: '/images/1/1a/Byakko_wb_event.png' },
for (id in UFUI.defaultHints) {
            { date: '2025-01-17', name: 'Marineford', src: '/images/e/e6/Marineford_event.png' },
UIElements.setEntry(id, UFUI.hints,
            { date: '2025-01-24', name: 'Aokiji', src: '/images/4/4c/Aokiji_wb_event.png' },
document.createTextNode(UFUI.defaultHints[id]));
            { date: '2025-01-31', name: 'Marineford', src: '/images/e/e6/Marineford_event.png' }
}
        ];


// Now try to read the localized stuff from the uploadfooter.
        var wbDuration = 22 * 60 * 60 * 1000; // Duração do evento: 22 horas em milissegundos
UIElements.load('wpUploadFormLabels', null, 'span', UFUI.labels);
UIElements.load('wpUploadFormErrorMessages', null, 'span', UFUI.error_msgs);
UIElements.load('wpUploadFormHints', null, 'span', UFUI.hints);
UIElements.load('wpUploadFormUIElements', null, 'div', UFUI.uiElements);
UIElements.load('wpUploadFormHelp', null, 'div', UFUI.help);
UFUI.basic = false;
} else {
UFUI.labels = UFUI.defaultLabels;
UFUI.error_msgs = UFUI.defaultErrorMsgs;
UFUI.hints = UFUI.defaultHints;
UFUI.basic = true;
}
}
},


getUI: function (id, repository, basic) {
        function pad(value) {
if (!UFUI.labels) {
            return value < 10 ? '0' + value : value;
UFUI.sanitizeUserLanguage();
        }
UFUI.setupRepositories();
}
if (!UFUI[repository])
return null;


var result = null;
        // Calcula o horário do evento no Brasil (UTC-3) e ajusta para o horário local do usuário
var add_plea = false;
        function convertToLocalTime(dateInBrazil) {
if (UFUI.basic) {
            var brazilTime = new Date(dateInBrazil + 'T11:00:00-03:00'); // Evento começa às 11h no Brasil (UTC-3)
result = document.createTextNode(UFUI[repository][id]);
            return brazilTime; // Retorna o horário ajustado automaticamente para o fuso do navegador
add_plea = (UFUI.internalLanguage !== UFUI.defaultLanguage);
        }
} else {
result = UIElements.getEntry(id, UFUI[repository], UFUI.internalLanguage, null);
add_plea = !result;
if (!result)
result = UIElements.getEntry(id, UFUI[repository]);


if (!result)
        function startWorldBossCountdown(endTime) {
return null;
            if (wbInterval) clearInterval(wbInterval); // Garante que não haja múltiplos intervalos
// Hmmm... what happened here? We normally have defaults...
result = result.cloneNode(true);
}
if (add_plea && !basic) {
// Wrap it all into a span -- we can return only one element
var span = document.createElement('span');
span.appendChild(result);
span.appendChild(UFUI.plea(repository, id));
result = span;
}
return result;
},


plea: function (what, msg_id) {
            wbInterval = setInterval(function () {
var span = document.createElement('sub');
                var now = new Date().getTime(); // Usa o horário local do navegador
span.appendChild(document.createTextNode(' ('));
                var distance = endTime - now;
span.appendChild(
UFUtils.makeLink(
UFUI.translate[UFUI.internalLanguage] || UFUI.translate.en,
'/wiki/MediaWiki_talk:UploadFormLabels/UploadFormTranslations?action=edit&section=new' +
'&withJS=MediaWiki:UploadFormTranslator.js&language=' +
encodeURIComponent(UFUI.userLanguage) +
'&uploadformurl=' + encodeURIComponent(document.URL) +
(what ? '&uploadformitems=' + encodeURIComponent(what) : '') +
(msg_id ? '&uploadformmsg=' + encodeURIComponent(msg_id) : '')));
span.appendChild(document.createTextNode(')'));
return span;
},


getLabel: function (id, basic) {
                if (distance > 0) {
return UFUI.getUI(id, 'labels', basic);
                    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
},
                    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
                    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
                    wbTimer.html(pad(hours) + ":" + pad(minutes) + ":" + pad(seconds));
                } else {
                    clearInterval(wbInterval);
                    wbUpdateBoss(); // Atualiza para o próximo World Boss
                }
            }, 1000);
        }


getErrorMsg: function (id, basic) {
        function wbUpdateBoss() {
return UFUI.getUI(id, 'error_msgs', basic);
            var now = new Date(); // Usa o horário local do navegador
},


getHint: function (id, basic) {
            for (var i = 0; i < wbBossesList.length; i++) {
return UFUI.getUI(id, 'hints', basic);
                var wbEventStart = convertToLocalTime(wbBossesList[i].date); // Converte para o horário local do usuário
},
                var wbEventEnd = new Date(wbEventStart.getTime() + wbDuration); // Calcula o horário de término


getEntry: function (id, repository, lang, sel) {
                if (now < wbEventStart) {
if (!UFUI.labels) {
                    // Próximo World Boss (antes de começar)
UFUI.sanitizeUserLanguage();
                    wbBossImage.attr('src', wbBossesList[i].src || '/images/9/93/Anywb_event.png');
UFUI.setupRepositories();
                    wbTimer.html(
}
                        wbEventStart.toLocaleDateString('pt-BR', { day: '2-digit', month: '2-digit' }) +
if (!UFUI.basic)
                        ' às ' +
return UIElements.getEntry(id, UFUI[repository], lang, sel);
                        wbEventStart.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })
                    );
                    return;
                } else if (now >= wbEventStart && now < wbEventEnd) {
                    // World Boss ativo
                    wbBossImage.attr('src', wbBossesList[i].src);
                    startWorldBossCountdown(wbEventEnd.getTime());
                    return;
                }
            }


if (!UFUI[repository] || lang !== UFUI.defaultLanguage || !!sel && sel !== 'default')
            // Caso nenhum World Boss esteja ativo ou programado
return null;
            wbBossImage.attr('src', '/images/9/93/Anywb_event.png');
            wbTimer.html('Nenhum WB programado');
        }


return UFUI[repository][id];
        $(document).ready(function () {
}
            wbUpdateBoss();
        });
    })();


}; // end UFUI
    //------- TABSKILL (PERSONAGENS) ---------
    $('.tab-skill-test').on('click', function () {
        $('.tab-skill-test.active').removeClass('active');
        $(this).addClass('active');


var UFHelp = window.UFHelp = { // Collects all help-related stuff
        var skillId = $(this).data('skill-id');
help_close_imgs: null,
        $('.skillInfo-test.active').removeClass('active').addClass('hidden');
        $('.skillInfo-test[data-skill-id="' + skillId + '"]').removeClass('hidden').addClass('active');
    });


precreate_tooltip_closer: function () {
    // Ativar tab e habilidade com base no hash da URL
if (window.Tooltip && window.Buttons) {
    var hash = window.location.hash; // Exemplo: https://wiki.gla.com.br/index.php/Aokiji#IceStar
var closeImgs = UFUI.getEntry('wpUploadFormHelpCloseButton', 'uiElements', UFUI.internalLanguage);
    if (hash) {
if (!closeImgs)
        var linkName = hash.replace('#', '');
closeImgs = UFUI.getEntry('wpUploadFormHelpCloseButton', 'uiElements');
        var tabButton = $('.tab-skill-test[data-link-name="' + linkName + '"]');
        var skillSection = $('.skillInfo-test[data-link-name="' + linkName + '"]');


if (closeImgs)
        if (tabButton.length && skillSection.length) {
closeImgs = closeImgs.getElementsByTagName('img');
            $('.tab-skill-test.active').removeClass('active');
            tabButton.addClass('active');


if (!closeImgs || !closeImgs.length)
            $('.skillInfo-test.active').removeClass('active').addClass('hidden');
closeImgs = null;
            skillSection.removeClass('hidden').addClass('active');
else
        }
closeImgs = Buttons.createClass(closeImgs, 'wpUploadFormHelpCloseClass');
    }
    //------- TOOLTIP IMAGE---------
    /*
        Tooltip image consiste em uma funcionalidade que insere uma tag IMG
        quando o usuario passa o mouse por cima de uma imagem com a classe "tooltip-image"
        ao fazer é inserido no body uma tag IMG com a mesma "src" 1.3 vezes maior do que a imagem
        que o usuario está com o mouse em coma, esta tag IMG terá o mesmo X e Y do mouse + um offset
        para manter um distanciamento.
    */


UFHelp.help_close_imgs = closeImgs;
    //Distanciamento / margem do mouse
}
    const offset = { x: 20, y: 10 };
},


tooltip_styles: { // The style for all our tooltips
    $('.tooltip-image').on('mouseenter',
border: '1px solid #88A',
        function (e) {
backgroundColor: '#f7f8ff',
            var src = $(this).attr('src');
padding: '0.3em',
            var size = $(this).width() * 1.3;
fontSize: ((mw.config.get('skin') === 'monobook' || mw.config.get('skin') === 'modern') ? '127%' : '100%')
// Scale up to default text size
},


getHelp: function (help_id, with_ext) {
            $('<img src="' + src + '" id="bigImage" />').css('left', e.pageX + offset.x).css('top', e.pageY + offset.y).css('width', size + "px").appendTo('body').hide().fadeIn(500);
// This is a Tooltip callback! Sets the help texts dynamically, depending of the file
        }).on('mouseleave',
// type the user has chosen in wpDestFile.
            function () {
var fn = null;
                $('#bigImage').remove();
if (with_ext) {
            });
fn = document.getElementById('wpDestFile');
if (fn)
fn = fn.value;


if (fn) {
    $('.tooltip-image').mousemove(function (e) {
fn = fn.split('.');
        $('#bigImage').css('left', e.pageX + offset.x).css('top', e.pageY + offset.y);
if (fn.length >= 2)
    });
fn = fn[fn.length - 1];
    //------- TOOLTIP IMAGE---------
else
fn = null;


}
    //------- FUNCIONALIDADES PACIENTES KUREHA ---------
}
    const pacients = {
        "bafo": { image: "/images/c/ce/Bafo_static.png", gif: "/images/e/e0/Bafo.gif" },
        "espirrando": { image: "/images/thumb/5/5b/Espirro_static.png/180px-Espirro_static.png", gif: "/images/thumb/9/90/Espirro.gif/180px-Espirro.gif", audio: "/images/2/2b/Espirrando.ogg" },
        "enjoado": { image: "/images/thumb/5/52/Enjoado_static.png/180px-Enjoado_static.png", gif: "/images/thumb/7/76/Enjoado.gif/180px-Enjoado.gif", audio: "/images/5/5b/Vomito.ogg" },
        "tremendo": { image: "/images/thumb/3/35/Tremendo_static.png/180px-Tremendo_static.png", gif: "/images/thumb/f/f4/Tremendo.gif/180px-Tremendo.gif" },
        "tossindo": { image: "/images/thumb/e/ef/Tosse_static.png/180px-Tosse_static.png", gif: "/images/thumb/a/a4/Tosse.gif/180px-Tosse.gif", audio: "/images/f/f9/Tossindo.ogg" },
        "solucando": { image: "/images/thumb/c/c0/Soluco_static.png/180px-Soluco_static.png", gif: "/images/thumb/6/67/Soluco.gif/180px-Soluco.gif", audio: "/images/e/e2/Solucando.ogg" },
        "funk": { image: "/images/thumb/e/e8/Funkeiro_static.png/180px-Funkeiro_static.png ", gif: "/images/thumb/7/79/Funkeiro.gif/180px-Funkeiro.gif", audio: "/images/d/d2/Funk.ogg" },
        "fedendo": { image: "/images/thumb/1/1e/Fedido_static.png/180px-Fedido_static.png", gif: "/images/thumb/c/c9/Fedido.gif/180px-Fedido.gif" },
        "febre": { image: "/images/thumb/1/14/Febre_static.png/180px-Febre_static.png", gif: "/images/thumb/7/75/Febre.gif/180px-Febre.gif" },
        "endemoniado": { audio: "/images/3/32/Risada_maligna.ogg" },
        "fome": { audio: "/images/3/37/Estomago_roncando.ogg" },
        "cardiaco": { audio: "/images/2/27/Coracao_batendo.ogg" }
    };


var add_plea = false;
    const audioPlayer = document.querySelector("#audio");
var extensions = [fn, 'default'];
var helpMain = null;
for (var i = 0; i < extensions.length && !helpMain; i++) {
if (extensions[i] && extensions[i].length) {
helpMain = UFUI.getEntry(help_id, 'help', UFUI.internalLanguage, extensions[i]);
if (!helpMain) {
helpMain = UFUI.getEntry(help_id, 'help', null, extensions[i]);
add_plea = !!helpMain;
}
}
}
var help_base = UFUI.getEntry(help_id, 'help', UFUI.internalLanguage);
if (!help_base) {
help_base = UFUI.getEntry(help_id, 'help');
add_plea = add_plea || !!help_base;
}
var help = document.createElement('div');
if (help_base)
help.appendChild(help_base);


if (helpMain)
    $(".pacient-audio").on("click", function (e) {
help.appendChild(helpMain);
        id = $(this).attr('id');


if (!helpMain && !help_base)
        if (pacients[id]) {
help.appendChild(UFUI.getErrorMsg('wpNoHelpTextError'));
            audioPlayer.src = pacients[id].audio;
else if (add_plea)
            audioPlayer.play();
help.appendChild(UFUI.plea('help', help_id));
        }


return help;
    });
},


showHelp: function (e, id) { // Onclick handler for setup without tooltips
    $('.interactive-pacient').on('mouseenter', function (e) {
e = e || window.event;
        id = $(this).attr('id');
var node = e.target || e.srcElement,
error;
if (!node) {
error = UFUI.getErrorMsg('wpNoHelpTextError', true);
// We need the text contents...
while (error && error.nodeType !== Node.TEXT_NODE)
error = error.firstChild;


if (error)
        if (pacients[id])
alert(error.data);
            $(this).attr('src', pacients[id].gif);
    }).on('mouseleave', function (e) {
        id = $(this).attr('id');


// Otherwise what??
        if (pacients[id])
} else if (!document.getElementById(id + '_Div')) {
            $(this).attr('src', pacients[id].image);
var help = UFHelp.getHelp(id, false);
    });
help.style.fontSize = 'small';
help.style.color = '#666';
// Now add a new table row after the current one
var tr = node.parentNode;
while (tr && tr.nodeName.toLowerCase() !== 'tr')
tr = tr.parentNode;


if (!tr) {
    //------- FUNCIONALIDADES PACIENTES KUREHA ---------
error = UFUI.getErrorMsg('wpNoHelpTextError', true);
    //------- FUNCIONALIDADES BUZINAS ---------
while (error && error.nodeType !== 3)
    const horns = {
error = error.firstChild;
        "Buzinadelacucha": { audio: "/images/5/55/Buzinadelacucha-audio.ogg" },
        "Buzinadefumaca": { audio: "/images/3/3a/Buzinadefumaca-audio.ogg" },
        "Buzinadecaminhao": { audio: "/images/e/e4/Buzinadecaminhao-audio.ogg" },
        "Buzinadetrem": { audio: "/images/3/34/Buzinadetrem-audio.ogg" },
        "Buzinadeesporte": { audio: "/images/2/2b/Buzinadeesporte-audio.ogg" },
        "Buzinadear": { audio: "/images/9/95/Buzinadear-audio.ogg" },
        "Buzinadepalhaco": { audio: "/images/a/a4/Buzinadepalhaco-audio.ogg" },
        "Buzinadeinvestida": { audio: "/images/f/ff/Buzinadeinvestida-audio.ogg" },
        "Buzinadebicicleta": { audio: "/images/1/15/Buzinadebicicleta-audio.ogg" },
        "Buzinadeneblina": { audio: "/images/6/64/Buzinadeneblina-audio.ogg" }
    };


if (error)
    const hornAudioPlayer = document.querySelector("#audio");
alert(error.data);


} else {
    $(".horn-audio").on("click", function (e) {
var new_tr = document.createElement('tr');
        const id = $(this).attr('id');
var cell = document.createElement('td');
        if (horns[id]) {
new_tr.appendChild(cell);
            hornAudioPlayer.src = horns[id].audio;
cell = document.createElement('td');
            hornAudioPlayer.play();
cell.id = id + '_Div';
        }
new_tr.appendChild(cell);
    });
tr.parentNode.insertBefore(new_tr, tr.nextSibling);
cell = UFUtils.convert_td_div(cell);
cell.appendChild(help);
}
}
if (e.stopPropagation) {
e.stopPropagation();
e.preventDefault();
} else { e.cancelBubble = true; }
return false;
},


setupHelp: function (is_reupload) {
    //------- FUNCIONALIDADES BUZINAS ---------
var fields = ['wpUploadFile', 'wpUploadFileURL', 'wpDestFile', 'wpSource', 'wpAuthor', 'wpDate', 'wpDesc', 'wpPermission',
'wpOtherVersions', 'wpAdditionalInfo', 'wpPatent', 'wpLicense', 'wpCategories', 'wpWatchthis', 'wpIgnoreWarning'];


if (!UFUI.help)
    //------- PERSONAGENS ---------
return;
// Help not loaded


function setHelp(id, imgs, lk, maximum_width, is_reupload) {
    const characters = [
// Figure out where to place the help "button"
        { name: "Aokiji Dio", types: ["slasher", "especialist", "tank", "marine", "diamond", "break_wall", "bridge"], link: "/Aokiji", img: "/images/6/67/Aokiji_card.png" },
var field = document.getElementById(id);
        { name: "Bartolomew Kuma", types: ["especialist", "tank", "diamond", "break_wall"], link: "/Kuma", img: "/images/b/b5/Card-kuma.png" },
var insert_in = null,
        { name: "Boa Hancock", types: ["fighter", "dps", "diamond"], link: "/Boa_Hancock", img: "/images/4/47/Card-hancock.png" },
before = null;
        { name: "Borsalino Kizaru", types: ["especialist", "shooter", "dps", "diamond", "break_wall"], link: "/Kizaru", img: "/images/3/32/Card-kizaru.png" },
var help_id = id + 'Help';
        { name: "Brook (TS)", types: ["slasher", "support", "diamond", "bridge"], link: "/Brook_(Timeskip)", img: "/images/1/1d/Card-brookts.png" },
if (!UFUI.help[help_id])
        { name: "Tony Tony Chopper (TS) Gurren", types: ["fighter", "support", "diamond", "break_wall"], link: "/Chopper_(Timeskip)", img: "/images/5/53/Card-chopperts.png" },
return;
        { name: "Doflamingo", types: ["shooter", "especialist", "dps", "diamond", "break_wall", "bridge"], link: "/Doflamingo", img: "/images/8/8d/Card-doflamingo.png" },
// Don't add if we have no help at all.
        { name: "Dracule Mihawk", types: ["slasher", "dps", "diamond", "break_wall"], link: "/Mihawk", img: "/images/9/91/Card-mihawk.png" },
var offset = -5; // Pixels.
        { name: "Emporio Ivankov", types: ["fighter", "support", "diamond", "break_wall"], link: "/Ivankov", img: "/images/c/ca/Card-ivankov.png" },
switch (id) {
        { name: "Enel", types: ["shooter", "especialist", "diamond", "dps"], link: "/Enel", img: "/images/8/85/Enel_card.png" },
case 'wpWatchthis':
        { name: "Franky (TS) Sanitaria", types: ["shooter", "tank", "diamond", "break_wall"], link: "/Franky_(Timeskip)", img: "/images/d/d0/Card-frankyts.png" },
case 'wpIgnoreWarning':
        { name: "Jinbe", types: ["fighter", "tank", "diamond", "break_wall"], link: "/Jinbe", img: "/images/2/2e/Card-jinbe.png" },
// Right of the element
        { name: "Marshall D. Teach Barba Negra", types: ["especialist", "bruiser", "diamond"], link: "/Marshall_D._Teach", img: "/images/f/ff/Card-kurohige.png" },
if (!field)
        { name: "Marco Abacaxi", types: ["especialist", "fighter", "support", "diamond"], link: "/Marco", img: "/images/2/2b/Marco_card.png" },
return;
        { name: "Monkey D. Luffy (TS) Visno", types: ["fighter", "dps", "diamond", "break_wall"], link: "/Luffy_(Timeskip)", img: "/images/e/ed/Card-luffyts.png" },
        { name: "Nami (TS)", types: ["especialist", "dps", "diamond"], link: "/Nami_(Timeskip)", img: "/images/3/35/Card-namits.png" },
        { name: "Portgas D. Ace Duduh", types: ["especialist", "shooter", "dps", "diamond"], link: "/Ace", img: "/images/4/40/Card-ace.png" },
        { name: "Robin (TS)", types: ["especialist", "dps", "diamond", "break_wall", "bridge"], link: "/Robin_(Timeskip)", img: "/images/b/b0/Card-robints.png" },
        { name: "Roronoa zoro (TS)", types: ["slasher", "dps", "diamond", "break_wall"], link: "/Zoro_(Timeskip)", img: "/images/7/74/Card-zorots.png" },
        { name: "Sabo Loge", types: ["fighter", "especialist", "dps", "diamond", "break_wall"], link: "/Sabo", img: "/images/0/04/Card-sabo.png" },
        { name: "Sakazuki Akainu", types: ["especialist", "fighter", "dps", "diamond", "break_wall"], link: "/Akainu", img: "/images/b/b0/Card_akainu.png" },
        { name: "Shanks", types: ["slasher", "bruiser", "diamond", "break_wall"], link: "/Shanks", img: "/images/a/aa/Card-shanks.png" },
        { name: "Usopp (TS)", types: ["shooter", "dps", "diamond", "break_wall"], link: "/Usopp_(Timeskip)", img: "/images/c/cc/Card-usoppts.png" },
        { name: "Uta", types: ["especialist", "dps", "diamond", "break_wall"], link: "/Uta", img: "/images/2/22/Card_uta.png" },
        { name: "Vinsmoke Sanji (TS)", types: ["fighter", "dps", "diamond", "break_wall"], link: "/Sanji_(Timeskip)", img: "/images/7/7a/Card-sanjits.png" },
        { name: "Baby 5", types: ["slasher", "shooter", "gold", "dps"], link: "/Baby_5", img: "/images/5/5e/Baby5_card.png" },
        { name: "Bartolomeo", types: ["especialist", "dps", "gold", "break_wall", "bridge"], link: "/Bartolomeo", img: "/images/a/a9/Card-barto.png" },
        { name: "Basil Hawkins Lost", types: ["especialist", "bruiser", "gold", "bridge"], link: "/Basil_Hawkins", img: "/images/8/89/Card-hawkins.png" },
        { name: "Bastille", types: ["slasher", "tank", "gold", "break_wall"], link: "/Bastille", img: "/images/1/13/Card-bastille.png" },
        { name: "Bellamy", types: ["fighter", "dps", "gold", "break_wall"], link: "/Bellamy", img: "/images/7/7e/Card-bellamy.png" },
        { name: "Bonney Poseidon", types: ["fighter", "support", "gold"], link: "/Bonney", img: "/images/9/91/Card-bonney.png" },
        { name: "Brook", types: ["slasher", "support", "gold"], link: "/brook", img: "/images/7/76/Card-brook.png" },
        { name: "Capone gang bege", types: ["shooter", "dps", "gold", "break_wall"], link: "/Capone_Bege", img: "/images/c/c0/Card-capone.png" },
        { name: "Carrot", types: ["slasher", "especialist", "dps", "gold"], link: "/Carrot", img: "/images/8/8d/Card-carrot.png" },
        { name: "Tony Tony Chopper Gurren", types: ["fighter", "support", "gold", "break_wall"], link: "/Chopper", img: "/images/1/19/Card-chopper.png" },
        { name: "Crocodile", types: ["especialist", "tank", "gold", "break_wall", "bridge"], link: "/Crocodile", img: "/images/5/5d/Card-crocodile.png" },
        { name: "Dalmatian", types: ["slasher", "bruiser", "gold", "break_wall"], link: "/Dalmatian", img: "/images/9/99/Card-dalmatian.png" },
        { name: "Franky Sanitaria", types: ["shooter", "bruiser", "gold", "break_wall"], link: "/Franky", img: "/images/6/61/Card-franky.png" },
        { name: "Gecko Moria Coxinha", types: ["slasher", "support", "gold"], link: "/Gecko_Moria", img: "/images/f/fc/Moria_card.png" },
        { name: "Hina", types: ["fighter", "bruiser", "gold", "break_wall", "bridge"], link: "/Hina", img: "/images/5/57/Card-hina.png" },
        { name: "Jesus Burgess", types: ["fighter", "tank", "gold", "break_wall"], link: "/Jesus_Burgess", img: "/images/2/28/Card-burgess.png" },
        { name: "Eustass Kid Rag", types: ["shooter", "tank", "gold", "break_wall", "bridge"], link: "/Kid", img: "/images/9/9a/Card-kid.png" },
        { name: "Killer", types: ["slasher", "dps", "gold"], link: "/Killer", img: "/images/b/b2/Card-killer.png" },
        { name: "Koala", types: ["fighter", "dps", "gold"], link: "/Koala", img: "/images/f/f3/Card-koala.png" },
        { name: "Leo & Mansherry", types: ["especialist", "support", "gold", "bridge"], link: "/Leo", img: "/images/d/d9/Card-leo.png" },
        { name: "Monkey D. Luffy Visno", types: ["fighter", "bruiser", "gold", "break_wall"], link: "/Luffy", img: "/images/a/af/Card-luffy.png" },
        { name: "Nami", types: ["especialist", "dps", "gold", "break_wall"], link: "/nami", img: "/images/0/08/Card-nami.png" },
        { name: "Perona", types: ["especialist", "support", "gold", "break_wall"], link: "/Perona", img: "/images/6/6d/Card-perona.png" },
        { name: "Rebecca", types: ["slasher", "tank", "gold"], link: "/Rebecca", img: "/images/9/91/Card-rebecca.png" },
        { name: "Nico Robin", types: ["especialist", "dps", "gold", "break_wall", "bridge"], link: "/Robin", img: "/images/3/3f/Card-robin.png" },
        { name: "Roronoa zoro", types: ["slasher", "bruiser", "gold", "break_wall"], link: "/Zoro", img: "/images/6/6f/Card-zoro.png" },
        { name: "Ryuma", types: ["slasher", "dps", "gold"], link: "/Ryuma", img: "/images/a/ac/Card-ryuma.png" },
        { name: "Scratchmen Apoo", types: ["shooter", "support", "gold"], link: "/Apoo", img: "/images/9/90/Card-apoo.png" },
        { name: "Smoker Piseiro", types: ["fighter", "tank", "gold"], link: "/Smoker", img: "/images/f/fb/Card-smoker.png" },
        { name: "Trafalgar Law Zhao Feng", types: ["slasher", "especialist", "dps", "gold", "break_wall"], link: "/Law", img: "/images/b/b9/Card-law.png" },
        { name: "Urouge", types: ["fighter", "tank", "gold", "break_wall"], link: "/Urouge", img: "/images/9/98/Card-urouge.png" },
        { name: "Usopp", types: ["shooter", "dps", "gold", "break_wall"], link: "/Usopp", img: "/images/a/ac/Card-usopp.png" },
        { name: "Van Augur", types: ["shooter", "dps", "gold", "break_wall"], link: "/Van Augur", img: "/images/c/c7/Card-vanaugur.png" },
        { name: "Vinsmoke Ichiji", types: ["fighter", "bruiser", "gold", "break_wall"], link: "/Ichiji", img: "/images/8/8c/Card-ichiji.png" },
        { name: "Vinsmoke Niji", types: ["shooter", "dps", "gold"], link: "/Niji", img: "/images/6/66/Card-niji.png" },
        { name: "Vinsmoke Reiju Athena", types: ["especialist", "support", "gold"], link: "/Reiju", img: "/images/2/23/Card-reiju.png" },
        { name: "Vinsmoke Sanji", types: ["fighter", "dps", "gold", "break_wall"], link: "/Sanji", img: "/images/0/04/Card-sanji.png" },
        { name: "Vinsmoke Yonji", types: ["fighter", "tank", "gold", "break_wall"], link: "/Yonji", img: "/images/7/73/Card-yonji.png" },
        { name: "X-drake", types: ["fighter", "bruiser", "gold", "break_wall"], link: "/X_Drake", img: "/images/6/69/Card-drake.png" },
        { name: "Satori", types: ["support", "shooter", "especialist", "silver"], link: "/Satori", img: "/images/f/f3/Satori_card.png" },
        { name: "Gedatsu", types: ["fighter", "dps", "silver"], link: "/Gedatsu", img: "/images/f/f6/Gedatsu_card.png" },
        { name: "Ohm", types: ["tank", "slasher", "silver"], link: "/Ohm", img: "/images/1/1e/Ohm_card.png" },
        { name: "Shura", types: ["slasher", "dps", "silver"], link: "/Shura", img: "/images/2/2e/Shura_card.png" },
        { name: "Arlong", types: ["fighter", "bruiser", "silver", "break_wall"], link: "/Arlong", img: "/images/1/1e/Card-arlong.png" },
        { name: "Bepo", types: ["fighter", "dps", "silver"], link: "/Bepo", img: "/images/1/1d/Card-bepo.png" },
        { name: "Mr.2", types: ["fighter", "dps", "silver"], link: "/mr.2", img: "/images/2/27/Card-bonchan.png" },
        { name: "Buggy", types: ["shooter", "dps", "silver", "break_wall"], link: "/buggy", img: "/images/c/ca/Card-buggy.png" },
        { name: "Daddy Masterson", types: ["shooter", "dps", "silver"], link: "/Daddy_Masterson", img: "/images/2/20/Card-daddy.png" },
        { name: "mr.1 Daz Bonez Kolivier", types: ["slasher", "tank", "silver"], link: "/mr.1", img: "/images/6/61/Card-dazbonez.png" },
        { name: "Miss Doublefinger Zala", types: ["slasher", "bruiser", "silver"], link: "/Miss_Doublefinger", img: "/images/5/5f/Card-doublefinger.png" },
        { name: "Don Krieg", types: ["shooter", "dps", "silver"], link: "/don_Krieg", img: "/images/8/8f/Card-krieg.png" },
        { name: "Kuro", types: ["slasher", "dps", "silver"], link: "/kuro", img: "/images/3/3d/Card-kuro.png" },
        { name: "mr.3 Galdino", types: ["especialist", "support", "silver", "bridge"], link: "/mr.3", img: "/images/7/75/Card-mr3.png" },
        { name: "Tashigi", types: ["slasher", "dps", "silver"], link: "/tashigi", img: "/images/b/b8/Card-tashigi.png" },
        { name: "Nefertari Vivi", types: ["slasher", "support", "silver"], link: "/Vivi", img: "/images/9/9c/Card-vivi.png" },
        { name: "Wapol", types: ["shooter", "tank", "silver", "break_wall"], link: "/wapol", img: "/images/b/ba/Card-wapol.png" },
        { name: "Alvida", types: ["fighter", "support", "bronze"], link: "/Alvida", img: "/images/8/83/Card-alvida.png" },
        { name: "Buchi & Sham", types: ["slasher", "bruiser", "bronze"], link: "/Buchi", img: "/images/0/0b/Card-buchi.png" },
        { name: "Cabaji", types: ["slasher", "dps", "bronze"], link: "/Cabaji", img: "/images/9/9d/Card-cabaji.png" },
        { name: "Chew", types: ["shooter", "dps", "bronze", "break_wall"], link: "/Chew", img: "/images/0/0f/Card-chew.png" },
        { name: "Eric", types: ["shooter", "slasher", "dps", "bronze"], link: "/Eric", img: "/images/3/31/Card-eric.png" },
        { name: "Gin", types: ["fighter", "shooter", "dps", "bronze"], link: "/Gin", img: "/images/1/18/Card-gin.png" },
        { name: "Miss Goldenweek", types: ["support", "especialist", "bronze"], link: "/Goldenweek", img: "/images/0/0e/Card-goldenweek.png" },
        { name: "Hatchan", types: ["slasher", "support", "bronze"], link: "/Hatchan", img: "/images/3/31/Card-hatchan.png" },
        { name: "Jango", types: ["shooter", "support", "bronze"], link: "/Jango", img: "/images/4/48/Card-jango.png" },
        { name: "Kuroobi", types: ["fighter", "tank", "bronze", "break_wall"], link: "/Kuroobi", img: "/images/6/6a/Card-kuroobi.png" },
        { name: "Mohji", types: ["especialist", "bruiser", "bronze"], link: "/Mohji", img: "/images/5/58/Card-mohji.png" },
        { name: "Morgan", types: ["slasher", "bruiser", "bronze"], link: "/Morgan", img: "/images/4/43/Card-morgan.png" },
        { name: "Mr.4", types: ["shooter", "bruiser", "bronze"], link: "/Mr.4", img: "/images/9/90/Card-mr4.png" },
        { name: "Mr.5", types: ["shooter", "dps", "bronze"], link: "/Mr.5", img: "/images/4/49/Card-mr5.png" },
        { name: "Pearl", types: ["fighter", "especialist", "tank", "bronze"], link: "/Pearl", img: "/images/d/de/Card-pearl.png" },
    ];


insert_in = field.parentNode;
    $(".filter--icon").on("click", function () {
// Find the label.
        const id = $(this).attr("id");
{
var lbls = insert_in.getElementsByTagName('label');
if (!lbls) {
before = field.nextSibling;
} else {
for (var i = 0; i < lbls.length; i++) {
if (lbls[i].htmlFor && lbls[i].htmlFor === id) {
before = lbls[i].nextSibling;
break;
}
}
}
}
offset = Math.abs(offset);
break;
case 'wpCategories':
field = document.getElementById('hotcatLabelTranslated');
if (!field)
return;


insert_in = field;
        if ($(this).hasClass("all")) {
before = null;
            $('.filter--icon.active').removeClass('active');
if (field.firstChild) {
            $(".characters").addClass('show');
field = field.firstChild;
            $(".filter--icon.all").addClass('active');
offset = Math.abs(offset);
            return false;
}
        } else {
break;
            $(".filter--icon.all").removeClass('active');
case 'wpAuthor':
        }
case 'wpSource':
if (!field)
return;


field = field.parentNode; // Because the field itself may vanish.
        if ($(this).hasClass("active")) {
insert_in = field.parentNode.cells[0];
            $(this).removeClass('active');
before = null;
            actives = $('.filter--icon.active');
break;
            query = "";
case 'wpDestFile':
if (!field)
return;


insert_in = field.parentNode.parentNode.cells[0];
            $.each(actives, function (key, item) {
before = null;
                query += "[data-type-" + item.id + "]";
if (is_reupload) {
            });
help_id = 'wpReuploadDestHelp';
field = null; // Field is hidden: attach the help text to the button instead
}
break;
case 'wpDesc':
if (!field) {
field = document.getElementById('wpUploadDescription');
if (field) { // Basic form
help_id = (is_reupload ? 'wpReuploadSummaryHelp' : 'wpUploadDescriptionHelp');
} else {
insert_in = document.getElementById('wpDescLabel');
if (!insert_in)
return;


field = insert_in;
            $(".characters" + query).addClass('show');
offset = Math.abs(offset);
        } else {
before = insert_in.nextSibling;
            if ($(this).hasClass("tier")) {
insert_in = insert_in.parentNode;
                $('.filter--icon.tier.active').removeClass('active');
break;
            }
}
}
/* falls through */
// eslint-disable-next-line no-fallthrough
case 'wpPatent':
field = document.getElementsByName(id)[0];
if (!field)
return;


insert_in = field.parentNode.parentNode.parentNode.cells[0];
            $(this).addClass('active');
before = null;
            $(".characters").removeClass('show');
break;
            query = "";
default:
            actives = $('.filter--icon.active');
if (!field)
return;


// In the table cell to the left
            $.each(actives, function (key, item) {
insert_in = field.parentNode.parentNode.cells[0];
                query += "[data-type-" + item.id + "]";
before = null;
            });
}
// Create and insert the help "button"
var button_construct = null,
button = null;
if (imgs && window.Buttons) {
button = Buttons.makeButton(imgs, id + '_HelpButton', '#');
button.style.position = 'relative';
button.style.top = '-0.4em';
button_construct = button;
} else {
button_construct = lk.cloneNode(true);
button = button_construct.getElementsByTagName('a')[0];
}
insert_in.insertBefore(button_construct, before);
if (window.Tooltip) {
// Create the tooltip
new Tooltip(
button,
function () {
return UFHelp.getHelp(help_id, true);
}, {
activate: Tooltip.CLICK,
deactivate: (UFHelp.help_close_imgs ?
Tooltip.CLICK_ELEM :
Tooltip.CLICK_TIP | Tooltip.CLICK_ELEM | Tooltip.LOSE_FOCUS),
close_button: UFHelp.help_close_imgs,
mode: Tooltip.FIXED,
fixed_offset: {
x: 10,
y: offset
},
max_pixels: maximum_width,
target: field,
open_delay: 0,
hide_delay: 0
},
UFHelp.tooltip_styles);
} else {
// Alternative setup without Tooltips: insert help text statically in a table field
// below the button.
button.onclick = function (evt) {
return UFHelp.showHelp(evt, help_id);
};
}
}


var button_imgs = null,
            $(".characters" + query).addClass('show');
button_lk = null;
        }
if (window.Buttons) {
    });
button_imgs = UFUI.getEntry('wpUploadFormHelpOpenButton', 'uiElements', UFUI.internalLanguage);
if (!button_imgs)
button_imgs = UFUI.getEntry('wpUploadFormHelpOpenButton', 'uiElements');


button_lk = null;
    $.each(characters, function (key, item) {
if (button_imgs)
        data = '';
button_imgs = button_imgs.getElementsByTagName('img');
        id = item.name.replace(/\s/g, '_').toLowerCase();


}
        $.each(item.types, function (key, value) {
if (!button_imgs || !button_imgs.length) {
            data += "data-type-" + value + " ";
// Alternative text-based "button"
        });
button_lk = document.createElement('sup');
button_lk.appendChild(document.createElement('b'));
button_lk.firstChild.appendChild(document.createTextNode(' ['));
button_lk.firstChild.appendChild(UFUtils.makeLink('?', '#'));
button_lk.firstChild.appendChild(document.createTextNode(']'));
button_imgs = null;
} else {
button_imgs = Buttons.createClass(button_imgs, 'wpUploadFormHelpOpenClass');
}


var widest_field = document.getElementById('wpAdditionalInfo');
        $("#characters-container").append(
var max_width = 0;
            "<div id=" + id + " class='characters show' " + data + " >" +
if (!widest_field)
            "<a href='https://wiki.gla.com.br/index.php" + item.link + "'>" +
widest_field = document.getElementById('wpUploadDescription');
            "<img src='" + item.img + "' alt='imagem de " + item.name + "' />" +
            "</a>" +
            "</div>"
        );
    });


if (widest_field) {
    $(".filter--searchButton").on("click", function () {
var w = UFUtils.getWidth(widest_field);
        $(".filter--icon.active").removeClass('active');
try {
        $(".characters.show").removeClass('show');
max_width = Math.round(w * 0.9);
        if ($("#f-input").val().toLowerCase() != '') {
} catch (ex) {
            $(".characters[id*=" + $("#f-input").val().toLowerCase() + "]").addClass('show');
max_width = 0;
        } else {
}
            $(".characters").addClass('show');
}
        }
fields.forEach(function (f) {
    });
setHelp(f, button_imgs, button_lk, max_width, is_reupload);
});
}
}; // end UFHelp


var UFFixes = {
    $('#f-input').keypress(function (e) {
fixAutocompletion: function () {
        const key = e.which;
// Do the overwrite check also for selections from the browser's "previous entry list"
        if (key == 13) // the enter key code
var destFile = document.getElementById('wpDestFile');
        {
if (destFile && destFile.onkeyup) {
            $('.filter--searchButton').click();
// For some reason, onchange doesn't fire upon autocompletion in FF and IE6. Don't use
            return false;
// onblur (recommended as a workaround on some Internet sites), it cancels button clicks
        }
// that cause the focus change. Unfortunately, FF also doesn't fire the DOMAttrModified
    });
// event upon autocompletion. Thus we're stuck for FF. At least the FF people are about
// to correct this bug (https://bugzilla.mozilla.org/show_bug.cgi?id=388558). On IE,
// there is a workaround.
if (window.ActiveXObject) { // We're on IE...
// See http://msdn2.microsoft.com/en-us/library/ms533032.aspx and
// http://msdn2.microsoft.com/en-us/library/ms536956.aspx
if (!destFile.onpropertychange) {
var previous_onkeyup_handler = destFile.onkeyup;
var previous_onchange_handler = destFile.onchange;
var handler = function (e) {
e = e || window.event;
if (e && e.propertyName && e.propertyName === 'value') {
if (typeof previous_onkeyup_handler === 'string')
eval(previous_onkeyup_handler);
else if (previous_onkeyup_handler instanceof Function)
previous_onkeyup_handler(e);


if (typeof previous_onchange_handler === 'string')
    //------- PERSONAGENS ---------
eval(previous_onchange_handler);
else if (previous_onchange_handler instanceof Function)
previous_onchange_handler(e);


}
    //------- WANTED ---------
};
    const wanted_slashers = [
if (destFile.addEventListener)
        { name: "Baby 5", wanteds: ["nami", "usopp", "mr. 3", "jango"], img: "/images/5/5e/Baby5_card.png" },
destFile.addEventListener('propertychange', handler);
        { name: "Ohm", wanteds: ["robin", "nami", "brook", "zoro", "luffy", "sanji", "urouge", "ryuma", "van augur", "law", "niji", "crocodile", "cabaji"], img: "/images/1/1e/Ohm_card.png" },
else if (destFile.attachEvent)
        { name: "Roronoa Zoro", wanteds: ["robin", "nami", "brook", "chopper", "franky", "luffy", "sanji", "perona", "usopp", "capone", "kid", "van augur", "law", "yonji", "ichiji", "mr. 1", "mr. 2", "mr. 3", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "koala", "buggy", "gin", "mohji", "drake", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/6/6f/Card-zoro.png" },
destFile.attachEvent('onpropertychange', handler);
        { name: "Shanks", wanteds: ["robin", "nami", "brook", "franky", "zoro", "luffy", "sanji", "bonney", "leo", "apoo", "rebecca", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "law", "yonji", "niji", "ichiji", "baby 5", "mr. 1", "mr. 2", "mr. 3", "doublefinger", "goldenweek", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "bellamy"], img: "/images/a/aa/Card-shanks.png" },
else
        { name: "Dracule Mihawk", wanteds: ["robin", "nami", "chopper", "luffy", "sanji", "bonney", "leo", "apoo", "urouge", "perona", "usopp", "ryuma", "capone", "van augur", "law", "reiju", "yonji", "niji", "ichiji", "baby 5", "mr. 2", "mr. 3", "doublefinger", "goldenweek", "mr. 4", "pearl", "arlong", "hatchan", "chew", "jango", "kuroobi", "buggy", "kuro", "krieg", "mohji", "morgan", "hawkins", "alvida", "crocodile"], img: "/images/9/91/Card-mihawk.png" },
return;
        { name: "Killer", wanteds: ["rebecca", "van augur", "pearl", "jango", "buggy", "alvida"], img: "/images/b/b2/Card-killer.png" },
        { name: "Tashigi", wanteds: ["chopper", "zoro", "luffy", "sanji", "bonney", "urouge", "perona", "ryuma", "killer", "burgess", "kid", "reiju", "yonji", "baby 5", "mr. 1", "mr. 2", "mr. 4", "pearl", "arlong", "hatchan", "buchi", "jango", "kuroobi", "koala", "kuro", "gin", "mohji", "morgan", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/b/b8/Card-tashigi.png" },
        { name: "Roronoa Zoro (TS)", wanteds: ["chopper", "leo", "perona", "usopp", "capone", "mr. 3", "goldenweek", "pearl", "hatchan", "buchi", "jango", "buggy", "alvida"], img: "/images/7/74/Card-zorots.png" },
        { name: "Rebbeca", wanteds: ["franky", "luffy", "sanji", "urouge", "usopp", "ryuma", "killer", "capone", "van augur", "law", "yonji", "niji", "mr. 2", "doublefinger", "mr. 4", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "buggy", "kuro", "gin", "krieg", "morgan", "drake", "alvida"], img: "/images/9/91/Card-rebecca.png" },
        { name: "Carrot", wanteds: ["nami", "chopper", "luffy", "sanji", "leo", "leo", "usopp", "capone", "kid", "van augur", "law", "niji", "ichiji", "mr. 3", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "krieg", "mohji", "drake", "alvida"], img: "/images/8/8d/Card-carrot.png" },
        { name: "Shimotsuki Ryuma", wanteds: ["nami", "brook", "chopper", "franky", "sanji", "leo", "urouge", "perona", "capone", "law", "reiju", "yonji", "niji", "baby 5", "doublefinger", "goldenweek", "mr. 4", "bepo", "pearl", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "gin", "mohji", "morgan", "drake", "alvida", "crocodile"], img: "/images/a/ac/Card-ryuma.png" },
        { name: "Trafalgar Law", wanteds: ["luffy", "sanji", "leo", "apoo", "usopp", "kid", "reiju", "yonji", "niji", "ichiji", "baby 5", "doublefinger", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "buggy", "krieg", "drake", "alvida"], img: "/images/b/b9/Card-law.png" },
        { name: "Mr. 1", wanteds: ["chopper", "perona", "killer", "capone", "law", "niji", "baby 5", "mr. 2", "doublefinger", "mr. 4", "bepo", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "kuro", "krieg", "mohji", "morgan", "alvida", "wapol", "crocodile"], img: "/images/6/61/Card-dazbonez.png" },
        { name: "Bastille", wanteds: ["chopper", "zoro", "law", "doublefinger", "mr. 4", "arlong", "buchi", "kuro", "gin", "alvida", "bellamy"], img: "/images/1/13/Card-bastille.png" },
        { name: "Dalmatian", wanteds: ["capone", "mr. 2", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "mohji", "morgan", "alvida", "crocodile"], img: "/images/9/99/Card-dalmatian.png" },
        { name: "Morgan", wanteds: ["robin", "nami", "leo", "van augur", "baby 5", "goldenweek", "buchi", "chew", "jango", "alvida"], img: "/images/4/43/Card-morgan.png" },
        { name: "Cabaji", wanteds: ["nami", "chopper", "chew", "jango", "alvida"], img: "/images/9/9d/Card-cabaji.png" },
        { name: "Kuro", wanteds: ["nami", "pearl", "hatchan", "buchi", "jango", "koala", "krieg", "mohji", "alvida", "bellamy"], img: "/images/3/3d/Card-kuro.png" },
        { name: "Eric", wanteds: ["nami", "brook", "apoo", "usopp", "reiju", "mr. 3", "goldenweek", "mr. 5", "jango", "buggy", "alvida"], img: "/images/3/31/Card-eric.png" },
        { name: "Miss Doublefinger", wanteds: ["chopper", "luffy", "sanji", "urouge", "rebecca", "perona", "usopp", "burgess", "capone", "kid", "reiju", "yonji", "pearl", "hatchan", "buchi", "jango", "kuroobi", "mohji", "alvida", "wapol"], img: "/images/5/5f/Card-doublefinger.png" },
    ];


destFile.onkeyup = null; // Otherwise, both may fire...
    const wanted_shooters = [
destFile.onchange = null;
        { name: "Baby 5", wanteds: ["nami", "usopp", "mr. 3", "jango"], img: "/images/5/5e/Baby5_card.png" },
}
        { name: "Daddy Masterson", wanteds: ["robin", "nami", "apoo", "apoo", "usopp", "niji", "mr. 3", "goldenweek", "mr. 5", "chew", "jango", "buggy", "krieg"], img: "/images/2/20/Card-daddy.png" },
} else {
        { name: "Enel", wanteds: ["robin", "usopp", "jango", "cabaji"], img: "/images/8/85/Enel_card.png" },
$(destFile).change(destFile.onkeyup);
        { name: "Capone Gang Bege", wanteds: ["robin", "nami", "brook", "chopper", "franky", "luffy", "sanji", "leo", "apoo", "rebecca", "usopp", "killer", "burgess", "van augur", "law", "reiju", "yonji", "niji", "ichiji", "baby 5", "mr. 2", "mr. 3", "goldenweek", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "krieg", "mohji", "morgan", "alvida", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/c/c0/Card-capone.png" },
// addEvent (destFile, 'change', destFile.onkeyup);
        { name: "Franky", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "leo", "urouge", "usopp", "ryuma", "burgess", "capone", "kid", "van augur", "law", "yonji", "niji", "ichiji", "baby 5", "mr. 1", "mr. 2", "doublefinger", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "mohji", "morgan", "hawkins", "alvida", "crocodile", "cabaji"], img: "/images/6/61/Card-franky.png" },
}
        { name: "Eustass kid", wanteds: ["chopper", "luffy", "usopp", "kid", "baby 5", "mr. 1", "mr. 2", "doublefinger", "mr. 4", "pearl", "buchi", "gin", "hawkins", "alvida", "crocodile"], img: "/images/9/9a/Card-kid.png" },
}
        { name: "Van Augur", wanteds: ["robin", "nami", "brook", "chopper", "franky", "luffy", "bonney", "leo", "apoo", "urouge", "usopp", "killer", "capone", "van augur", "law", "reiju", "yonji", "niji", "ichiji", "baby 5", "mr. 2", "mr. 3", "goldenweek", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "krieg", "mohji", "morgan", "drake", "alvida", "wapol", "cabaji"], img: "/images/c/c7/Card-vanaugur.png" },
}
        { name: "Portgas D. Ace", wanteds: ["nami", "brook", "chopper", "bonney", "leo", "apoo", "perona", "usopp", "kid", "van augur", "niji", "mr. 3", "mr. 5", "bepo", "arlong", "buchi", "chew", "jango", "kuroobi", "buggy", "krieg", "mohji"], img: "/images/4/40/Card-ace.png" },
        { name: "Usopp (TS)", wanteds: ["brook", "chopper", "leo", "apoo", "perona", "usopp", "van augur", "niji", "mr. 3", "goldenweek", "mr. 5", "hatchan", "chew", "jango", "buggy", "krieg", "alvida"], img: "/images/c/cc/Card-usoppts.png" },
        { name: "Donquixote Doflamingo", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "bonney", "leo", "apoo", "urouge", "perona", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "law", "reiju", "yonji", "niji", "ichiji", "mr. 2", "mr. 3", "doublefinger", "goldenweek", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "buchi", "jango", "kuroobi", "koala", "buggy", "gin", "krieg", "mohji", "morgan", "drake", "alvida"], img: "/images/8/8d/Card-doflamingo.png" },
        { name: "Buggy", wanteds: ["nami", "chopper", "bonney", "apoo", "perona", "usopp", "van augur", "baby 5", "mr. 4", "mr. 5", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "krieg", "mohji", "alvida", "cabaji"], img: "/images/c/ca/Card-buggy.png" },
        { name: "Vinsmoke Niji", wanteds: ["nami", "apoo", "van augur", "reiju", "mr. 3", "mr. 5", "buchi", "jango", "buggy", "krieg", "alvida"], img: "/images/6/66/Card-niji.png" },
        { name: "Wapol", wanteds: ["robin", "nami", "brook", "chopper", "zoro", "luffy", "sanji", "urouge", "rebecca", "perona", "ryuma", "killer", "burgess", "kid", "law", "reiju", "yonji", "ichiji", "baby 5", "mr. 1", "doublefinger", "mr. 4", "pearl", "arlong", "buchi", "jango", "kuroobi", "kuro", "mohji", "morgan", "hawkins", "wapol", "crocodile"], img: "/images/b/ba/Card-wapol.png" },
        { name: "Franky (TS)", wanteds: ["chopper", "zoro", "usopp", "capone", "kid", "yonji", "mr. 1", "doublefinger", "mr. 4", "pearl", "arlong", "buchi", "kuro", "alvida"], img: "/images/d/d0/Card-frankyts.png" },
        { name: "Borsalino Kizaru", wanteds: ["capone", "jango", "drake", "alvida"], img: "/images/3/32/Card-kizaru.png" },
        { name: "Don Krieg", wanteds: ["brook", "chopper", "apoo", "capone", "reiju", "goldenweek", "mr. 5", "hatchan", "buchi", "chew", "jango", "buggy", "drake", "alvida"], img: "/images/8/8f/Card-krieg.png" },
        { name: "Eric", wanteds: ["nami", "brook", "apoo", "usopp", "reiju", "mr. 3", "goldenweek", "mr. 5", "jango", "buggy", "alvida"], img: "/images/3/31/Card-eric.png" },
        { name: "Mr. 4", wanteds: ["chopper", "zoro", "bonney", "goldenweek", "buchi", "jango", "morgan"], img: "/images/9/90/Card-mr4.png" },
        { name: "Mr. 5", wanteds: ["brook", "sanji", "bonney", "goldenweek", "jango", "kuroobi"], img: "/images/4/49/Card-mr5.png" },
        { name: "Gin", wanteds: ["chopper", "capone", "van augur", "baby 5", "mr. 3", "goldenweek", "bepo", "buchi", "gin", "krieg", "mohji", "drake", "alvida", "cabaji"], img: "/images/1/18/Card-gin.png" },
        { name: "Chew", wanteds: ["mr. 5"], img: "/images/0/0f/Card-chew.png" },
        { name: "Usopp", wanteds: ["nami", "brook", "chopper", "leo", "apoo", "reiju", "niji", "mr. 3", "mr. 5", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "buggy", "krieg", "alvida", "wapol"], img: "/images/a/ac/Card-usopp.png" },
    ];


}; // end UFFixes
    const wanted_fighters = [
        { name: "Sabo", wanteds: ["nami", "niji", "mr. 2", "mr. 3", "goldenweek", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "cabaji"], img: "/images/0/04/Card-sabo.png" },
        { name: "X-Drake", wanteds: ["robin", "brook", "chopper", "franky", "zoro", "sanji", "bonney", "leo", "apoo", "urouge", "rebecca", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "law", "reiju", "yonji", "ichiji", "baby 5", "mr. 1", "mr. 3", "doublefinger", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji", "bellamy"], img: "/images/6/69/Card-drake.png" },
        { name: "Hina", wanteds: ["robin", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "leo", "urouge", "rebecca", "perona", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "reiju", "yonji", "ichiji", "baby 5", "mr. 1", "mr. 3", "doublefinger", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/5/57/Card-hina.png" },
        { name: "Smoker", wanteds: ["robin", "nami", "zoro", "luffy", "urouge", "capone", "van augur", "law", "baby 5", "mr. 1", "mr. 2", "mr. 3", "mr. 5", "krieg", "alvida"], img: "/images/f/fb/Card-smoker.png" },
        { name: "Bellamy", wanteds: ["nami", "brook", "chopper", "zoro", "luffy", "sanji", "apoo", "urouge", "rebecca", "ryuma", "burgess", "van augur", "law", "yonji", "ichiji", "baby 5", "mr. 1", "mr. 2", "doublefinger", "goldenweek", "mr. 4", "bepo", "pearl", "arlong", "buchi", "jango", "kuroobi", "koala", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/7/7e/Card-bellamy.png" },
        { name: "Urouge", wanteds: ["nami", "sanji", "apoo", "usopp", "capone", "chew"], img: "/images/9/98/Card-urouge.png" },
        { name: "Boa Hancock", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "leo", "urouge", "perona", "usopp", "ryuma", "burgess", "capone", "van augur", "law", "reiju", "yonji", "ichiji", "baby 5", "mr. 1", "mr. 3", "mr. 5", "bepo", "arlong", "hatchan", "chew", "jango", "kuroobi", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji", "bellamy"], img: "/images/4/47/Card-hancock.png" },
        { name: "VinsmokeYonji", wanteds: ["mr. 4", "kuro"], img: "/images/7/73/Card-yonji.png" },
        { name: "Vinsmoke Ichiji", wanteds: ["robin", "nami", "brook", "sanji", "apoo", "urouge", "rebecca", "usopp", "capone", "ichiji", "baby 5", "mr. 3", "mr. 5", "bepo", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/8/8c/Card-ichiji.png" },
        { name: "Mr. 2", wanteds: ["bonney", "usopp", "hatchan", "krieg", "alvida"], img: "/images/2/27/Card-bonchan.png" },
        { name: "Vinsmoke Sanji (TS)", wanteds: ["nami", "chopper", "usopp", "law", "mr. 2", "doublefinger", "mr. 4", "mr. 5", "bepo", "pearl", "buchi", "chew", "jango", "koala", "buggy", "krieg", "mohji", "morgan", "alvida", "wapol", "cabaji"], img: "/images/7/7a/Card-sanjits.png" },
        { name: "Monkey D. Luffy (TS)", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "leo", "apoo", "urouge", "rebecca", "perona", "usopp", "ryuma", "killer", "burgess", "kid", "law", "yonji", "niji", "ichiji", "mr. 1", "mr. 2", "doublefinger", "goldenweek", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "buggy", "kuro", "gin", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/e/ed/Card-luffyts.png" },
        { name: "Koala", wanteds: ["robin", "nami", "brook", "franky", "zoro", "luffy", "sanji", "leo", "apoo", "urouge", "usopp", "killer", "burgess", "capone", "van augur", "law", "reiju", "yonji", "mr. 1", "mr. 2", "doublefinger", "mr. 4", "bepo", "pearl", "arlong", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "crocodile", "cabaji", "bellamy"], img: "/images/f/f3/Card-koala.png" },
        { name: "Burgess", wanteds: ["robin", "nami", "brook", "franky", "zoro", "luffy", "sanji", "rebecca", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "law", "yonji", "niji", "ichiji", "mr. 1", "mr. 2", "doublefinger", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "kuroobi", "koala", "buggy", "kuro", "gin", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/2/28/Card-burgess.png" },
        { name: "Monkey D. Luffy", wanteds: ["brook", "chopper", "franky", "sanji", "leo", "usopp", "burgess", "kid", "law", "mr. 1", "mr. 2", "mr. 4", "mr. 5", "pearl", "arlong", "hatchan", "chew", "jango", "kuroobi", "koala", "buggy", "morgan", "alvida", "wapol", "cabaji"], img: "/images/a/af/Card-luffy.png" },
        { name: "Bepo", wanteds: ["zoro", "luffy", "sanji", "pearl", "arlong", "buchi", "kuro", "mohji", "morgan", "drake", "alvida"], img: "/images/1/1d/Card-bepo.png" },
        { name: "Vinsmoke Sanji", wanteds: ["brook", "chopper", "usopp", "kid", "mr. 4", "mr. 5", "pearl", "hatchan", "buchi", "chew", "jango", "kuroobi", "buggy", "gin", "morgan", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/0/04/Card-sanji.png" },
        { name: "Arlong", wanteds: ["mr. 2", "chew", "alvida"], img: "/images/1/1e/Card-arlong.png" },
        { name: "Gin", wanteds: ["chopper", "capone", "van augur", "baby 5", "mr. 3", "goldenweek", "bepo", "buchi", "gin", "krieg", "mohji", "drake", "alvida", "cabaji"], img: "/images/1/18/Card-gin.png" },
    ];


var UF = window.UploadForm = {
    const wanted_especialists = [
isInstalled: false, // Set to true when the onload hook runs
        { name: "Sakazuki Akainu", wanteds: ["capone", "bellamy"], img: "/images/b/b0/Card_akainu.png" },
        { name: "Uta", wanteds: ["nami", "usopp", "jango", "buggy"], img: "/images/2/22/Card_uta.png" },
        { name: "Sabo", wanteds: ["nami", "niji", "mr. 2", "mr. 3", "goldenweek", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "cabaji"], img: "/images/0/04/Card-sabo.png" },
        { name: "Enel", wanteds: ["robin", "usopp", "jango", "cabaji"], img: "/images/8/85/Enel_card.png" },
        { name: "Vinsmoke Reiju", wanteds: ["brook", "bonney", "urouge", "rebecca", "killer", "burgess", "kid", "reiju", "yonji", "baby 5", "mr. 2", "doublefinger", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "koala", "kuro", "gin", "mohji", "morgan", "hawkins", "alvida", "crocodile", "cabaji"], img: "/images/2/23/Card-reiju.png" },
        { name: "Portgas D. Ace", wanteds: ["nami", "brook", "chopper", "bonney", "leo", "apoo", "perona", "usopp", "kid", "van augur", "niji", "mr. 3", "mr. 5", "bepo", "arlong", "buchi", "chew", "jango", "kuroobi", "buggy", "krieg", "mohji"], img: "/images/4/40/Card-ace.png" },
        { name: "Donquixte Doflamingo", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "bonney", "leo", "apoo", "urouge", "perona", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "law", "reiju", "yonji", "niji", "ichiji", "mr. 2", "mr. 3", "doublefinger", "goldenweek", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "buchi", "jango", "kuroobi", "koala", "buggy", "gin", "krieg", "mohji", "morgan", "drake", "alvida"], img: "/images/8/8d/Card-doflamingo.png" },
        { name: "Borsalino Kizaru", wanteds: ["capone", "jango", "drake", "alvida"], img: "/images/3/32/Card-kizaru.png" },
        { name: "Trafalgar Law", wanteds: ["luffy", "sanji", "leo", "apoo", "usopp", "kid", "reiju", "yonji", "niji", "ichiji", "baby 5", "doublefinger", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "buggy", "krieg", "drake", "alvida"], img: "/images/b/b9/Card-law.png" },
        { name: "Carrot", wanteds: ["nami", "chopper", "luffy", "sanji", "leo", "leo", "usopp", "capone", "kid", "van augur", "law", "niji", "ichiji", "mr. 3", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "krieg", "mohji", "drake", "alvida"], img: "/images/8/8d/Card-carrot.png" },
        { name: "Nami (TS)", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "bonney", "leo", "apoo", "urouge", "rebecca", "usopp", "ryuma", "killer", "kid", "law", "reiju", "yonji", "niji", "ichiji", "baby 5", "mr. 1", "mr. 2", "mr. 3", "doublefinger", "goldenweek", "mr. 4", "mr. 5", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/3/35/Card-namits.png" },
        { name: "Nami", wanteds: ["chopper", "bonney", "leo", "apoo", "burgess", "law", "niji", "mr. 3", "doublefinger", "goldenweek", "mr. 5", "pearl", "hatchan", "buchi", "chew", "jango", "buggy", "krieg", "mohji", "alvida"], img: "/images/0/08/Card-nami.png" },
        { name: "Nico Robin", wanteds: ["nami", "chopper", "leo", "apoo", "usopp", "mr. 3", "arlong", "buchi", "chew", "jango", "buggy", "mohji", "alvida"], img: "/images/3/3f/Card-robin.png" },
        { name: "Nico Robin (TS)", wanteds: ["bonney", "leo", "apoo", "perona", "mr. 3", "buchi", "chew", "jango", "alvida"], img: "/images/b/b0/Card-robints.png" },
        { name: "Bartolomeo", wanteds: ["urouge", "reiju", "pearl", "arlong", "jango", "kuroobi", "koala", "morgan", "drake", "alvida"], img: "/images/a/a9/Card-barto.png" },
        { name: "Marshall D. Teach", wanteds: ["bonney", "perona", "killer", "capone", "mr. 2", "goldenweek", "mr. 5", "pearl", "buchi", "chew", "jango", "buggy", "alvida"], img: "/images/f/ff/Card-kurohige.png" },
        { name: "Crocodile", wanteds: ["nami", "yonji", "mr. 1", "alvida"], img: "/images/5/5d/Card-crocodile.png" },
        { name: "Bartolomew Kuma", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "urouge", "rebecca", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "yonji", "niji", "ichiji", "baby 5", "mr. 1", "mr. 2", "mr. 3", "doublefinger", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji", "bellamy"], img: "/images/b/b5/Card-kuma.png" },
        { name: "Basil Hawkins", wanteds: ["luffy", "urouge", "yonji", "pearl", "kuroobi", "alvida"], img: "/images/8/89/Card-hawkins.png" },
        { name: "Mohji", wanteds: ["alvida", "bonney", "buggy", "pearl", "van augur"], img: "/images/5/58/Card-mohji.png" },
        { name: "Leo & Mansherry", wanteds: ["alvida", "bonney", "mohji"], img: "/images/d/d9/Card-leo.png" },
    ];


debug: false, // Can be set to true by adding "&debug=true" to the URL
    function filterAndAppend(array, value, id) {
        whoDo = array.filter(
            function (v) {
                return v.wanteds.includes(value);
            }
        );


oldOnSubmit: null, // Possibly already existing onsubmit handler
        $.each(whoDo, function (key, item) {
errorColor: 'lightpink', // The light red from Template:Copyvio
            $(".wantedPortraits#" + id).append(
formModified: false,
                "<div class='wantedPortrait' >" +
                "<img src='" + item.img + "' alt='imagem de " + item.name + "' />" +
                "</div>"
            );
        })
    }


isReupload: false,
    $("#selectbox-wanted").on("input", function () {
        const value = $(this).val();


setup_hotcat_label: function () {
        if ($(".wantedPortrait"))
// If HotCat is present, translate its label if we can find it
            $(".wantedPortrait").remove();
var hotcatLabelCell = document.getElementById('hotcatLabel');
if (hotcatLabelCell) {
// Change its ID, just to be sure
hotcatLabelCell.setAttribute('id', 'hotcatLabelTranslated');
// Assumes that the cell has only one child (which is normally the case)
hotcatLabelCell.replaceChild(
UFUI.getLabel('wpCategoriesUploadLbl'),
hotcatLabelCell.firstChild);
}
},


setup_error_display: function () {
        filterAndAppend(wanted_shooters, value, "wanted-shooter");
var warningCell = document.getElementById('wpDestFile-warning');
        filterAndAppend(wanted_slashers, value, "wanted-slasher");
if (!warningCell)
        filterAndAppend(wanted_fighters, value, "wanted-fighter");
return;
        filterAndAppend(wanted_especialists, value, "wanted-especialist");
    });
    //------- WANTED ---------


var row = warningCell.parentNode;
    //------- SKILL TAB ---------
var new_cell = document.createElement('td');
    $('.tab-skill').on('click', function () {
new_cell.style.padding = '0';
        $('.tab-skill.active').removeClass('active');
// Remove the colspan, if any, and insert a new cell to the left
        $(this).addClass('active');
warningCell.colspan = '';
        const skillId = $(this).data('skill-id');
warningCell.padding = '0';
        if ($(".skillInfo[data-skill-id=" + skillId + "]")) {
row.insertBefore(new_cell, warningCell);
            $(".skillInfo.active").removeClass('active');
UFUtils.convert_td_div(warningCell);
            $(".skillInfo[data-skill-id=" + skillId + "]").addClass('active');
},
        }
    });
    //------- SKILL TAB ---------


set_fields_enabled: function (enabled, except) {
    //------- CALCULATOR XP ---------
// Enables or disables all named fields in the form, except those whose ids are
    const maximum_level = 110;
// listed in except
    const tier_values = {
var skip = except.join(' ');
        "diamond": 0.5,
var elems = UF.the_form.elements;
        "gold": 1,
var changed = false;
        "silver": 2,
for (var i = 0; i < elems.length; i++) {
        "bronze": 3
if (elems[i].type === 'hidden')
    };
continue;
// Don't fool around with hidden elements
var id = elems[i].id;
if (!id || !id.length)
id = elems[i].name;


if (id && id.length) {
    $(".calcXp--tierIcon").on("click", function () {
if (skip.indexOf(id) < 0) {
        $(".calcXp--tierIcon.active").removeClass('active');
if (elems[i].disabled === enabled) {
        $(this).addClass('active');
changed = true;
    });
if (elems[i].type === 'text' || elems[i].type === 'textarea') {
// Set the background. Actually, I'd like to just reset it to whatever the
// default was, but setting it to null doesn't do anything in IE6... We
// force a light gray for disabled fields since IE6 doesn't have a real
// visual "disabled" indicator for input fields.
try {
elems[i].style.backgroundColor = (enabled ? '#FFF' : '#EEE');
} catch (some_error) {
// Swallow
}
}
elems[i].disabled = !enabled;
}
}
}
}
if (changed) {
// Clear warning messages. If we disabled fields, they're obsolete; if we enabled fields,
// new warnings will be generated upon submit if necessary.
var myWarning = document.getElementById('wpUploadVerifyWarning');
if (myWarning)
myWarning.style.display = 'none';


}
    $("#calculate-btn").on('click', function () {
},
        getNeededPotions();
    });


previous_hotcat_state: null,
    function calcMissingXpInPotions() {
        const currentPercentOfXp = $("#char-currentPercentOfXp").val() != "" ? $("#char-currentPercentOfXp").val() : 100;
        const currentLevel = $("#char-level").val() != "" ? $("#char-level").val() : 1;
        const levelToUp = $("#char-levelToUp").val() != "" ? $("#char-levelToUp").val() : 110;
        const charTier = $(".calcXp--tierIcon.active").length != 0 ? tier_values[$(".calcXp--tierIcon.active").attr('id')] : tier_values["gold"];


getPrevValue: function (storedForm, element_id) {
        const percentToUp = 100 - currentPercentOfXp;
// Return a field's previous value, if known
        const currentXp = ((50 * (Math.pow((currentLevel - 1), 3)) - 150 * (Math.pow((currentLevel - 1), 2)) + 400 * (currentLevel - 1)) / 3) + ((50 * Math.pow(currentLevel, 2) - 150 * currentLevel + 200) * percentToUp / 100);
if (!storedForm || storedForm.length <= 1 || !element_id || !element_id.length)
        const desiredXp = (50 * (Math.pow((levelToUp - 1), 3)) - 150 * (Math.pow((levelToUp - 1), 2)) + 400 * (levelToUp - 1)) / 3;
return null;
        const missingXp = Math.round((desiredXp - currentXp));


for (var i = 1; i < storedForm.length; i++) {
        const missingPotions = {
if (storedForm[i] && element_id === storedForm[i].id)
            "small": Math.ceil((missingXp / (1000 * charTier))),
return storedForm[i].val;
            "medium": (missingXp / (10000 * charTier)).toFixed(1),
            "big": (missingXp / (100000 * charTier)).toFixed(2)
        };


}
        return missingPotions;
return null;
    }
},


license_button: null,
    function calcPotions() {
license_button_shown: false,
        const missingPotions = calcMissingXpInPotions();
current_license_preview: '&nbsp;',


get_license_preview: function () { // Tooltip callback
        var complementaryPotS;
var div = document.createElement('div');
        var complementaryPotM;
div.style.display = 'none';
        potS = missingPotions['small'];
document.body.appendChild(div);
        potM = missingPotions['medium'];
div.innerHTML = UF.current_license_preview;
        potB = missingPotions['big'];
document.body.removeChild(div);
div.style.fontSize = 'smaller';
div.style.display = '';
var wrapper = document.createElement('div');
wrapper.appendChild(div);
return wrapper;
},


create_license_button: function () {
        if (String(potS).slice(-1) == "0") {
// Will be called only from our rewritten wgUploadLicenseObj.showPreview, i.e.
            potM = Math.ceil(parseFloat(potM));
// we *know* that we *do* have Tooltips and Buttons here.
        } else {
var previewButton = UF.customFormButton(
            potM = Math.floor(potM);
'wpUploadFormPreviewLicenseButton', // Customization ID
            complementaryPotS = potS - potM * 10;
'wpUploadPreviewLicense', // ID of button
        }
null, // Default text
null, // Event handler, will be set below
'wpPreviewLicenseUploadLbl' // default label ID
);
new Tooltip(
previewButton,
UF.get_license_preview, {
activate: Tooltip.CLICK,
deactivate: (UFHelp.help_close_imgs ?
Tooltip.CLICK_ELEM :
Tooltip.CLICK_TIP | Tooltip.CLICK_ELEM | Tooltip.LOSE_FOCUS),
close_button: UFHelp.help_close_imgs,
mode: Tooltip.FIXED,
anchor: Tooltip.TOP_LEFT,
fixed_offset: {
x: 10,
y: 5,
dy: -1
},
open_delay: 0,
hide_delay: 0
},
UFHelp.tooltip_styles);
UF.license_button = previewButton;
},


setup_license_preview: function () {
        if (String(potM).slice(-1) == "0") {
var preview_panel = document.getElementById('mw-license-preview');
            potM = Math.ceil((parseFloat(potM)));
if (preview_panel)
            potB = Math.floor(potB);
UFUtils.convert_td_div(preview_panel);
        }
        else {
            potB = Math.floor(potB)
            complementaryPotM = potM - potB * 10
        }


// Change the license previewer to not overwrite our warning message, if any.
        const potions = {
if (window.wgUploadLicenseObj && wgUploadLicenseObj.showPreview && window.Tooltip) {
            "small": complementaryPotS,
wgUploadLicenseObj.showPreview = function (preview) {
            "medium": complementaryPotM,
var preview_panel = document.getElementById('mw-license-preview');
            "big": potB
if (!preview_panel)
        }
return;


if (preview === UF.current_license_preview)
        return potions;
return;
    }


UF.current_license_preview = preview;
    function getNeededPotions() {
var contents = null;
        const potions = calcPotions();
var new_state = false;
        const resultsArea = $("#calc-result");
if (!preview || !preview.length || preview === '&nbsp;') {
contents = document.createTextNode('\xa0'); // a single &nbsp;
new_state = false;
} else {
if (!UF.license_button)
UF.create_license_button();


if (!UF.license_button_shown)
        resultsArea.html('');
contents = UF.license_button;


new_state = true;
        if (potions["big"]) {
}
            resultsArea.append(
if (contents && new_state !== UF.license_button_shown) {
                "<div class='badge'>" +
if (preview_panel.firstChild)
                "<img src='/images/a/a5/Bigexppot.png' class='calcXp--xpIcon' />" +
preview_panel.replaceChild(contents, preview_panel.firstChild);
                "<span class='calcXp--numberOfPots'>" + potions['big'] + "</span>" +
else
                "</div>"
preview_panel.appendChild(contents);
            );
        }


}
UF.license_button_shown = new_state;
}; // end function
}
},


preview_tooltip: null, // Tooltip, if preview so configured
        if (potions["medium"]) {
do_preview: null, // Function to call to actually generate the preview
            resultsArea.append(
                "<div class='badge'>" +
                "<img src='/images/d/df/Medexppot.png' class='calcXp--xpIcon' />" +
                "<span class='calcXp--numberOfPots'>" + potions['medium'] + "</span>" +
                "</div>"
            );
        }


addPreviewButton: function (handler) {
// If we don't have Ajax, our preview won't work anyway.
if (!window.XMLHttpRequest && !window.ActiveXObject)
return;


var uploadButton = document.getElementsByName('wpUpload')[0]; // Has no ID...
        if (potions["small"]) {
// If we can't find the upload button, we don't know where to insert the preview button.
            resultsArea.append(
if (!uploadButton)
                "<div class='badge'>" +
return;
                "<img src='/images/5/5a/Smallexppot.png' class='calcXp--xpIcon' />" +
                "<span class='calcXp--numberOfPots'>" + potions['small'] + "</span>" +
                "</div>"
            );
        }
    }
    //------- CALCULATOR XP ---------


try {
    //------- VIDEO SELECTOR ---------
var previewButton = UF.customFormButton(
    $(".video-selector").on("click", function () {
'wpUploadFormPreviewButton', // Customization ID
        $(".video-selector.active").removeClass("active");
'wpUploadPreview', // ID of button
        $(this).addClass("active");
null, // Default text
UF.generatePreview, // Event handler
'wpPreviewUploadLbl' // default label ID
);
if (UFConfig.page_preview_in_tooltip && window.Tooltip) {
UF.preview_tooltip = new Tooltip(
previewButton,
UF.getPreview, {
activate: Tooltip.NONE, // We'll show it manually in generatePreview.
deactivate: Tooltip.CLICK_TIP,
close_button: UFHelp.help_close_imgs,
mode: Tooltip.FIXED,
target: uploadButton,
anchor: Tooltip.TOP_LEFT,
fixed_offset: {
x: 0,
y: 5,
dy: -1
},
open_delay: 0,
hide_delay: 0
},
UFHelp.tooltip_styles);
}
UF.do_preview = handler;
previewButton.setAttribute('style', 'margin-left:0.5em;');
var hotKey = 'p';
previewButton.setAttribute('accesskey', hotKey);
if (!(/\[\w+\]$/.test(previewButton.title)))
previewButton.title += ' [' + hotKey + ']';


if ($.fn.updateTooltipAccessKeys) {
        const value = $(this).data("value");
$('#t-print').remove(); // Not needed here and collides with same accesskey
        const obj = eval('(' + value + ')');
$(previewButton).updateTooltipAccessKeys();
        $("video[data-type-" + obj.select + "].active").removeClass('active');
}
        const index = obj.showId - 1;
uploadButton.parentNode.insertBefore(previewButton, uploadButton.nextSibling);
        $("video[data-type-" + obj.select + "]").eq(index).addClass('active');
} catch (ex) {}
    });
},
    //------- VIDEO SELECTOR ---------
    //-------- gurren
    $(document).ready(function () {
        // Alternar entre mostrar e ocultar abas ao clicar
        $('.mostrar-aba').click(function () {
            var aba_id = $(this).attr('data-aba');
            var aba_selecionada = $("#aba-" + aba_id);


getOwnWorkAuthor: function () {
            if (aba_selecionada.hasClass('atual')) {
if (typeof UFConfig.ownwork_author === 'string' &&
                aba_selecionada.removeClass('atual'); // Oculta a aba se já estiver ativa
UFConfig.ownwork_author.search(/\S/) >= 0) {
                $(this).removeClass('ativa'); // Remove a classe ativa do botão
// It's a non-empty string
            } else {
return UFConfig.ownwork_author;
                $('.aba').removeClass('atual'); // Oculta todas as abas
} else {
                aba_selecionada.addClass('atual'); // Exibe a aba correspondente
return '[[User:' + mw.config.get('wgUserName') + '|]]';
                $('.mostrar-aba').removeClass('ativa'); // Remove a classe ativa de outros botões
}
                $(this).addClass('ativa'); // Adiciona a classe ativa ao botão clicado
},
            }
        });


getOwnWorkSource: function () {
        // Exibir aba correspondente ao hash da URL
var text = UFUI.getLabel('wpOwnWorkUploadLbl', true);
        var url = location.href;
var result = null;
        var hash = url.split('#')[1];
try {
        if (hash != null && hash.length > 0) {
// Must have a text node.
            $("#aba-" + hash).addClass('atual'); // Exibe a aba do hash
while (text && text.nodeType !== Node.TEXT_NODE)
            $('*[data-aba="' + hash + '"]').addClass('ativa'); // Ativa o botão correspondente
text = text.firstChild;
        }
 
    });
if (text)
});
result = text.data.replace(/^\s+/, '').replace(/\s+$/, '');
 
} catch (ex) {
result = null;
}
if (!result)
result = '{{own}} ' + UF.getOwnWorkAuthor();
 
return result;
},
 
customFormButton: function (ui_id, id, defaultText, handler, defaultId) {
function getButtonSpan(container, idx) {
if (!container)
return null;
 
var spans = container.getElementsByTagName('span');
var span = null;
if (!spans || spans.length <= idx) {
// No spans... if idx is zero, try simply to take the first text node within container.
if (!idx)
span = container;
 
} else {
span = spans[idx];
}
// Ok, let's see if we have some text...
while (span && span.nodeType !== Node.TEXT_NODE)
span = span.firstChild;
 
if (span)
return span.data.replace(/^\s+/, '').replace(/\s+$/, '');
 
return null;
}
 
function getDefault(defaultText, defaultId) {
if (!defaultText) {
if (defaultId) {
defaultText = UFUI.getLabel(defaultId, true);
// Must have a text node
while (defaultText && defaultText.nodeType !== Node.TEXT_NODE)
defaultText = defaultText.firstChild;
 
if (defaultText)
defaultText = defaultText.data.replace(/^\s+/, '').replace(/\s+$/, '');
 
} else {
defaultText = 'X';
} // Hmmm... a serious misconfiguration
}
return defaultText;
}
 
var button = null,
imgs = null;
button = UFUI.getEntry(ui_id, 'uiElements', UFUI.internalLanguage);
if (!button)
button = UFUI.getEntry(ui_id, 'uiElements');
 
if (button)
imgs = button.getElementsByTagName('img');
 
if (!imgs || !imgs.length || window.Buttons === undefined) {
var buttonText = getButtonSpan(button, 0);
if (!buttonText)
buttonText = getDefault(defaultText, defaultId);
 
var alternateText = getButtonSpan(button, 1);
button = document.createElement('input');
button.setAttribute('id', id);
button.setAttribute('name', id);
button.type = 'button';
button.value = buttonText;
if (alternateText)
button.title = alternateText;
 
button.onclick = handler;
} else {
button = Buttons.makeButton(imgs, id, handler);
}
return button;
},
 
the_form: null,
 
// If a needed script that is included hasn't loaded yet, we try at most install_max_attempts
// times install_delay. If it then still has not loaded, we install all the same, and the
// setup routine will have to deal with it. (Note that script loading is asynchronous!)
install_delay: 400, // Milliseconds
installAttempts: 0,
install_max_attempts: 6, // maximum delay 2.4s
 
reallyInstall: function (force_basic) {
if (this.installAttempts < this.install_max_attempts &&
(!window.LanguageHandler || !window.UIElements || !window.Tooltip)) {
// Add needed scripts in the condition above.
window.setTimeout(function () {
UF.reallyInstall(force_basic);
}, this.install_delay);
} else {
UFUI.sanitizeUserLanguage();
var useBasic = force_basic || !!UFConfig.forcebasic || UFUI.isExperienced;
if (useBasic && !force_basic) {
// Only for autoconfirmed users!
var is_auto = false;
var userGroups = mw.config.get('wgUserGroups');
if (userGroups) {
for (var i = 0; i < userGroups.length && !is_auto; i++)
is_auto = userGroups[i] === 'autoconfirmed';
}
if (!is_auto)
useBasic = false;
}
try {
UFHelp.precreate_tooltip_closer();
this.setFileExtensions();
if (useBasic ||
document.URL.indexOf('uploadformstyle=basic') > 0 ||
document.URL.search(/uselang=(\w|-)*fromwikimedia/) > 0) {
// The fromwikimedia forms are special enough to warrant a special setup.
UploadFormBasic.setup(!force_basic);
} else {
UploadFormFull.setup();
}
this.setup_error_display();
UFHelp.setupHelp(this.isReupload);
if (!this.isReupload)
UFFixes.fixAutocompletion();
 
this.setupOverwriteMsg();
// Handle the "Upload new version" links, these have &wpDestFile=... in the URL, which
// defeats overwrite detection. Because someone might construct such a URL manually
// *not* actually overwriting an existing file, we still do the check:
if (!this.isReupload)
this.check_initial_dest_file();
 
} catch (ex) {
if (console && console.warn)
console.warn(ex);
else
mw.log.warn(ex);
 
// Not good at all. Something went badly wrong. If we have already modified the form,
// the best thing is probably to reload and make sure we don't try again:
if (this.formModified) {
var reloadURL = document.URL;
reloadURL += (reloadURL.indexOf('?') > 0) ? '&' : '?';
window.location.href = reloadURL + 'uploadformstyle=plain';
}
}
// not needed at beginning
importScript('MediaWiki:TextCleaner.js');
$.when(mw.loader.using('ext.gadget.HotCat'), $.ready)
.then(this.setup_hotcat_label);
this.removeSpinner();
}
this.installAttempts++;
},
 
removeSpinner: function () {
// Installed on ImprovedUploadForm.js
if ($.removeSpinner) $.removeSpinner('UploadLoadingSpinner');
},
 
install: function () {
if (UF.isInstalled || // Do this only once per page!
document.URL.indexOf('uploadformstyle=plain') > 0 || // We're disabled
// Also don't do anything if we're not on an upload form.
mw.config.get('wgCanonicalNamespace') !== 'Special' ||
mw.config.get('wgCanonicalSpecialPageName') !== 'Upload')
return UF.removeSpinner();
 
var form = document.getElementById('upload') || document.getElementById('mw-upload-form');
var originalDesc = document.getElementById('wpUploadDescription');
if (!form || !originalDesc)
return; // Oops. Not good: bail out; don't do anything. (then there should be also no spinner)
 
var reupload = document.getElementById('wpForReUpload');
var destFile = document.getElementById('wpDestFile');
 
if (reupload) {
UF.isReupload = !!reupload.value;
} else {
UF.isReupload = destFile && (destFile.disabled || destFile.readOnly);
$(form).append($('<input type="hidden" name="wpChangeTags" value="OUploadForm">'));
}
if (destFile && !!destFile.disabled) {
destFile.readOnly = true;
destFile.disabled = false;
}
if (destFile && UF.isReupload) {
destFile.onkeyup = function (/* e */) {};
destFile.onchange = function (/* e */) {};
}
// Use the basic form if the description was set *initially*, or if it's a re-upload, or if it's a special
// form
var useBasic = (originalDesc.defaultValue && originalDesc.defaultValue.length) ||
UF.isReupload ||
document.URL.indexOf('uselang=nlwikilovesmonuments') > 0;
 
UF.the_form = form;
if (document.URL.indexOf('debug=true') > 0)
UF.debug = true;
 
UF.reallyInstall(useBasic);
},
 
check_initial_dest_file: function () {
var destFile = document.getElementById('wpDestFile');
if (destFile && destFile.value && destFile.value.length &&
wgUploadWarningObj && wgUploadWarningObj.keypress instanceof Function)
wgUploadWarningObj.keypress();
 
},
 
errorMsgs: null,
warning_pushed: false,
 
display_errors: function () {
// Give user feedback about what is not ok.
var myWarning = document.getElementById('wpUploadVerifyWarning');
if (!myWarning) {
// Find the upload button
var uploadButton = document.getElementsByName('wpUpload');
var warningBox = null;
if (uploadButton)
uploadButton = uploadButton[0];
 
if (!uploadButton) {
warningBox = document.getElementById('wpDestFile-warning');
if (!warningBox)
return;
// We just have the field colors to indicate errors...
}
myWarning = document.createElement('div');
myWarning.style.border = '1px #F00 solid';
myWarning.style.backgroundColor = UF.errorColor;
myWarning.style.padding = '0.5em';
myWarning.style.marginTop = '0.5em';
myWarning.style.marginBottom = '0.5em';
myWarning.setAttribute('id', 'wpUploadVerifyWarning');
myWarning.setAttribute('width', '100%');
myWarning.style.display = 'none';
if (uploadButton)
uploadButton.parentNode.insertBefore(myWarning, uploadButton);
else
warningBox.parentNode.insertBefore(myWarning, warningBox.nextSibling);
 
}
// Now collect all the error messages into one div.
var msgs = document.createElement('ul');
msgs.style.paddingLeft = '1.0em';
msgs.style.marginLeft = '0';
for (var i = 0; i < UF.errorMsgs.length; i++) {
var msg = UFUI.getErrorMsg(UF.errorMsgs[i]);
if (msg) {
var li = document.createElement('li');
li.appendChild(msg);
msgs.appendChild(li);
}
}
UF.errorMsgs = null;
// And then display the messages
if (myWarning.firstChild)
myWarning.replaceChild(msgs, myWarning.firstChild);
else
myWarning.appendChild(msgs);
 
myWarning.style.display = 'block';
},
 
call_onsubmit: function (evt) {
var doSubmit = true;
if (UF.oldOnSubmit) {
if (typeof UF.oldOnSubmit === 'string')
doSubmit = eval(UF.oldOnSubmit);
else if (UF.oldOnSubmit instanceof Function)
doSubmit = UF.oldOnSubmit(evt);
}
return doSubmit;
},
 
templates: [{
name: 'information',
fields: ['description', 'date', 'source', 'author', 'permission', 'other versions'],
extract: [3, 1, 0],
desc_mandatory: true,
regexp: null
}, {
name: 'painting',
fields: ['Artist', 'Title', 'Year', 'Technique', 'Dimensions', 'Gallery',
'Location', 'Notes', 'Source', 'Permission',
'other_versions', 'Other versions'],
extract: [0, 8, 7],
desc_mandatory: false,
regexp: null
}, {
name: 'flickr',
fields: ['description', 'flickr_url', 'title', 'taken', 'photographer_url',
'photographer', 'photographer_location', 'reviewer', 'permission'],
extract: [[5, 4], 1, 0],
desc_mandatory: true,
regexp: null
}
],
 
empty_template: function (name) {
if (!name)
return null;
 
var test_name = name.toLowerCase();
for (var i = 0; i < UF.templates.length; i++) {
if (UF.templates[i].name === test_name) {
var result = '{{' + name;
for (var j = 0; j < UF.templates[i].fields.length; j++) {
result += '\n|' + UF.templates[i].fields[j] + '=';
if (UFUI.isOwnWork && !i) {
// Pre-fill some fields if we're on an own-work form and it's an
// information-template
switch (j) {
case 1: // Date
if (typeof UFConfig.ownwork_date === 'string' &&
UFConfig.ownwork_date.search(/\S/) >= 0)
result += UF.clean(UFConfig.ownwork_date);
break;
case 2: // Source-field
result += UF.clean(UF.getOwnWorkSource());
break;
 
case 3: // Author
result += UF.clean(UF.getOwnWorkAuthor());
break;
// default: break;
} // end switch
} // end if information for ownWork
}
return result + '\n}}';
}
}
return null;
},
 
extract_fields: function (desc, template_idx, list) {
function get(desc, field, regexp) {
var match_start = new RegExp('\\n\\s*\\| *' + field + ' *\\=', 'i');
var start = desc.match(match_start);
if (!start)
return null;
 
var rest = desc.substring(start.index + start[0].length);
var end = rest.search(regexp);
if (end < 0)
return rest;
 
return rest.substring(0, end);
}
 
var result = list;
var names = UF.templates[template_idx].fields;
var extract = UF.templates[template_idx].extract;
if (!UF.templates[template_idx].regexp) {
// Build the regexp
var regexp_str = '\\n\\s*(\\| *(' + names.join('|') + ') *\\=|\\}\\})';
UF.templates[template_idx].regexp = new RegExp(regexp_str);
}
for (var i = 0; i < extract.length; i++) {
var txt = null;
if (extract[i] instanceof Array) {
// It's an array giving alternatives...
var alternatives = extract[i];
for (var j = 0; j < alternatives.length; j++) {
txt = get(desc, names[alternatives[j]], UF.templates[template_idx].regexp);
if (txt && txt.search(/\S/) >= 0)
break;
// Non-empty: don't look further
txt = null;
}
} else {
txt = get(desc, names[extract[i]], UF.templates[template_idx].regexp);
}
if (txt)
result[result.length] = txt;
// Push one.
// Don't use "if (txt)", it's false if the string is, but empty!
}
return result;
},
 
split_description: function (desc) {
if (!desc || !desc.length) return null;
 
// Returns an array containing (in that order):
// index of template, author, source, description
for (var i = 0; i < UF.templates.length; i++) {
var regexp = new RegExp('\\{\\{' + UF.templates[i].name + '\\s*(\\||\\n)');
var start = desc.toLowerCase().search(regexp);
if (start >= 0) {
var result = [i];
// Now try to extract the fields:
return UF.extract_fields(desc.substring(start), i, result);
}
}
return null;
},
 
generatePreview: function (evt) {
if (UF.preview_tooltip &&
UF.preview_tooltip.popup.style.display !== 'none' &&
UF.preview_tooltip.popup.style.display)
UF.preview_tooltip.hide_now(null);
else
UF.do_preview(evt || window.event);
 
},
 
outerHTML: function (node) {
if (!node)
return '';
 
if (node.nodeType === 3)
return node.nodeValue;
// Text node
if (node.outerHTML)
return node.outerHTML;
 
var div = document.createElement('div');
div.style.display = 'none';
div.style.position = 'absolute';
div.appendChild(node);
document.body.appendChild(div);
var txt = div.innerHTML;
document.body.removeChild(div);
return txt;
},
 
makePreview: function (description, is_overwrite) {
if (is_overwrite) {
UF.showPreview(
'<div style="border:1px solid red; padding:0.5em;"><div class="previewnote">' +
UF.outerHTML(UFUI.getErrorMsg('wpPreviewOverwriteError')) +
'</div></div>');
} else {
var text = '<div style="border:1px solid red;padding:0.5em;"><div class="previewnote">\n' +
'{{MediaWiki:Previewnote/' + UFUI.userLanguage + '}}\n' +
'</div>\n';
var license = document.getElementById('wpLicense');
var licenseText = null;
if (license && license.selectedIndex > 0 &&
license.options[license.selectedIndex].value.length)
licenseText = '{{' + license.options[license.selectedIndex].value + '}}';
 
if (licenseText) {
text += '<h2>{{int:filedesc}}</h2>\n' +
description + '\n' +
'<h2>{{int:license-header}}</h2>\n' +
licenseText;
} else {
text += description + '\n';
}
// Add categories
if (hotcat_get_state instanceof Function) {
if ($('#catlinks').find('.hotcatlink').is(':hidden'))
hotcat_close_form();
 
var hotcat_categories = hotcat_get_state();
if (hotcat_categories && hotcat_categories.length) {
hotcat_categories = hotcat_categories.split('\n');
for (var i = 0; i < hotcat_categories.length; i++) {
if (hotcat_categories[i] && hotcat_categories[i].length)
text += '[[Category:' + hotcat_categories[i] + ']]';
 
}
}
}
text += '</div>';
 
// Make the Ajax call
var req;
if (window.XMLHttpRequest)
req = new window.XMLHttpRequest();
 
if (!req && window.ActiveXObject) {
try {
req = new window.ActiveXObject('Microsoft.XMLHTTP');
} catch (any) {}
}
if (!req)
return;
 
var button = document.getElementById('wpUploadPreview');
var page = document.getElementById('wpDestFile');
if (page)
page = page.value;
 
if ($.fn.injectSpinner)
$(button).injectSpinner('wpUploadPreviewSpinner');
 
var uri = mw.config.get('wgServer') + (mw.util ? mw.util.wikiScript('api') : mw.config.get('wgScriptPath') + '/api.php');
var args = 'action=parse&pst&text=' + encodeURIComponent(text) +
(page ? '&title=File:' + encodeURIComponent(page.replace(/ /g, '_')) : '') +
'&prop=text|categories&format=json';
// "&pst" is "Pre-save transform": tilde replacement, pipe magic for links like [[foo|]].
// Don't use a callback directly, add the function call ourselves *after* the call, since
// the API somehow resolves tildes to an IP number instead of the username if a callback
// is used. C.f. https://bugzilla.wikimedia.org/show_bug.cgi?id=16616
// Apparently, that's a feature, not a bug...
var request_length = uri.length + args.length + 1;
if (request_length > 2000) {
// Long URLs are problematic for GET requests
req.open('POST', uri, true);
req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
} else {
uri += '?' + args;
args = null;
req.open('GET', uri, true);
}
req.setRequestHeader('Pragma', 'cache=no');
req.setRequestHeader('Cache-Control', 'no-transform');
req.onreadystatechange = function () {
if ($.removeSpinner)
$.removeSpinner('wpUploadPreviewSpinner');
 
if (req.readyState !== 4 || req.status !== 200)
return;
 
// Add the "callback"...
if (req.responseText)
UF.jsonPreview(JSON.parse(req.responseText));
};
req.send(args);
}
},
 
jsonPreview: function (result) {
if (result && result.parse && result.parse.text && result.parse.text['*']) {
var txt = result.parse.text['*'];
var categories = result.parse.categories;
if (categories && categories.length) {
// Add a mock-up of a category bar. We don't care about non-existing categories, and we
// can't identify hidden categories.
var catbar = '<div class="catlinks"><div id="mw-normal-catlinks">' +
UF.outerHTML(UFUI.getLabel('wpCategoriesUploadLbl'));
categories.sort(
function (a, b) {
var key_a = a['*'].toLowerCase(),
key_b = b['*'].toLowerCase();
if (key_a < key_b)
return -1;
 
if (key_a > key_b)
return 1;
 
return 0;
});
for (var i = 0; i < categories.length; i++) {
var catname = categories[i]['*'];
if (catname && catname.length) {
if (i > 0)
catbar += ' |';
 
catbar += ' <a href="/wiki/Category:' + encodeURI(catname) + '">' +
catname.replace(/_/g, ' ') + '</a>';
}
}
catbar += '</div></div>';
// Now insert it into text.
var end = txt.lastIndexOf('</div>');
txt = txt.substring(0, end) + catbar + '</div>';
}
UF.showPreview(txt);
}
},
 
showPreview: function (result) {
if (UF.preview_tooltip) {
UF.preview_content = result;
UF.preview_tooltip.show_tip(null, false);
} else {
var preview = document.getElementById('wpUploadPreviewDisplay');
if (!preview) {
var before = document.getElementById('mw-upload-permitted');
if (!before || UFUtils.isChildOf(before, UF.the_form))
before = UF.the_form;
 
if (!before)
return;
// Don't know where to insert preview display. Error message here?
preview = document.createElement('div');
preview.setAttribute('id', 'wpUploadPreviewDisplay');
before.parentNode.insertBefore(preview, before);
}
try {
preview.innerHTML = result;
} catch (ex) {
preview.innerHTML = ''; // Error message here instead?
}
preview.style.display = ''; // Show it
}
},
 
hidePreview: function () {
if (UF.preview_tooltip) {
UF.preview_tooltip.hide_now(null);
} else {
var preview = document.getElementById('wpUploadPreviewDisplay');
if (preview)
preview.style.display = 'none';
 
}
},
 
getPreview: function () { // Callback for the tooltip
var div = document.createElement('div');
div.style.display = 'none';
document.body.appendChild(div);
div.innerHTML = UF.preview_content;
document.body.removeChild(div);
div.style.fontSize = 'smaller';
div.style.display = '';
var wrapper = document.createElement('div');
wrapper.appendChild(div);
return wrapper;
},
 
licenses_regexp: /\{\{(self|pd|gfdl|cc|l?gpl|fal|cecill|attribution|copyrighted free use|SOlicence|geograph|UN map|BArch-License|Apache)/i,
user_license_regexp: new RegExp('\\{\\{[Ss]ubst:[Uu]ser:' +
(mw.config.get('wgUserName') || 'null').replace(/([\\^$.?*+()[\]|{}])/g, '\\$1') +
'/'),
 
has_license: function (fields) {
if (!fields || !fields.length)
return false;
 
for (var i = 0; i < fields.length; i++) {
if (fields[i]) {
if (typeof (fields[i]) === 'string') {
if (fields[i].search(UF.licenses_regexp) >= 0)
return true;
 
} else {
if (fields[i].value.search(UF.licenses_regexp) >= 0)
return true;
 
}
}
}
for (var j = 0; j < fields.length; j++) {
if (fields[j]) {
if (typeof (fields[j]) === 'string') {
if (fields[j].search(UF.user_license_regexp) >= 0)
return true;
 
} else {
if (fields[j].value.search(UF.user_license_regexp) >= 0)
return true;
 
}
}
}
return false;
},
 
addAfterField: function (elem_id, element) {
if (!element)
return;
 
var elem = document.getElementById(elem_id);
if (!elem)
return;
 
// Find enclosing table cell.
while (elem && elem.nodeName.toLowerCase() !== 'td')
elem = elem.parentNode;
 
if (!elem)
return;
 
var container = document.createElement('div');
container.style.fontSize = 'smaller';
container.appendChild(element);
elem.appendChild(container);
},
 
old_overwrite_warning: null,
 
setupOverwriteMsg: function () {
if (!window.wgUploadWarningObj || !wgUploadWarningObj.setWarning)
return;
 
var msg = document.createElement('div');
msg.id = 'wpUploadFormScriptOverwriteWarning';
msg.style.display = 'none';
msg.style.color = 'red';
msg.appendChild(UFUI.getErrorMsg('wpPreviewOverwriteError'));
UF.addAfterField('wpDestFile', msg);
UF.old_overwrite_warning = wgUploadWarningObj.setWarning;
wgUploadWarningObj.setWarning = UF.overwriteMsg;
},
 
overwriteMsg: function (warning) {
if (!UF.old_overwrite_warning || UF.isReupload)
return;
 
// Make sure that 'this' is set to 'wgUploadWarningObj' in the call below!
UF.old_overwrite_warning.apply(wgUploadWarningObj, [warning]);
var is_overwrite = UF.isOverwrite();
var my_overwrite_warning = document.getElementById('wpUploadFormScriptOverwriteWarning');
if (my_overwrite_warning)
my_overwrite_warning.style.display = (is_overwrite ? '' : 'none');
 
UF.set_fields_enabled(
!is_overwrite,
['wpUploadFile', 'wpUploadFileURL', 'wpDestFile', 'wpUploadDescription', 'wpAdditionalInfo',
'wpLicense', 'wpWatchthis', 'wpIgnoreWarning', 'wpUpload']);
},
 
isOverwrite: function () {
if (document.getElementById('wpUploadWarningFileexists'))
return true;
 
var destfileWarning = document.getElementById('wpDestFile-warning');
if (!destfileWarning)
return false;
 
var destFile = document.getElementById('wpDestFile');
if (!destFile || !destFile.value)
return false;
 
var lks = destfileWarning.getElementsByTagName('a');
if (!lks || !lks.length)
return false;
 
// Trimmed, blanks replaced by underscores, first character capitalized
var fn1 = destFile.value.replace(/^\s\s*/, '').replace(/\s\s*$/, '').replace(/ /g, '_');
fn1 = fn1.substr(0, 1).toUpperCase() + fn1.substring(1);
var fn0 = 'Image:' + fn1;
fn1 = 'File:' + fn1;
 
var script = mw.config.get('wgScript');
var server = mw.config.get('wgServer');
for (var i = 0; i < lks.length; i++) {
var href = lks[i].getAttribute('href');
if (!href || lks[i].className === 'new')
continue;
if (!href.indexOf(script) || !href.indexOf(server + script)) {
var m = /[&?]title=([^&]*)/.exec(href);
if (m && m.length > 1)
href = m[1];
else
href = null;
} else {
var prefix = mw.config.get('wgArticlePath').replace('$1', '');
if (href.indexOf(prefix))
prefix = server + prefix;
// Fully expanded URL?
if (!href.indexOf(prefix))
href = href.substring(prefix.length);
else
href = null;
}
if (!href)
continue;
href = decodeURIComponent(href).replace(/ /g, '_');
if (href === fn1 || href === fn0)
return true;
}
return false;
 
},
 
allowedFileTypes: null,
forbiddenFileTypes: null,
 
badFileNames: /^(test|image|img|bild|example|(dsc|img)?(\s|_|-)*|\d{10}(\s|_|-)[0123456789abcdef]{10}(\s|_|-)[a-z])$/i,
// Filenames that have only components (separated by periods) that fully match this regexp
// are considered illegal. The second-but-last one catches DSC01234, or DSC_01234, or
// DSC_012_34 or also filenames conatining only digits and non-alphanumeric characters.
// The last catches Flickr's raw filenames. How to relax that last expression without catching
// too many legit file names?
// Matching is case-insensitive.
 
extractFileExtensions: function (div) {
var list = null;
// Get a mw-upload-permitted or mw-upload-prohibited div, extracts all extensions listed
var txt = div;
while (txt && txt.nodeType !== 3)
txt = txt.lastChild;
 
if (!txt)
return null;
 
// Try to figure out which comma to use (localizeable through MediaWiki:Comma-separator!)
if (txt.data.indexOf(',') >= 0) { // Standard
txt = txt.data.split(',');
} else if (txt.data.indexOf('،') >= 0) { // Arabic etc.
txt = txt.data.split('،');
} else if (txt.data.indexOf('、') >= 0) { // Chinese
txt = txt.data.split('、');
} else {
return null;
}
if (!txt || !txt.length)
return null;
 
for (var i = 0; i < txt.length; i++) {
var match = /(\w+)\W*$/.exec(txt[i]);
if (match) {
match = match[1].toLowerCase(); // The extension
if (!list)
list = {};
 
list[match] = true;
}
}
return list;
},
 
setFileExtensions: function () {
var fileExts = mw.config.get('wgFileExtensions');
if (fileExts) { // New as of 2009-09-17
UF.allowedFileTypes = {};
for (var i = 0; i < fileExts.length; i++)
UF.allowedFileTypes[fileExts[i]] = true;
 
UF.forbiddenFileTypes = null;
return;
}
 
UF.allowedFileTypes = UF.extractFileExtensions(document.getElementById('mw-upload-permitted'));
UF.forbiddenFileTypes = UF.extractFileExtensions(document.getElementById('mw-upload-prohibited'));
if (UF.allowedFileTypes) {
// Alternate OGG extensions
if (UF.allowedFileTypes.ogg) {
if (!UF.forbiddenFileTypes || !UF.forbiddenFileTypes.ogv)
UF.allowedFileTypes.ogv = true;
 
if (!UF.forbiddenFileTypes || !UF.forbiddenFileTypes.oga)
UF.allowedFileTypes.oga = true;
 
if (!UF.forbiddenFileTypes || !UF.forbiddenFileTypes.ogx)
UF.allowedFileTypes.ogx = true;
 
}
// OpenDoc extensions (are these needed?)
if (!UF.forbiddenFileTypes || !UF.forbiddenFileTypes.sxi)
UF.allowedFileTypes.sxi = true;
 
if (!UF.forbiddenFileTypes || !UF.forbiddenFileTypes.sxc)
UF.allowedFileTypes.sxc = true;
 
if (!UF.forbiddenFileTypes || !UF.forbiddenFileTypes.sxd)
UF.allowedFileTypes.sxd = true;
 
if (!UF.forbiddenFileTypes || !UF.forbiddenFileTypes.sxw)
UF.allowedFileTypes.sxw = true;
 
// PDF (allowed, but may be hidden in the interface)
if (!UF.forbiddenFileTypes || !UF.forbiddenFileTypes.pdf)
UF.allowedFileTypes.pdf = true;
 
}
},
 
checkFileExtension: function (ext, presence_only) {
if (presence_only) {
return (UF.allowedFileTypes && UF.allowedFileTypes[ext] === true) ||
(UF.forbiddenFileTypes && UF.forbiddenFileTypes[ext] === true);
}
return (!UF.allowedFileTypes || UF.allowedFileTypes[ext] === true) &&
(!UF.forbiddenFileTypes || UF.forbiddenFileTypes[ext] !== true);
},
 
verifyFileName: function (filename) {
if (!filename) {
UF.errorMsgs.push('wpNoFilenameError');
return false;
}
if (filename.search(/(https?|file|ftp):\/\//i) >= 0) {
UF.errorMsgs.push('wpHttpFilenameError');
return false;
}
var ok = true;
 
// Don't allow slashes
if (filename.indexOf('/') >= 0) {
UF.errorMsgs.push('wpNoSlashError');
ok = false;
}
// Check for double extensions
var fn = filename.split('.');
if (fn.length < 2 || !fn[fn.length - 1].length) {
UF.errorMsgs.push('wpNoExtensionError');
ok = false;
}
// Check extension
var nof_extensions = 0;
if (fn.length >= 2) {
nof_extensions++;
if (UF.checkFileExtension(fn[fn.length - 1].toLowerCase())) {
// It's ok, check for double extension
if (fn.length > 2) {
if (UF.checkFileExtension(fn[fn.length - 2].toLowerCase(), true)) {
nof_extensions++;
UF.errorMsgs.push('wpDoubleExtensionError');
ok = false;
}
}
} else {
UF.errorMsgs.push('wpIllegalExtensionError');
ok = false;
}
}
// Check for allowed file name
var one_ok = false;
for (var i = 0; i < fn.length - nof_extensions && !one_ok; i++) {
if (fn[i].length && fn[i].search(UF.badFileNames) < 0)
one_ok = true;
 
}
if (!one_ok) {
UF.errorMsgs.push('wpNondescriptFilenameError');
ok = false;
}
return ok;
},
 
cleaner: null,
 
clean: function (input) {
if (!UF.cleaner) {
// Because of asynchronous script loading, we need to check whether the TextCleaner is
// already defined. If not, just return the input.
if (window.TextCleaner && TextCleaner.sanitizeWikiText instanceof Function)
UF.cleaner = TextCleaner.sanitizeWikiText;
}
if (UF.cleaner && input && typeof input === 'string')
return UF.cleaner(input, true);
else
return input;
},
 
resetBg: function (e) {
e = e || window.event; // W3C, IE
return UF.verifyMandatoryField(e.target || e.srcElement);
},
 
verifyMandatoryField: function (node, handler) {
if (!node)
return true;
 
try {
if (!node.value ||
node.value.search(/\S/) < 0 ||
handler && handler instanceof Function && handler.length === 1 &&
!handler(node.value)) {
// No value set, or a handler was given and it is a function taking one parameter, and
// it returned false
var isError = node.id !== 'wpPermission';
if (!isError) {
var licenseField = document.getElementById('wpLicense');
// Careful here. The fromwikimedia forms appear not to have a license selector!
isError = !licenseField || !licenseField.selectedIndex;
}
if (isError) {
node.style.backgroundColor = UF.errorColor;
if (!UF.warning_pushed) {
if (UF.errorMsgs)
UF.errorMsgs.push('wpUploadWarningError');
 
UF.warning_pushed = true;
}
return false;
}
}
} catch (ex) {
// Swallow the exception
}
try {
node.style.backgroundColor = '#FFF';
} catch (some_error) {
// Swallow.
}
return true;
},
 
fixCategoryTransclusion: function (str) {
return str.replace(/(\{\{)\s*(:?\s*[Cc]ategory\s*:[^|}]*(\|[^}]*)?)(\}\})/g, '[[$2]]');
}
 
}; // end UF
 
var UploadFormBasic = {
onErrorForm: false, // True iff we're on a re-sent form (error case).
 
setup: function (auto_fill) {
// Special setup: don't use separate input fields; just verify the filename and that the
// description isn't empty.
var desc = document.getElementById('wpUploadDescription');
var previousForm = null;
UF.previous_hotcat_state = null;
if (!UF.isReupload && FormRestorer) {
var currentDestFile = document.getElementById('wpDestFile');
var originalDestFile = null;
if (currentDestFile) {
currentDestFile = currentDestFile.value;
originalDestFile = currentDestFile.defaultValue;
}
if (originalDestFile && originalDestFile.length) {
// If originalDestFile was set to something, we're not on the original upload form but
// on the re-sent form in error cases.
UploadFormBasic.onErrorForm = true;
} else if (currentDestFile && currentDestFile.length) {
previousForm = FormRestorer.readForm('UploadFormBasic');
if (!previousForm && desc && desc.value && desc.value.length) {
// Hmmm... IE sometimes cannot read the cookie (because it wasn't stored, due to some
// strange security settings on some computers that I've been unable to track down).
// If we're here, we have a target file name *and* a description: assume the description
// comes from the browser's field value cache and make sure we don't overwrite it.
auto_fill = false;
}
}
if (previousForm) {
var additionalData = previousForm[0].val;
if (additionalData) {
additionalData = additionalData.split('\t');
var previousFile = additionalData[0];
if (previousFile === currentDestFile) {
if (additionalData.length >= 2)
UF.previous_hotcat_state = additionalData[1];
 
} else {
previousForm = null;
}
}
}
}
UF.formModified = true;
if (document.getElementById('wpLicense'))
UF.setup_license_preview();
 
UF.oldOnSubmit = UF.the_form.onsubmit;
UF.the_form.onsubmit = UploadFormBasic.submit;
if (!UF.isReupload)
UF.addPreviewButton(UploadFormBasic.preview);
 
if (previousForm) {
// Restore form values.
if (desc) {
var prev = UF.getPrevValue(previousForm, desc.id);
if (prev)
desc.value = prev;
 
}
if (UF.previous_hotcat_state && hotcat_set_state instanceof Function) {
if ($('#catlinks').find('.hotcatlink').is(':hidden'))
hotcat_close_form();
UF.previous_hotcat_state = hotcat_set_state(UF.previous_hotcat_state);
}
} else {
if (!!UFConfig.autofill && auto_fill && !UF.isReupload) {
if (desc)
desc.value = UF.empty_template('Information');
}
}
if (desc && desc.value && desc.value.indexOf('{{Information') >= 0) {
// Only hide the box in the Uploadtext if there is really an inormation-template in the
// summary!
var infobox = document.getElementById('Uploadtext-template-box');
if (infobox)
infobox.style.display = 'none';
}
},
 
submit: function (evt) {
var overwrite = false;
if (!UF.isReupload)
overwrite = UF.isOverwrite();
 
if (!UploadFormBasic.verify(overwrite))
return false;
 
if (!UF.isReupload) {
var targetName = document.getElementById('wpDestFile');
if (targetName && targetName.value) { // Strip whitespace
targetName.value = targetName.value.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
}
if (!UploadFormBasic.onErrorForm &&
FormRestorer &&
targetName &&
targetName.value) {
var hotcat_state = null;
if (hotcat_get_state instanceof Function) {
if ($('#catlinks').find('.hotcatlink').is(':hidden'))
hotcat_close_form();
 
hotcat_state = hotcat_get_state();
}
// We already know that targetName.value is set!
FormRestorer.saveForm(
'UploadFormBasic',
UF.the_form.id,
targetName.value + (hotcat_state ? '\t' + hotcat_state : ''),
';path=' + document.location.pathname + ';max-age=1800');
// Expire after half an hour.
}
} // end if (UF.isReupload)
 
var desc = document.getElementById('wpUploadDescription');
var old_desc_value = desc.value;
var doSubmit = UF.call_onsubmit(evt || window.event);
if (!doSubmit) {
desc.value = old_desc_value;
} else {
desc.value = UF.fixCategoryTransclusion(UF.clean(desc.value));
UF.hidePreview();
document.getElementById('wpDestFile').disabled = false;
}
return doSubmit;
},
 
preview: function (/* e */) {
var overwrite = UF.isOverwrite();
if (!UploadFormBasic.verify(overwrite))
return false;
 
var desc = document.getElementById('wpUploadDescription');
UF.makePreview(UF.clean(desc.value), overwrite);
return true;
},
 
verify: function (overwrite) {
var desc = document.getElementById('wpUploadDescription');
var ok = true;
 
if (UF.isReupload) {
// Only check that the description isn't empty
if (UF.errorMsgs)
delete UF.errorMsgs;
 
UF.errorMsgs = [];
UF.warning_pushed = false;
if (!desc.value || desc.value.search(/\S/) < 0) {
desc.style.backgroundColor = UF.errorColor;
desc.onkeyup = UF.resetBg;
UF.errorMsgs.push('wpReuploadNoSummaryError');
ok = false;
}
} else {
if (!overwrite) {
if (UF.errorMsgs)
delete UF.errorMsgs;
 
UF.errorMsgs = [];
UF.warning_pushed = false;
 
if (!UF.verifyMandatoryField(desc)) {
desc.onkeyup = UF.resetBg;
ok = false;
} else {
// We do have a non-empty description. Try to split it up and check that the fields for
// author, source, and description are filled in.
var fields = UF.split_description(desc.value);
if (fields && fields.length === 4) {
if (
!fields[1] ||
fields[1].search(/\S/) < 0 || // Author
!fields[2] ||
fields[2].search(/\S/) < 0 // Source
) {
desc.style.backgroundColor = UF.errorColor;
desc.onkeyup = UF.resetBg;
if (!UF.warning_pushed) {
if (UF.errorMsgs)
UF.errorMsgs.push('wpUploadWarningError');
 
UF.warning_pushed = true;
}
ok = false;
}
if (UF.templates[fields[0]].desc_mandatory &&
(!fields[3] || fields[3].search(/\S/) < 0) // Description
) {
desc.style.backgroundColor = UF.errorColor;
desc.onkeyup = UF.resetBg;
UF.errorMsgs.push('wpNoDescriptionError');
ok = false;
}
}
}
// Try a license check
var license = document.getElementById('wpLicense');
if (!license || !license.selectedIndex) {
// There must be a license somewhere in the description.
if (!UF.has_license([desc])) {
var d = desc.value.replace(/\{\{\s*([Ii]nformation|[Pp]ainting|[Ff]lickr)\s*\n/g, '');
if (d.indexOf('{{') < 0) {
// No transcludion that could provide a license either
desc.style.backgroundColor = UF.errorColor;
desc.onkeyup = UF.resetBg;
if (!UF.warning_pushed) {
if (UF.errorMsgs)
UF.errorMsgs.push('wpUploadWarningError');
 
UF.warning_pushed = true;
}
ok = false;
}
// else assume it's ok.
}
} // end license check
var targetName = document.getElementById('wpDestFile');
if (targetName) {
// Trim leading and trailing whitespace
targetName.value = targetName.value.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
if (!UF.verifyFileName(targetName.value)) {
targetName.style.backgroundColor = UF.errorColor;
targetName.onkeyup = function (evt) {
UF.resetBg(evt);
if (wgUploadWarningObj &&
wgUploadWarningObj.keypress instanceof Function &&
!UF.isReupload)
wgUploadWarningObj.keypress();
 
};
ok = false;
}
}
}
} // end if (reupload or not)
if (!ok) {
UF.hidePreview();
UF.display_errors();
} else {
// It's ok: hide our warning box
var myWarning = document.getElementById('wpUploadVerifyWarning');
if (myWarning)
myWarning.style.display = 'none';
 
}
return ok;
} // end verify
 
}; // end UploadFormBasic
 
var UploadFormFull = {
form_type: 0, // 0 - single desc field; 1 - one desc field per language
field_state: null, // Will be initialized in setup below.
 
multi_inputs: null,
// If we're using several description fields, this is an array of objects
 
pushMultiInput: function (sel, text) {
if (!UploadFormFull.multi_inputs) {
UploadFormFull.multi_inputs = [{
selector: sel,
textfield: text
}
];
} else {
UploadFormFull.multi_inputs[UploadFormFull.multi_inputs.length] = {
selector: sel,
textfield: text
};
}
var idx = UploadFormFull.multi_inputs.length;
sel.id = 'wpLangSel' + idx;
sel.name = sel.id;
text.id = 'wpDescText' + idx;
text.name = text.id;
},
 
addDescField: function (content, lang, idx, storedForm) {
var selector = LanguageHandler.getSelect(null, lang, UFUI.getLabel('wpUnknownLanguageUploadLbl', true));
// These style definitions are needed for IE, which otherwise creates excessively wide
// selectors, pushing the main form to the right.
selector.style.maxWidth = '12em';
selector.style.width = '12em';
selector.style.overflow = 'hidden';
var textfield = document.createElement('textarea');
textfield.setAttribute('rows', UFUtils.getHeight(UFConfig.description_height, 2, 6));
textfield.style.width = '100%';
UploadFormFull.pushMultiInput(selector, textfield);
 
var newRow = content.insertRow(idx === null ? content.rows.length : idx);
var firstCell = document.createElement('td');
firstCell.classList.add('mw-label');
firstCell.setAttribute('vAlign', 'top');
firstCell.appendChild(selector);
var secondCell = document.createElement('td');
secondCell.classList.add('mw-input');
secondCell.setAttribute('vAlign', 'top');
secondCell.appendChild(textfield);
newRow.appendChild(firstCell);
newRow.appendChild(secondCell);
 
if (storedForm) {
var prev_idx = UF.getPrevValue(storedForm, selector.id);
var prev_val = UF.getPrevValue(storedForm, textfield.id);
if (prev_val !== null)
textfield.value = prev_val;
 
if (prev_idx !== null) {
selector.options[selector.selectedIndex].selected = false;
selector.options[prev_idx].selected = true;
}
}
UploadFormFull.enableEdittools(textfield);
},
 
addOneDescField: function (/* e */) { // onclick handler for the button
var button = document.getElementById('wpUploadAddDescription');
var table_row = button.parentNode.parentNode;
var idx = table_row.rowIndex;
UploadFormFull.addDescField(table_row.parentNode, null, idx, null);
},
 
addMultiDesc: function (table, idx, storedForm) {
var i;
 
// Add en and user language, if different
var userLang = LanguageHandler.closestLanguage(UFUI.userLanguage);
 
if (userLang === 'pt-br')
userLang = 'pt';
// Per request from Portuguese and Brazilians
var firstCell = document.createElement('td');
firstCell.classList.add('mw-label');
var secondCell = document.createElement('td');
var new_label = document.createElement('label');
new_label.id = 'wpDescLabel';
new_label.appendChild(UFUI.getLabel('wpDescUploadLbl'));
firstCell.appendChild(new_label);
 
var newRow = table.insertRow(idx);
newRow.appendChild(firstCell);
newRow.appendChild(secondCell);
idx++;
 
var added = false;
if (storedForm) {
// Maybe we had more... find 'wpLangSel1'
var curr = 0;
for (i = 1; i < storedForm.length; i++) {
if (storedForm[i].id === 'wpLangSel1') {
curr = i;
break;
}
}
if (curr > 0) {
while (curr < storedForm.length && !storedForm[curr].id.indexOf('wpLangSel')) {
UploadFormFull.addDescField(table, null, idx++, storedForm);
added = true;
curr++;
if (curr < storedForm.length && !storedForm[curr].id.indexOf('wpDescText'))
curr++;
 
}
}
} // end if
if (!added) {
if (UFConfig.description_languages &&
UFConfig.description_languages instanceof Array &&
UFConfig.description_languages.length) {
for (i = 0; i < UFConfig.description_languages.length; i++) {
var lang = LanguageHandler.closestLanguage(UFConfig.description_languages[i]);
UploadFormFull.addDescField(table, lang, idx++, storedForm);
}
} else {
if (UFConfig.own_language_first) {
if (userLang && userLang !== UFUI.defaultLanguage)
UploadFormFull.addDescField(table, userLang, idx++, storedForm);
 
UploadFormFull.addDescField(table, UFUI.defaultLanguage, idx++, storedForm);
} else {
UploadFormFull.addDescField(table, UFUI.defaultLanguage, idx++, storedForm);
if (userLang && userLang !== UFUI.defaultLanguage)
UploadFormFull.addDescField(table, userLang, idx++, storedForm);
 
}
}
}
// Now add a "+" button
var additional = UF.customFormButton(
'wpUploadFormAddDescButton', // Customization ID
'wpUploadAddDescription', // ID of button
'+', // Default text
UploadFormFull.addOneDescField // Event handler
);
 
newRow = table.insertRow(idx++);
firstCell = document.createElement('td');
secondCell = document.createElement('td');
secondCell.classList.add('mw-input');
secondCell.appendChild(additional);
newRow.appendChild(firstCell);
newRow.appendChild(secondCell);
 
return idx;
},
 
changeField: function (field_id) { // Callback for changeable field button
function get_selection(field) {
// Based on code from Jonas Raoni Soares Silva at http://jsfromhell.com/forms/selection
// License: {{tl|attribution}}
// Warning: simplified because we apply it only to an INPUT field. For TEXTAREAs, see the
// URL given.
if (field.selectionStart !== undefined) {
return {
start: field.selectionStart,
end: field.selectionEnd
};
} else if (field.createTextRange) {
field.focus();
var s = document.selection.createRange();
if (s.parentElement() !== field) {
return {
start: 0,
end: 0
};
}
var r = field.createTextRange();
r.setEndPoint('EndToStart', s);
return {
start: r.text.length,
end: r.text.length + s.text.length
};
}
return {
start: 0,
end: 0
};
}
 
var field = document.getElementById(field_id);
if (field.disabled)
return;
// Don't do anything if the field isn't enabled.
 
var button = document.getElementById(field_id + '_Button');
var cell = field.parentNode;
if (!field || !button || !cell)
return;
// Error message here?
var newField = document.createElement('textarea');
var height = UFUtils.getHeight(UploadFormFull.field_state[field_id].height, 2, 4);
newField.setAttribute('rows', height);
newField.style.width = '100%';
newField.value = field.value;
var sel = get_selection(field);
var tab_idx = field.getAttribute('tabindex');
cell.removeChild(button);
cell.replaceChild(newField, field);
field.id = '';
field.onfocus = null;
newField.id = field_id;
newField.setAttribute('tabindex', tab_idx);
UploadFormFull.enableEdittools(newField);
// Restore the selection
if (newField.setSelectionRange) { // e.g. khtml
newField.setSelectionRange(sel.start, sel.end);
} else if (newField.selectionStart !== undefined) {
newField.selectionStart = sel.start;
newField.selectionEnd = sel.end;
} else if (newField.createTextRange) { // IE
var new_selection = newField.createTextRange();
new_selection.move('character', sel.start);
new_selection.moveEnd('character', sel.end - sel.start);
new_selection.select();
}
newField.focus();
UploadFormFull.field_state[field_id].height = height;
},
 
enableEdittools: function (textfield) {
// To be called on each dynamically added field to ensure the edit toolbar works there
if (window.EditTools && EditTools.registerTextField instanceof Function) {
// We have EditTools
var buttons = document.getElementById('specialchars');
if (buttons && buttons.firstChild && buttons.firstChild.nodeName.toLowerCase() === 'select') {
// EditTools is already set up: we have to add an onfocus handler ourselves
$(textfield).focus(EditTools.registerTextField);
}
// Otherwise, EditTools will be set up later, and will catch this field, so we don't have
// to do anything.
}
},
 
switch_intro_text: function () {
// Set up the display of [[MediaWiki:Uploadtext]]
var long_text = document.getElementById('wpUploadFormLongText');
var short_text = document.getElementById('wpUploadFormShortText');
if (long_text && short_text) {
long_text.style.display = 'none';
if (UFUtils.isChildOf(long_text, short_text)) {
// If long_text is a child of short_text, then short_text is already shown, and
// long_text is just a part that isn't needed for the new upload form. Hence
// we're done.
return;
}
if (UFUtils.isChildOf(short_text, long_text)) {
// If the short_text is within the long_text, we need to take it out; otherwise
// it won't be shown.
short_text.parentNode.removeChild(short_text);
long_text.parentNode.insertBefore(short_text, long_text.nextSibling);
}
short_text.style.display = '';
} else {
// Remove the redundant infobox in the uploadtext explanation. People should *not*
// insert this template into description.
var infobox = document.getElementById('Uploadtext-template-box');
if (infobox)
infobox.style.display = 'none';
 
}
},
 
set_hints: function () {
UF.addAfterField('wpDestFile', UFUI.getHint('wpUploadFormDestFileHint'));
UF.addAfterField('wpSource', UFUI.getHint('wpUploadFormSourceHint'));
UF.addAfterField('wpAuthor', UFUI.getHint('wpUploadFormAuthorHint'));
UF.addAfterField('wpDate', UFUI.getHint('wpUploadFormDateHint'));
UF.addAfterField('wpPermission', UFUI.getHint('wpUploadFormPermissionHint'));
UF.addAfterField('wpAdditionalInfo', UFUI.getHint('wpUploadFormAdditionalInfoHint'));
UF.addAfterField('catlinks', UFUI.getHint('wpUploadFormCategoryHint'));
},
 
setup: function () {
function addField(table, idx, id, label, field, storedForm) {
if (!label)
label = UFUI.getLabel(id + 'UploadLbl');
 
var newRow = table.insertRow(idx);
var firstCell = document.createElement('td');
firstCell.classList.add('mw-label');
var new_label = document.createElement('label');
new_label.htmlFor = id;
new_label.appendChild(label);
firstCell.appendChild(new_label);
var secondCell = document.createElement('td');
secondCell.classList.add('mw-input');
field.setAttribute('name', id);
field.setAttribute('id', id);
secondCell.appendChild(field);
newRow.appendChild(firstCell);
newRow.appendChild(secondCell);
var prev_value = UF.getPrevValue(storedForm, id);
if (prev_value)
field.value = prev_value;
 
UploadFormFull.enableEdittools(field);
}
 
function addInput(table, idx, id, label, width, storedForm) {
var newField = document.createElement('input');
newField.setAttribute('type', 'text');
newField.setAttribute('size', String(width));
addField(table, idx, id, label, newField, storedForm);
UploadFormFull.enableEdittools(newField);
return newField;
}
 
function addChangeableField(height, table, idx, id, label, width, storedForm) {
var newField = null;
var field_id = 'wp' + id;
if (!height)
height = UFUtils.getHeight(UploadFormFull.field_state[field_id].height, 1, 4);
 
if (height > 1) {
newField = document.createElement('textarea');
newField.setAttribute('rows', height);
newField.style.width = '100%';
addField(table, idx, 'wp' + id, null, newField, storedForm);
} else {
newField = addInput(table, idx, field_id, null, 80, storedForm);
var button = UF.customFormButton(
'wpUploadForm' + id + 'Button',
field_id + '_Button',
'...',
function () {
UploadFormFull.changeField(field_id);
});
newField.parentNode.insertBefore(button, newField.nextSibling);
}
UploadFormFull.field_state[field_id].height = height;
UploadFormFull.enableEdittools(newField);
}
 
function setCheckBoxes(previousForm, boxes) {
if (!boxes || !boxes.length || !previousForm)
return;
 
for (var i = 0; i < boxes.length; i++) {
if (boxes[i]) {
var prev_val = UF.getPrevValue(previousForm, boxes[i].id);
if (prev_val)
boxes[i].checked = prev_val;
 
}
}
}
 
// Init the field states. Cannot be done earlier, otherwise definitions in user's
// monobook.js (or modern.js, or ...) won't be taken aboard.
UploadFormFull.field_state = {
wpSource: {
height: UFConfig.source_field_size
},
wpAuthor: {
height: UFConfig.author_field_size
}
};
 
var previousForm = null;
var previous_type = -1; // unknown
var previous_fields = [0, 0];
UF.previous_hotcat_state = null;
if (FormRestorer) {
// We know that when we arrive here originally, wpDestFile.value is empty, as is
// wpDestFile.defaultValue. If we entered something, submitted, and then come back,
// modern browsers restore form entries, at least for the fields in the static XHTML.
// wpDestFile is such a static field (it isn't added by Javascript), so if we have a
// non-empty value here, we know that the form needs to restored. (But see the caveat
// about IE and onload handling at the bottom of the file!)
var currentDestFile = document.getElementById('wpDestFile');
if (currentDestFile)
currentDestFile = currentDestFile.value;
 
if (currentDestFile && currentDestFile.length)
previousForm = FormRestorer.readForm('UploadForm');
 
if (previousForm) {
var additionalData = previousForm[0].val;
if (additionalData) {
additionalData = additionalData.split('\t');
var previousFile = additionalData[1];
if (previousFile === currentDestFile) {
previous_type = parseInt(additionalData[0], 10);
previous_fields[0] = parseInt(additionalData[2], 10);
previous_fields[1] = parseInt(additionalData[3], 10);
if (additionalData.length >= 5)
UF.previous_hotcat_state = additionalData[4];
 
} else {
previousForm = null;
}
}
}
}
var originalDesc = document.getElementById('wpUploadDescription');
var original_row = originalDesc.parentNode.parentNode;
var table = original_row.parentNode;
var original_idx = original_row.rowIndex;
UF.formModified = true;
originalDesc.setAttribute('id', '');
UF.oldOnSubmit = UF.the_form.onsubmit;
UF.the_form.onsubmit = UploadFormFull.submit;
table.deleteRow(original_idx);
var idx = original_idx;
// Insert source field
var newField = null;
addChangeableField(previous_fields[0], table, idx++, 'Source', null, 80, previousForm);
addChangeableField(previous_fields[1], table, idx++, 'Author', null, 80, previousForm);
addInput(table, idx++, 'wpDate', null, 80, previousForm);
// Insert description field
if (window.LanguageHandler === undefined || !previous_type) {
// Basic setup
newField = document.createElement('textarea');
newField.setAttribute('rows', UFUtils.getHeight(UFConfig.description_height, 6, 12));
newField.style.width = '100%';
// Do not name the new field 'wpUploadDescription', otherwise MediaWiki:Upload.js
// might prefill it with an information template!
addField(table, idx++, 'wpDesc', null, newField, previousForm);
UploadFormFull.form_type = 0;
} else {
idx = UploadFormFull.addMultiDesc(table, idx, previousForm);
UploadFormFull.form_type = 1;
}
addInput(table, idx++, 'wpOtherVersions', null, 80, previousForm);
addInput(table, idx++, 'wpPermission', null, 80, previousForm);
newField = document.createElement('textarea');
newField.setAttribute('rows', UFUtils.getHeight(UFConfig.additional_info_height, 2, 10));
newField.style.width = '100%';
// Work-around Firefox's "one additional line" bug
addField(table, idx++, 'wpAdditionalInfo', null, newField, previousForm);
// Add a preview button.
UF.addPreviewButton(UploadFormFull.preview);
// Correct tab indices.
for (var i = 0; i < UF.the_form.length; i++)
UF.the_form.elements[i].setAttribute('tabindex', String(i));
 
var license = document.getElementById('wpLicense');
// Change the license previewer to not cause a table re-layout
if (license) {
// These style definitions are because long option labels result in excessively wide
// selectors, causing also the description fields to go beyond the right border of the
// page.
license.style.maxWidth = '100%';
license.style.width = '100%';
license.style.overflow = 'hidden';
}
UF.setup_license_preview();
if (license) {
var prev = UF.getPrevValue(previousForm, 'wpLicense');
if (prev) {
try {
license.options[license.selectedIndex].selected = false;
license.options[prev].selected = true;
} catch (ex) {}
}
}
// Pre-fill in some cases
if (UFUI.isOwnWork) {
var src = document.getElementById('wpSource');
var author = document.getElementById('wpAuthor');
if (src && !src.value)
src.value = UF.getOwnWorkSource();
 
if (author && !author.value)
author.value = UF.getOwnWorkAuthor();
 
if (typeof UFConfig.ownwork_date === 'string' &&
UFConfig.ownwork_date.search(/\S/) >= 0) {
var date = document.getElementById('wpDate');
if (date && !date.value)
date.value = UFConfig.ownwork_date;
 
}
}
if (previousForm) {
setCheckBoxes(
previousForm,
[
document.getElementById('wpWatchthis'),
document.getElementById('wpIgnoreWarning')
]);
}
UploadFormFull.switch_intro_text();
// If HotCat is present, restore its state, too.
if (UF.previous_hotcat_state && hotcat_set_state instanceof Function) {
if ($('#catlinks').find('.hotcatlink').is(':hidden'))
hotcat_close_form();
 
UF.previous_hotcat_state = hotcat_set_state(UF.previous_hotcat_state);
}
UploadFormFull.set_hints();
}, // end setup
 
getDescText: function (basic) {
var descText = '';
if (!UploadFormFull.multi_inputs) {
var desc = document.getElementById('wpDesc');
if (desc && !desc.disabled)
descText = UF.clean(desc.value);
 
} else {
for (var i = 0; i < UploadFormFull.multi_inputs.length; i++) {
if (!UploadFormFull.multi_inputs[i].textfield.disabled) {
var text = UploadFormFull.multi_inputs[i].textfield.value;
var selector = UploadFormFull.multi_inputs[i].selector;
var lang = selector.options[selector.selectedIndex].value;
if (text) {
text = UF.clean(text);
if (descText.length)
descText += '\n';
 
if (!basic && lang && lang !== 'unknown') {
// This is Commons-specific! The tl-template is already used, the template for
// Tagalog is tgl!
if (lang === 'tl')
lang = 'tgl';
 
descText += '{{' + lang + '|1=' + text + '}}';
} else {
descText += text;
}
}
} // end if !disabled
}
}
var more_info = document.getElementById('wpAdditionalInfo');
if (!basic) {
var date = document.getElementById('wpDate');
var src = document.getElementById('wpSource');
var author = document.getElementById('wpAuthor');
var other = document.getElementById('wpPermission');
var othervers = document.getElementById('wpOtherVersions');
 
descText = '{{Information\n' +
'|description  =' + descText + '\n' +
'|date          =' + (!date.disabled ? UF.clean(date.value) : '') + '\n' +
'|source        =' + (!src.disabled ? UF.clean(src.value) : '') + '\n' +
'|author        =' + (!author.disabled ? UF.clean(author.value) : '') + '\n' +
((other && !other.disabled && other.value) ?
'|permission    =' + UF.clean(other.value) + '\n' :
'') +
((othervers && !othervers.disabled && othervers.value) ?
'|other versions=' + UF.clean(othervers.value) + '\n' :
'') +
'}}\n';
} else {
descText += '\n';
}
// Append the additional info, if any
if (more_info && !more_info.disabled && more_info.value)
descText += UF.clean(more_info.value);
 
return descText;
},
 
submit: function (evt) {
var overwrite = UF.isOverwrite();
if (!UploadFormFull.verify(overwrite))
return false;
 
// Now put together an information-template
var descText = UploadFormFull.getDescText(overwrite);
var doSubmit = true;
var targetName = document.getElementById('wpDestFile');
if (targetName && targetName.value) { // Strip whitespace
targetName.value = targetName.value.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
}
 
var dummyDesc = document.getElementById('wpUploadDescription');
// Sometimes, we do restore from scratch, and sometimes, the browser manages to keep everything.
// If so, we may have a wpUploadDescription from an earlier submission. Remove it.
if (dummyDesc)
dummyDesc.parentNode.removeChild(dummyDesc);
 
if (FormRestorer && targetName && targetName.value) {
var hotcat_state = null;
if (hotcat_get_state instanceof Function) {
if ($('#catlinks').find('.hotcatlink').is(':hidden'))
hotcat_close_form();
 
hotcat_state = hotcat_get_state();
}
// We already know that targetName.value is set!
FormRestorer.saveForm(
'UploadForm',
UF.the_form.id,
String(UploadFormFull.form_type) +
'\t' + targetName.value +
'\t' + UploadFormFull.field_state.wpSource.height +
'\t' + UploadFormFull.field_state.wpAuthor.height +
(hotcat_state ? '\t' + hotcat_state : ''),
';path=' + document.location.pathname + ';max-age=1800');
// Expire after half an hour.
}
 
dummyDesc = document.createElement('textarea');
dummyDesc.setAttribute('rows', '6');
dummyDesc.setAttribute('cols', '80');
dummyDesc.style.display = 'none';
dummyDesc.setAttribute('name', 'wpUploadDescription');
dummyDesc.setAttribute('id', 'wpUploadDescription');
UF.the_form.appendChild(dummyDesc);
dummyDesc.value = UF.fixCategoryTransclusion(descText);
 
doSubmit = UF.call_onsubmit(evt || window.event);
if (!doSubmit) {
// Oops. We actually don't submit. Remove the hidden field
UF.the_form.removeChild(dummyDesc);
} else {
UF.hidePreview();
document.getElementById('wpDestFile').disabled = false;
document.getElementById('wpEditToken').disabled = false;
}
return doSubmit;
},
 
preview: function (/* e */) {
var overwrite = UF.isOverwrite();
if (!UploadFormFull.verify(overwrite))
return false;
 
UF.makePreview(UploadFormFull.getDescText(overwrite), overwrite);
return true;
},
 
verify: function (overwrite) {
var src = document.getElementById('wpSource');
var author = document.getElementById('wpAuthor');
// var date = document.getElementById( 'wpDate' );
var other = document.getElementById('wpPermission');
// var othervers = document.getElementById( 'wpOtherVersions' );
var moreInfo = document.getElementById('wpAdditionalInfo');
var desc;
var ok = true;
 
if (!overwrite) {
if (UF.errorMsgs)
delete UF.errorMsgs;
 
UF.errorMsgs = [];
UF.warning_pushed = false;
 
if (!UF.verifyMandatoryField(src, function (src) {
var flickr_ok = !UFUI.isFromFlickr || src.search(/https?:\/\/([^./]+\.)*flickr\.com/) >= 0;
if (!flickr_ok)
UF.errorMsgs.push('wpFlickrURLError');
 
return flickr_ok;
})) {
src.onkeyup = UF.resetBg;
ok = false;
}
if (!UF.verifyMandatoryField(author)) {
author.onkeyup = UF.resetBg;
ok = false;
}
// Piece the description(s) together
var all_descs = '';
if (!UploadFormFull.multi_inputs) {
desc = document.getElementById('wpDesc');
if (desc)
all_descs = desc.value;
 
} else {
for (var input_idx = 0; input_idx < UploadFormFull.multi_inputs.length; input_idx++)
all_descs += UploadFormFull.multi_inputs[input_idx].textfield.value;
 
}
// License check
var licenseField = document.getElementById('wpLicense');
if (!(!licenseField || licenseField.selectedIndex > 0) && !UF.has_license([all_descs, other, moreInfo])) {
if (!UF.warning_pushed) {
UF.errorMsgs.push('wpUploadWarningError');
UF.warning_pushed = true;
}
ok = false;
}
var targetName = document.getElementById('wpDestFile');
if (targetName) {
// Trim leading and trailing whitespace
targetName.value = targetName.value.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
if (!UF.verifyFileName(targetName.value)) {
targetName.style.backgroundColor = UF.errorColor;
targetName.onkeyup = function (evt) {
UF.resetBg(evt);
if (wgUploadWarningObj && wgUploadWarningObj.keypress instanceof Function && !UF.isReupload)
wgUploadWarningObj.keypress();
 
};
ok = false;
}
}
if (UF.templates[0].desc_mandatory) {
if (all_descs.search(/\S/) < 0) {
if (!UploadFormFull.multi_inputs) {
desc = document.getElementById('wpDesc');
if (desc) {
desc.style.backgroundColor = UF.errorColor;
desc.onkeyup = UF.resetBg;
}
} else {
UploadFormFull.setMultiBg(UF.errorColor, UploadFormFull.resetMultiBg);
}
UF.errorMsgs.push('wpNoDescriptionError');
ok = false;
}
} // end description check
} // end overwrite
if (!ok) {
UF.hidePreview();
UF.display_errors();
} else {
// It's ok: hide our warning box
var myWarning = document.getElementById('wpUploadVerifyWarning');
if (myWarning)
myWarning.style.display = 'none';
 
}
return ok;
},
 
setMultiBg: function (color, handler) {
if (!UploadFormFull.multi_inputs)
return;
 
for (var i = 0; i < UploadFormFull.multi_inputs.length; i++) {
var field = UploadFormFull.multi_inputs[i].textfield;
field.style.backgroundColor = color;
field.onkeyup = handler;
}
},
 
resetMultiBg: function (evt) {
if (UF.resetBg(evt)) {
// Reset the backgrounds of all description fields
UploadFormFull.setMultiBg('#FFF', null);
}
}
 
}; // end UploadFormFull
 
UF.install();
 
}(jQuery, mediaWiki));
// </nowiki>

Edição das 18h31min de 31 de março de 2025

$(document).ready(function () {
    //------- GLOBAL EVENTS TIMER ---------
    (function () {
        var globalEventsTimer = $('#global-event-time'); // Atualizado: ID do Timer dos Global Events
        var globalEventsImage = $('.global-event-image'); // Atualizado: Classe da Imagem dos Global Events
        var globalEventsInterval;

        // Informações dos eventos
        /*
          0 - Domingo
          1 - Segunda-feira
          2 - Terça-feira
          3 - Quarta-feira
          4 - Quinta-feira
          5 - Sexta-feira
          6 - Sábado
        */
        var globalEventsInfo = {
            0: [
                { name: 'Foxy Memory', time: '02:00:00', src: '/images/3/37/Foxy_memory_event.png' },
                { name: 'Foxy race (ship)', time: '09:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
                { name: 'Deathmatch', time: '12:00:00', src: '/images/4/46/Deathmatch_event.png' },
                { name: 'Foxy race', time: '15:00:00', src: '/images/e/e8/Foxy_race_event.png' },
                { name: 'Foxy quiz', time: '19:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
                { name: 'Foxy count', time: '22:00:00', src: '/images/f/f3/Foxy_count_event.png' },
            ],
            1: [
                { name: 'Foxy Memory', time: '02:00:00', src: '/images/3/37/Foxy_memory_event.png' },
                { name: 'Foxy race (ship)', time: '09:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
                { name: 'Deathmatch', time: '12:00:00', src: '/images/4/46/Deathmatch_event.png' },
                { name: 'Foxy race', time: '15:00:00', src: '/images/e/e8/Foxy_race_event.png' },
                { name: 'Foxy quiz', time: '19:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
                { name: 'Foxy count', time: '22:00:00', src: '/images/f/f3/Foxy_count_event.png' },
            ],
            2: [
                { name: 'Foxy race (ship)', time: '02:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
                { name: 'Deathmatch', time: '09:00:00', src: '/images/4/46/Deathmatch_event.png' },
                { name: 'Foxy race', time: '12:00:00', src: '/images/e/e8/Foxy_race_event.png' },
                { name: 'Foxy quiz', time: '15:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
                { name: 'Foxy count', time: '19:00:00', src: '/images/f/f3/Foxy_count_event.png' },
                { name: 'Foxy Memory', time: '22:00:00', src: '/images/3/37/Foxy_memory_event.png' },
            ],
            3: [
                { name: 'Deathmatch', time: '02:00:00', src: '/images/4/46/Deathmatch_event.png' },
                { name: 'Foxy race', time: '09:00:00', src: '/images/e/e8/Foxy_race_event.png' },
                { name: 'Foxy quiz', time: '12:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
                { name: 'Foxy count', time: '15:00:00', src: '/images/f/f3/Foxy_count_event.png' },
                { name: 'Foxy Memory', time: '19:00:00', src: '/images/3/37/Foxy_memory_event.png' },
                { name: 'Foxy race (ship)', time: '22:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
            ],
            4: [
                { name: 'Foxy race', time: '02:00:00', src: '/images/e/e8/Foxy_race_event.png' },
                { name: 'Foxy quiz', time: '09:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
                { name: 'Foxy count', time: '12:00:00', src: '/images/f/f3/Foxy_count_event.png' },
                { name: 'Foxy Memory', time: '15:00:00', src: '/images/3/37/Foxy_memory_event.png' },
                { name: 'Foxy race (ship)', time: '19:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
                { name: 'Deathmatch', time: '22:00:00', src: '/images/4/46/Deathmatch_event.png' },
            ],
            5: [
                { name: 'Foxy quiz', time: '02:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
                { name: 'Foxy count', time: '09:00:00', src: '/images/f/f3/Foxy_count_event.png' },
                { name: 'Foxy Memory', time: '12:00:00', src: '/images/3/37/Foxy_memory_event.png' },
                { name: 'Foxy race (ship)', time: '15:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
                { name: 'Deathmatch', time: '19:00:00', src: '/images/4/46/Deathmatch_event.png' },
                { name: 'Foxy race', time: '22:00:00', src: '/images/e/e8/Foxy_race_event.png' },
            ],
            6: [
                { name: 'Foxy count', time: '02:00:00', src: '/images/f/f3/Foxy_count_event.png' },
                { name: 'Foxy Memory', time: '09:00:00', src: '/images/3/37/Foxy_memory_event.png' },
                { name: 'Foxy race (ship)', time: '12:00:00', src: '/images/2/29/Foxy_race_ship_event.png' },
                { name: 'Deathmatch', time: '15:00:00', src: '/images/4/46/Deathmatch_event.png' },
                { name: 'Foxy race', time: '21:55:00', src: '/images/e/e8/Foxy_race_event.png' },
                { name: 'Foxy quiz', time: '22:00:00', src: '/images/b/b3/Foxy_quiz_event.png' },
            ]
        };

        function pad(value) {
            return value < 10 ? '0' + value : value;
        }

        function getBrazilTime() {
            var now = new Date();
            var utc = now.getTime() + (now.getTimezoneOffset() * 60000); // Converte para UTC
            return new Date(utc - (3 * 3600000)); // Ajusta para UTC-3
        }

        function startGlobalEventCountdown(eventStartTime, eventEndTime) {
            if (globalEventsInterval) clearInterval(globalEventsInterval);

            globalEventsInterval = setInterval(function () {
                var now = getBrazilTime().getTime();

                if (now < eventEndTime) {
                    var timeRemaining = Math.ceil((eventEndTime - now) / 1000); // Segundos restantes
                    var minutes = Math.floor(timeRemaining / 60);
                    var seconds = timeRemaining % 60;
                    globalEventsTimer.html('Iniciando: ' + pad(minutes) + ":" + pad(seconds));
                } else {
                    clearInterval(globalEventsInterval);
                    setGlobalEvent();
                }
            }, 1000);
        }

        function setGlobalEvent() {
            var now = getBrazilTime(); // Usa o horário do Brasil
            var dayEvents = globalEventsInfo[now.getDay()];

            if (!dayEvents || dayEvents.length === 0) {
                globalEventsImage.attr('src', '/images/0/0a/Anyevent.png'); // Imagem padrão
                globalEventsTimer.html('Acabaram os eventos por hoje');
                return;
            }

            for (var i = 0; i < dayEvents.length; i++) {
                var event = dayEvents[i];
                var timeParts = event.time.split(':');
                var eventStartTime = new Date(
                    now.getFullYear(),
                    now.getMonth(),
                    now.getDate(),
                    parseInt(timeParts[0], 10),
                    parseInt(timeParts[1], 10),
                    parseInt(timeParts[2], 10)
                ).getTime();
                var eventEndTime = eventStartTime + 5 * 60 * 1000; // Evento dura 5 minutos para entrada

                if (now >= eventStartTime && now < eventEndTime) {
                    // Durante o período de entrada do evento
                    globalEventsImage.attr('src', event.src);
                    startGlobalEventCountdown(eventStartTime, eventEndTime);
                    return;
                }

                if (now < eventStartTime) {
                    // Antes do evento, exibe o horário fixo
                    globalEventsImage.attr('src', event.src);
                    globalEventsTimer.html(
                        new Date(eventStartTime).toLocaleTimeString('pt-BR', {
                            hour: '2-digit',
                            minute: '2-digit',
                        })
                    );

                    // Só inicia a contagem regressiva quando estiver próximo (faltando 5 minutos ou menos)
                    if (eventStartTime - now <= 5 * 60 * 1000) {
                        startGlobalEventCountdown(eventStartTime, eventEndTime);
                    }
                    return;
                }
            }

            // Após o último evento do dia
            globalEventsImage.attr('src', '/images/0/0a/Anyevent.png'); // Imagem padrão
            globalEventsTimer.html('Acabaram os eventos por hoje');
        }

        $(document).ready(function () {
            setGlobalEvent();
        });
    })();
    //------- GLOBAL EVENTS TIMER ---------
    //------- RANKED TIMER ---------
    (function () {
        var rankedTimer = $('#ranked-time'); // Timer das ranqueadas
        var rankedImage = $('.ranked-image'); // Imagem da ranqueada
        var rankedInterval;

        // Lista de ranqueadas com horários do Brasil (UTC-3)
        var rankedInfo = {
            0: [ // Domingo
                { name: 'Ranked 2x2 Duo', time: '15:00:00', src: '/images/7/7e/Ranked_duo_2v2_event.png' },
                { name: 'Ranked 2x2 Solo', time: '16:00:00', src: '/images/b/b1/Ranked_solo_2v2_event.png' },
                { name: 'Ranked 1x1', time: '17:00:00', src: '/images/e/ed/Ranked_1v1_event.png' }
            ],
            2: [ // Terça-feira
                { name: 'Ranked 2x2 Duo', time: '20:00:00', src: '/images/7/7e/Ranked_duo_2v2_event.png' },
                { name: 'Ranked 2x2 Solo', time: '21:00:00', src: '/images/b/b1/Ranked_solo_2v2_event.png' },
                { name: 'Ranked 1x1', time: '22:00:00', src: '/images/e/ed/Ranked_1v1_event.png' }
            ],
            4: [ // Quinta-feira
                { name: 'Ranked 2x2 Duo', time: '20:00:00', src: '/images/7/7e/Ranked_duo_2v2_event.png' },
                { name: 'Ranked 2x2 Solo', time: '21:00:00', src: '/images/b/b1/Ranked_solo_2v2_event.png' },
                { name: 'Ranked 1x1', time: '22:00:00', src: '/images/e/ed/Ranked_1v1_event.png' }
            ],
            6: [ // Sábado
                { name: 'Ranked 2x2 Duo', time: '15:00:00', src: '/images/7/7e/Ranked_duo_2v2_event.png' },
                { name: 'Ranked 2x2 Solo', time: '16:00:00', src: '/images/b/b1/Ranked_solo_2v2_event.png' },
                { name: 'Ranked 1x1', time: '17:00:00', src: '/images/e/ed/Ranked_1v1_event.png' }
            ]
        };

        function pad(value) {
            return value < 10 ? '0' + value : value;
        }

        // Função para calcular o horário no Brasil (UTC-3)
        function getBrazilTime() {
            var now = new Date();
            var utc = now.getTime() + (now.getTimezoneOffset() * 60000); // Converte para UTC
            return new Date(utc - (3 * 3600000)); // Ajusta para UTC-3
        }

        function startRankedCountdown(endTime) {
            if (rankedInterval) clearInterval(rankedInterval);

            rankedInterval = setInterval(function () {
                var now = getBrazilTime().getTime();
                var distance = endTime - now;

                if (distance > 0) {
                    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
                    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
                    rankedTimer.html(pad(hours) + ":" + pad(minutes) + ":" + pad(seconds));
                } else {
                    clearInterval(rankedInterval);
                    setRankedEvents(); // Ajusta automaticamente para a próxima fila
                }
            }, 1000);
        }

        function setRankedEvents() {
            var now = getBrazilTime(); // Usa o horário do Brasil
            var todayEvents = rankedInfo[now.getDay()];
            var eventFound = false;

            if (todayEvents) {
                for (var i = 0; i < todayEvents.length; i++) {
                    var event = todayEvents[i];
                    var timeParts = event.time.split(':');
                    var eventStartTime = new Date(
                        now.getFullYear(),
                        now.getMonth(),
                        now.getDate(),
                        parseInt(timeParts[0], 10),
                        parseInt(timeParts[1], 10),
                        parseInt(timeParts[2], 10)
                    );
                    var eventEndTime = new Date(eventStartTime.getTime() + 60 * 60 * 1000); // Duração fixa: 1 hora

                    // Se a fila está ativa
                    if (now >= eventStartTime && now < eventEndTime) {
                        rankedImage.attr('src', event.src); // Mostra o banner da fila atual
                        startRankedCountdown(eventEndTime.getTime()); // Contagem regressiva para o término da fila
                        eventFound = true;
                        return;
                    }

                    // Próximo evento no futuro
                    if (now < eventStartTime) {
                        rankedImage.attr('src', '/images/b/b0/Ranked_semranked_event.png'); // Mostra "RANKED" antes de começar
                        rankedTimer.html('Hoje às ' + event.time.split(':').slice(0, 2).join(':')); // Apenas exibe o horário fixo
                        eventFound = true;
                        return;
                    }
                }
            }

            // Caso não haja mais eventos hoje, exibe "Encerrado por hoje"
            if (!eventFound && todayEvents) {
                rankedImage.attr('src', '/images/b/b0/Ranked_semranked_event.png');
                rankedTimer.html('Encerrado por hoje');
            }

            // Caso não haja eventos hoje, busca o próximo dia
            if (!eventFound) {
                var nextRanked = findNextRankedDay(now.getDay());
                if (nextRanked) {
                    var nextDayName = getWeekDayName(nextRanked.day); // Nome do próximo dia
                    var nextEvent = nextRanked.events[0]; // Primeiro evento do próximo dia
                    rankedImage.attr('src', '/images/b/b0/Ranked_semranked_event.png'); // Mostra "RANKED"
                    rankedTimer.html(nextDayName + ' às ' + nextEvent.time.split(':').slice(0, 2).join(':'));
                } else {
                    rankedTimer.html('Sem informações de ranqueadas');
                }
            }
        }

        function findNextRankedDay(currentDay) {
            for (var i = 1; i <= 7; i++) {
                var nextDay = (currentDay + i) % 7;
                if (rankedInfo[nextDay]) {
                    return { day: nextDay, events: rankedInfo[nextDay] };
                }
            }
            return null;
        }

        function getWeekDayName(dayIndex) {
            var days = ['Domingo', 'Segunda-feira', 'Terça-feira', 'Quarta-feira', 'Quinta-feira', 'Sexta-feira', 'Sábado'];
            return days[dayIndex];
        }

        $(document).ready(function () {
            setRankedEvents();
        });
    })();

    //------- WORLD BOSS TIMER ---------
    (function () {
        var wbTimer = $('#worldboss-time'); // Timer do World Boss
        var wbBossImage = $('.worldboss-image'); // Imagem do World Boss
        var wbInterval;

        // copie, cole e mude a data (não esqueça da virgula!)
        /*
        { date: '2024-12-20', name: 'Marineford', src: '/images/e/e6/Marineford_event.png' }
        { date: '2024-12-20', name: 'Hiking Bear', src: '/images/6/6d/Hiking_bear_wb_event.png' }
        { date: '2024-12-20', name: 'Byakko', src: '/images/1/1a/Byakko_wb_event.png' }
        { date: '2024-12-20', name: 'Plesiosaur', src: '/images/6/6e/Plesiosaur_wb_event.png' }
        { date: '2024-12-20', name: 'Shai-Hulud', src: '/imimages/d/d1/Shai_hulud_wb_event.png' }
        { date: '2024-12-20', name: 'Bananawani', src: '/images/8/87/Bananawani_wb_event.png' }
        { date: '2024-12-20', name: 'Aokiji', src: '/images/4/4c/Aokiji_wb_event.png' }
        { date: '2024-12-20', name: 'Mihawk', src: '/images/e/e4/Mihawk_wb_event.png' }
        */
        var wbBossesList = [
            { date: '2024-12-20', name: 'Marineford', src: '/images/e/e6/Marineford_event.png' },
            { date: '2024-12-27', name: 'Hiking Bear', src: '/images/6/6d/Hiking_bear_wb_event.png' },
            { date: '2025-01-03', name: 'Marineford', src: '/images/e/e6/Marineford_event.png' },
            { date: '2025-01-10', name: 'Byakko', src: '/images/1/1a/Byakko_wb_event.png' },
            { date: '2025-01-17', name: 'Marineford', src: '/images/e/e6/Marineford_event.png' },
            { date: '2025-01-24', name: 'Aokiji', src: '/images/4/4c/Aokiji_wb_event.png' },
            { date: '2025-01-31', name: 'Marineford', src: '/images/e/e6/Marineford_event.png' }
        ];

        var wbDuration = 22 * 60 * 60 * 1000; // Duração do evento: 22 horas em milissegundos

        function pad(value) {
            return value < 10 ? '0' + value : value;
        }

        // Calcula o horário do evento no Brasil (UTC-3) e ajusta para o horário local do usuário
        function convertToLocalTime(dateInBrazil) {
            var brazilTime = new Date(dateInBrazil + 'T11:00:00-03:00'); // Evento começa às 11h no Brasil (UTC-3)
            return brazilTime; // Retorna o horário ajustado automaticamente para o fuso do navegador
        }

        function startWorldBossCountdown(endTime) {
            if (wbInterval) clearInterval(wbInterval); // Garante que não haja múltiplos intervalos

            wbInterval = setInterval(function () {
                var now = new Date().getTime(); // Usa o horário local do navegador
                var distance = endTime - now;

                if (distance > 0) {
                    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
                    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
                    wbTimer.html(pad(hours) + ":" + pad(minutes) + ":" + pad(seconds));
                } else {
                    clearInterval(wbInterval);
                    wbUpdateBoss(); // Atualiza para o próximo World Boss
                }
            }, 1000);
        }

        function wbUpdateBoss() {
            var now = new Date(); // Usa o horário local do navegador

            for (var i = 0; i < wbBossesList.length; i++) {
                var wbEventStart = convertToLocalTime(wbBossesList[i].date); // Converte para o horário local do usuário
                var wbEventEnd = new Date(wbEventStart.getTime() + wbDuration); // Calcula o horário de término

                if (now < wbEventStart) {
                    // Próximo World Boss (antes de começar)
                    wbBossImage.attr('src', wbBossesList[i].src || '/images/9/93/Anywb_event.png');
                    wbTimer.html(
                        wbEventStart.toLocaleDateString('pt-BR', { day: '2-digit', month: '2-digit' }) +
                        ' às ' +
                        wbEventStart.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })
                    );
                    return;
                } else if (now >= wbEventStart && now < wbEventEnd) {
                    // World Boss ativo
                    wbBossImage.attr('src', wbBossesList[i].src);
                    startWorldBossCountdown(wbEventEnd.getTime());
                    return;
                }
            }

            // Caso nenhum World Boss esteja ativo ou programado
            wbBossImage.attr('src', '/images/9/93/Anywb_event.png');
            wbTimer.html('Nenhum WB programado');
        }

        $(document).ready(function () {
            wbUpdateBoss();
        });
    })();

    //------- TABSKILL (PERSONAGENS) ---------
    $('.tab-skill-test').on('click', function () {
        $('.tab-skill-test.active').removeClass('active');
        $(this).addClass('active');

        var skillId = $(this).data('skill-id');
        $('.skillInfo-test.active').removeClass('active').addClass('hidden');
        $('.skillInfo-test[data-skill-id="' + skillId + '"]').removeClass('hidden').addClass('active');
    });

    // Ativar tab e habilidade com base no hash da URL
    var hash = window.location.hash; // Exemplo: https://wiki.gla.com.br/index.php/Aokiji#IceStar
    if (hash) {
        var linkName = hash.replace('#', '');
        var tabButton = $('.tab-skill-test[data-link-name="' + linkName + '"]');
        var skillSection = $('.skillInfo-test[data-link-name="' + linkName + '"]');

        if (tabButton.length && skillSection.length) {
            $('.tab-skill-test.active').removeClass('active');
            tabButton.addClass('active');

            $('.skillInfo-test.active').removeClass('active').addClass('hidden');
            skillSection.removeClass('hidden').addClass('active');
        }
    }
    //------- TOOLTIP IMAGE---------
    /*
        Tooltip image consiste em uma funcionalidade que insere uma tag IMG 
        quando o usuario passa o mouse por cima de uma imagem com a classe "tooltip-image"
        ao fazer é inserido no body uma tag IMG com a mesma "src" 1.3 vezes maior do que a imagem
        que o usuario está com o mouse em coma, esta tag IMG terá o mesmo X e Y do mouse + um offset 
        para manter um distanciamento.
    */

    //Distanciamento / margem do mouse
    const offset = { x: 20, y: 10 };

    $('.tooltip-image').on('mouseenter',
        function (e) {
            var src = $(this).attr('src');
            var size = $(this).width() * 1.3;

            $('<img src="' + src + '" id="bigImage" />').css('left', e.pageX + offset.x).css('top', e.pageY + offset.y).css('width', size + "px").appendTo('body').hide().fadeIn(500);
        }).on('mouseleave',
            function () {
                $('#bigImage').remove();
            });

    $('.tooltip-image').mousemove(function (e) {
        $('#bigImage').css('left', e.pageX + offset.x).css('top', e.pageY + offset.y);
    });
    //------- TOOLTIP IMAGE---------

    //------- FUNCIONALIDADES PACIENTES KUREHA ---------
    const pacients = {
        "bafo": { image: "/images/c/ce/Bafo_static.png", gif: "/images/e/e0/Bafo.gif" },
        "espirrando": { image: "/images/thumb/5/5b/Espirro_static.png/180px-Espirro_static.png", gif: "/images/thumb/9/90/Espirro.gif/180px-Espirro.gif", audio: "/images/2/2b/Espirrando.ogg" },
        "enjoado": { image: "/images/thumb/5/52/Enjoado_static.png/180px-Enjoado_static.png", gif: "/images/thumb/7/76/Enjoado.gif/180px-Enjoado.gif", audio: "/images/5/5b/Vomito.ogg" },
        "tremendo": { image: "/images/thumb/3/35/Tremendo_static.png/180px-Tremendo_static.png", gif: "/images/thumb/f/f4/Tremendo.gif/180px-Tremendo.gif" },
        "tossindo": { image: "/images/thumb/e/ef/Tosse_static.png/180px-Tosse_static.png", gif: "/images/thumb/a/a4/Tosse.gif/180px-Tosse.gif", audio: "/images/f/f9/Tossindo.ogg" },
        "solucando": { image: "/images/thumb/c/c0/Soluco_static.png/180px-Soluco_static.png", gif: "/images/thumb/6/67/Soluco.gif/180px-Soluco.gif", audio: "/images/e/e2/Solucando.ogg" },
        "funk": { image: "/images/thumb/e/e8/Funkeiro_static.png/180px-Funkeiro_static.png ", gif: "/images/thumb/7/79/Funkeiro.gif/180px-Funkeiro.gif", audio: "/images/d/d2/Funk.ogg" },
        "fedendo": { image: "/images/thumb/1/1e/Fedido_static.png/180px-Fedido_static.png", gif: "/images/thumb/c/c9/Fedido.gif/180px-Fedido.gif" },
        "febre": { image: "/images/thumb/1/14/Febre_static.png/180px-Febre_static.png", gif: "/images/thumb/7/75/Febre.gif/180px-Febre.gif" },
        "endemoniado": { audio: "/images/3/32/Risada_maligna.ogg" },
        "fome": { audio: "/images/3/37/Estomago_roncando.ogg" },
        "cardiaco": { audio: "/images/2/27/Coracao_batendo.ogg" }
    };

    const audioPlayer = document.querySelector("#audio");

    $(".pacient-audio").on("click", function (e) {
        id = $(this).attr('id');

        if (pacients[id]) {
            audioPlayer.src = pacients[id].audio;
            audioPlayer.play();
        }

    });

    $('.interactive-pacient').on('mouseenter', function (e) {
        id = $(this).attr('id');

        if (pacients[id])
            $(this).attr('src', pacients[id].gif);
    }).on('mouseleave', function (e) {
        id = $(this).attr('id');

        if (pacients[id])
            $(this).attr('src', pacients[id].image);
    });

    //------- FUNCIONALIDADES PACIENTES KUREHA ---------
    //------- FUNCIONALIDADES BUZINAS ---------
    const horns = {
        "Buzinadelacucha": { audio: "/images/5/55/Buzinadelacucha-audio.ogg" },
        "Buzinadefumaca": { audio: "/images/3/3a/Buzinadefumaca-audio.ogg" },
        "Buzinadecaminhao": { audio: "/images/e/e4/Buzinadecaminhao-audio.ogg" },
        "Buzinadetrem": { audio: "/images/3/34/Buzinadetrem-audio.ogg" },
        "Buzinadeesporte": { audio: "/images/2/2b/Buzinadeesporte-audio.ogg" },
        "Buzinadear": { audio: "/images/9/95/Buzinadear-audio.ogg" },
        "Buzinadepalhaco": { audio: "/images/a/a4/Buzinadepalhaco-audio.ogg" },
        "Buzinadeinvestida": { audio: "/images/f/ff/Buzinadeinvestida-audio.ogg" },
        "Buzinadebicicleta": { audio: "/images/1/15/Buzinadebicicleta-audio.ogg" },
        "Buzinadeneblina": { audio: "/images/6/64/Buzinadeneblina-audio.ogg" }
    };

    const hornAudioPlayer = document.querySelector("#audio");

    $(".horn-audio").on("click", function (e) {
        const id = $(this).attr('id');
        if (horns[id]) {
            hornAudioPlayer.src = horns[id].audio;
            hornAudioPlayer.play();
        }
    });

    //------- FUNCIONALIDADES BUZINAS ---------

    //------- PERSONAGENS ---------

    const characters = [
        { name: "Aokiji Dio", types: ["slasher", "especialist", "tank", "marine", "diamond", "break_wall", "bridge"], link: "/Aokiji", img: "/images/6/67/Aokiji_card.png" },
        { name: "Bartolomew Kuma", types: ["especialist", "tank", "diamond", "break_wall"], link: "/Kuma", img: "/images/b/b5/Card-kuma.png" },
        { name: "Boa Hancock", types: ["fighter", "dps", "diamond"], link: "/Boa_Hancock", img: "/images/4/47/Card-hancock.png" },
        { name: "Borsalino Kizaru", types: ["especialist", "shooter", "dps", "diamond", "break_wall"], link: "/Kizaru", img: "/images/3/32/Card-kizaru.png" },
        { name: "Brook (TS)", types: ["slasher", "support", "diamond", "bridge"], link: "/Brook_(Timeskip)", img: "/images/1/1d/Card-brookts.png" },
        { name: "Tony Tony Chopper (TS) Gurren", types: ["fighter", "support", "diamond", "break_wall"], link: "/Chopper_(Timeskip)", img: "/images/5/53/Card-chopperts.png" },
        { name: "Doflamingo", types: ["shooter", "especialist", "dps", "diamond", "break_wall", "bridge"], link: "/Doflamingo", img: "/images/8/8d/Card-doflamingo.png" },
        { name: "Dracule Mihawk", types: ["slasher", "dps", "diamond", "break_wall"], link: "/Mihawk", img: "/images/9/91/Card-mihawk.png" },
        { name: "Emporio Ivankov", types: ["fighter", "support", "diamond", "break_wall"], link: "/Ivankov", img: "/images/c/ca/Card-ivankov.png" },
        { name: "Enel", types: ["shooter", "especialist", "diamond", "dps"], link: "/Enel", img: "/images/8/85/Enel_card.png" },
        { name: "Franky (TS) Sanitaria", types: ["shooter", "tank", "diamond", "break_wall"], link: "/Franky_(Timeskip)", img: "/images/d/d0/Card-frankyts.png" },
        { name: "Jinbe", types: ["fighter", "tank", "diamond", "break_wall"], link: "/Jinbe", img: "/images/2/2e/Card-jinbe.png" },
        { name: "Marshall D. Teach Barba Negra", types: ["especialist", "bruiser", "diamond"], link: "/Marshall_D._Teach", img: "/images/f/ff/Card-kurohige.png" },
        { name: "Marco Abacaxi", types: ["especialist", "fighter", "support", "diamond"], link: "/Marco", img: "/images/2/2b/Marco_card.png" },
        { name: "Monkey D. Luffy (TS) Visno", types: ["fighter", "dps", "diamond", "break_wall"], link: "/Luffy_(Timeskip)", img: "/images/e/ed/Card-luffyts.png" },
        { name: "Nami (TS)", types: ["especialist", "dps", "diamond"], link: "/Nami_(Timeskip)", img: "/images/3/35/Card-namits.png" },
        { name: "Portgas D. Ace Duduh", types: ["especialist", "shooter", "dps", "diamond"], link: "/Ace", img: "/images/4/40/Card-ace.png" },
        { name: "Robin (TS)", types: ["especialist", "dps", "diamond", "break_wall", "bridge"], link: "/Robin_(Timeskip)", img: "/images/b/b0/Card-robints.png" },
        { name: "Roronoa zoro (TS)", types: ["slasher", "dps", "diamond", "break_wall"], link: "/Zoro_(Timeskip)", img: "/images/7/74/Card-zorots.png" },
        { name: "Sabo Loge", types: ["fighter", "especialist", "dps", "diamond", "break_wall"], link: "/Sabo", img: "/images/0/04/Card-sabo.png" },
        { name: "Sakazuki Akainu", types: ["especialist", "fighter", "dps", "diamond", "break_wall"], link: "/Akainu", img: "/images/b/b0/Card_akainu.png" },
        { name: "Shanks", types: ["slasher", "bruiser", "diamond", "break_wall"], link: "/Shanks", img: "/images/a/aa/Card-shanks.png" },
        { name: "Usopp (TS)", types: ["shooter", "dps", "diamond", "break_wall"], link: "/Usopp_(Timeskip)", img: "/images/c/cc/Card-usoppts.png" },
        { name: "Uta", types: ["especialist", "dps", "diamond", "break_wall"], link: "/Uta", img: "/images/2/22/Card_uta.png" },
        { name: "Vinsmoke Sanji (TS)", types: ["fighter", "dps", "diamond", "break_wall"], link: "/Sanji_(Timeskip)", img: "/images/7/7a/Card-sanjits.png" },
        { name: "Baby 5", types: ["slasher", "shooter", "gold", "dps"], link: "/Baby_5", img: "/images/5/5e/Baby5_card.png" },
        { name: "Bartolomeo", types: ["especialist", "dps", "gold", "break_wall", "bridge"], link: "/Bartolomeo", img: "/images/a/a9/Card-barto.png" },
        { name: "Basil Hawkins Lost", types: ["especialist", "bruiser", "gold", "bridge"], link: "/Basil_Hawkins", img: "/images/8/89/Card-hawkins.png" },
        { name: "Bastille", types: ["slasher", "tank", "gold", "break_wall"], link: "/Bastille", img: "/images/1/13/Card-bastille.png" },
        { name: "Bellamy", types: ["fighter", "dps", "gold", "break_wall"], link: "/Bellamy", img: "/images/7/7e/Card-bellamy.png" },
        { name: "Bonney Poseidon", types: ["fighter", "support", "gold"], link: "/Bonney", img: "/images/9/91/Card-bonney.png" },
        { name: "Brook", types: ["slasher", "support", "gold"], link: "/brook", img: "/images/7/76/Card-brook.png" },
        { name: "Capone gang bege", types: ["shooter", "dps", "gold", "break_wall"], link: "/Capone_Bege", img: "/images/c/c0/Card-capone.png" },
        { name: "Carrot", types: ["slasher", "especialist", "dps", "gold"], link: "/Carrot", img: "/images/8/8d/Card-carrot.png" },
        { name: "Tony Tony Chopper Gurren", types: ["fighter", "support", "gold", "break_wall"], link: "/Chopper", img: "/images/1/19/Card-chopper.png" },
        { name: "Crocodile", types: ["especialist", "tank", "gold", "break_wall", "bridge"], link: "/Crocodile", img: "/images/5/5d/Card-crocodile.png" },
        { name: "Dalmatian", types: ["slasher", "bruiser", "gold", "break_wall"], link: "/Dalmatian", img: "/images/9/99/Card-dalmatian.png" },
        { name: "Franky Sanitaria", types: ["shooter", "bruiser", "gold", "break_wall"], link: "/Franky", img: "/images/6/61/Card-franky.png" },
        { name: "Gecko Moria Coxinha", types: ["slasher", "support", "gold"], link: "/Gecko_Moria", img: "/images/f/fc/Moria_card.png" },
        { name: "Hina", types: ["fighter", "bruiser", "gold", "break_wall", "bridge"], link: "/Hina", img: "/images/5/57/Card-hina.png" },
        { name: "Jesus Burgess", types: ["fighter", "tank", "gold", "break_wall"], link: "/Jesus_Burgess", img: "/images/2/28/Card-burgess.png" },
        { name: "Eustass Kid Rag", types: ["shooter", "tank", "gold", "break_wall", "bridge"], link: "/Kid", img: "/images/9/9a/Card-kid.png" },
        { name: "Killer", types: ["slasher", "dps", "gold"], link: "/Killer", img: "/images/b/b2/Card-killer.png" },
        { name: "Koala", types: ["fighter", "dps", "gold"], link: "/Koala", img: "/images/f/f3/Card-koala.png" },
        { name: "Leo & Mansherry", types: ["especialist", "support", "gold", "bridge"], link: "/Leo", img: "/images/d/d9/Card-leo.png" },
        { name: "Monkey D. Luffy Visno", types: ["fighter", "bruiser", "gold", "break_wall"], link: "/Luffy", img: "/images/a/af/Card-luffy.png" },
        { name: "Nami", types: ["especialist", "dps", "gold", "break_wall"], link: "/nami", img: "/images/0/08/Card-nami.png" },
        { name: "Perona", types: ["especialist", "support", "gold", "break_wall"], link: "/Perona", img: "/images/6/6d/Card-perona.png" },
        { name: "Rebecca", types: ["slasher", "tank", "gold"], link: "/Rebecca", img: "/images/9/91/Card-rebecca.png" },
        { name: "Nico Robin", types: ["especialist", "dps", "gold", "break_wall", "bridge"], link: "/Robin", img: "/images/3/3f/Card-robin.png" },
        { name: "Roronoa zoro", types: ["slasher", "bruiser", "gold", "break_wall"], link: "/Zoro", img: "/images/6/6f/Card-zoro.png" },
        { name: "Ryuma", types: ["slasher", "dps", "gold"], link: "/Ryuma", img: "/images/a/ac/Card-ryuma.png" },
        { name: "Scratchmen Apoo", types: ["shooter", "support", "gold"], link: "/Apoo", img: "/images/9/90/Card-apoo.png" },
        { name: "Smoker Piseiro", types: ["fighter", "tank", "gold"], link: "/Smoker", img: "/images/f/fb/Card-smoker.png" },
        { name: "Trafalgar Law Zhao Feng", types: ["slasher", "especialist", "dps", "gold", "break_wall"], link: "/Law", img: "/images/b/b9/Card-law.png" },
        { name: "Urouge", types: ["fighter", "tank", "gold", "break_wall"], link: "/Urouge", img: "/images/9/98/Card-urouge.png" },
        { name: "Usopp", types: ["shooter", "dps", "gold", "break_wall"], link: "/Usopp", img: "/images/a/ac/Card-usopp.png" },
        { name: "Van Augur", types: ["shooter", "dps", "gold", "break_wall"], link: "/Van Augur", img: "/images/c/c7/Card-vanaugur.png" },
        { name: "Vinsmoke Ichiji", types: ["fighter", "bruiser", "gold", "break_wall"], link: "/Ichiji", img: "/images/8/8c/Card-ichiji.png" },
        { name: "Vinsmoke Niji", types: ["shooter", "dps", "gold"], link: "/Niji", img: "/images/6/66/Card-niji.png" },
        { name: "Vinsmoke Reiju Athena", types: ["especialist", "support", "gold"], link: "/Reiju", img: "/images/2/23/Card-reiju.png" },
        { name: "Vinsmoke Sanji", types: ["fighter", "dps", "gold", "break_wall"], link: "/Sanji", img: "/images/0/04/Card-sanji.png" },
        { name: "Vinsmoke Yonji", types: ["fighter", "tank", "gold", "break_wall"], link: "/Yonji", img: "/images/7/73/Card-yonji.png" },
        { name: "X-drake", types: ["fighter", "bruiser", "gold", "break_wall"], link: "/X_Drake", img: "/images/6/69/Card-drake.png" },
        { name: "Satori", types: ["support", "shooter", "especialist", "silver"], link: "/Satori", img: "/images/f/f3/Satori_card.png" },
        { name: "Gedatsu", types: ["fighter", "dps", "silver"], link: "/Gedatsu", img: "/images/f/f6/Gedatsu_card.png" },
        { name: "Ohm", types: ["tank", "slasher", "silver"], link: "/Ohm", img: "/images/1/1e/Ohm_card.png" },
        { name: "Shura", types: ["slasher", "dps", "silver"], link: "/Shura", img: "/images/2/2e/Shura_card.png" },
        { name: "Arlong", types: ["fighter", "bruiser", "silver", "break_wall"], link: "/Arlong", img: "/images/1/1e/Card-arlong.png" },
        { name: "Bepo", types: ["fighter", "dps", "silver"], link: "/Bepo", img: "/images/1/1d/Card-bepo.png" },
        { name: "Mr.2", types: ["fighter", "dps", "silver"], link: "/mr.2", img: "/images/2/27/Card-bonchan.png" },
        { name: "Buggy", types: ["shooter", "dps", "silver", "break_wall"], link: "/buggy", img: "/images/c/ca/Card-buggy.png" },
        { name: "Daddy Masterson", types: ["shooter", "dps", "silver"], link: "/Daddy_Masterson", img: "/images/2/20/Card-daddy.png" },
        { name: "mr.1 Daz Bonez Kolivier", types: ["slasher", "tank", "silver"], link: "/mr.1", img: "/images/6/61/Card-dazbonez.png" },
        { name: "Miss Doublefinger Zala", types: ["slasher", "bruiser", "silver"], link: "/Miss_Doublefinger", img: "/images/5/5f/Card-doublefinger.png" },
        { name: "Don Krieg", types: ["shooter", "dps", "silver"], link: "/don_Krieg", img: "/images/8/8f/Card-krieg.png" },
        { name: "Kuro", types: ["slasher", "dps", "silver"], link: "/kuro", img: "/images/3/3d/Card-kuro.png" },
        { name: "mr.3 Galdino", types: ["especialist", "support", "silver", "bridge"], link: "/mr.3", img: "/images/7/75/Card-mr3.png" },
        { name: "Tashigi", types: ["slasher", "dps", "silver"], link: "/tashigi", img: "/images/b/b8/Card-tashigi.png" },
        { name: "Nefertari Vivi", types: ["slasher", "support", "silver"], link: "/Vivi", img: "/images/9/9c/Card-vivi.png" },
        { name: "Wapol", types: ["shooter", "tank", "silver", "break_wall"], link: "/wapol", img: "/images/b/ba/Card-wapol.png" },
        { name: "Alvida", types: ["fighter", "support", "bronze"], link: "/Alvida", img: "/images/8/83/Card-alvida.png" },
        { name: "Buchi & Sham", types: ["slasher", "bruiser", "bronze"], link: "/Buchi", img: "/images/0/0b/Card-buchi.png" },
        { name: "Cabaji", types: ["slasher", "dps", "bronze"], link: "/Cabaji", img: "/images/9/9d/Card-cabaji.png" },
        { name: "Chew", types: ["shooter", "dps", "bronze", "break_wall"], link: "/Chew", img: "/images/0/0f/Card-chew.png" },
        { name: "Eric", types: ["shooter", "slasher", "dps", "bronze"], link: "/Eric", img: "/images/3/31/Card-eric.png" },
        { name: "Gin", types: ["fighter", "shooter", "dps", "bronze"], link: "/Gin", img: "/images/1/18/Card-gin.png" },
        { name: "Miss Goldenweek", types: ["support", "especialist", "bronze"], link: "/Goldenweek", img: "/images/0/0e/Card-goldenweek.png" },
        { name: "Hatchan", types: ["slasher", "support", "bronze"], link: "/Hatchan", img: "/images/3/31/Card-hatchan.png" },
        { name: "Jango", types: ["shooter", "support", "bronze"], link: "/Jango", img: "/images/4/48/Card-jango.png" },
        { name: "Kuroobi", types: ["fighter", "tank", "bronze", "break_wall"], link: "/Kuroobi", img: "/images/6/6a/Card-kuroobi.png" },
        { name: "Mohji", types: ["especialist", "bruiser", "bronze"], link: "/Mohji", img: "/images/5/58/Card-mohji.png" },
        { name: "Morgan", types: ["slasher", "bruiser", "bronze"], link: "/Morgan", img: "/images/4/43/Card-morgan.png" },
        { name: "Mr.4", types: ["shooter", "bruiser", "bronze"], link: "/Mr.4", img: "/images/9/90/Card-mr4.png" },
        { name: "Mr.5", types: ["shooter", "dps", "bronze"], link: "/Mr.5", img: "/images/4/49/Card-mr5.png" },
        { name: "Pearl", types: ["fighter", "especialist", "tank", "bronze"], link: "/Pearl", img: "/images/d/de/Card-pearl.png" },
    ];

    $(".filter--icon").on("click", function () {
        const id = $(this).attr("id");

        if ($(this).hasClass("all")) {
            $('.filter--icon.active').removeClass('active');
            $(".characters").addClass('show');
            $(".filter--icon.all").addClass('active');
            return false;
        } else {
            $(".filter--icon.all").removeClass('active');
        }

        if ($(this).hasClass("active")) {
            $(this).removeClass('active');
            actives = $('.filter--icon.active');
            query = "";

            $.each(actives, function (key, item) {
                query += "[data-type-" + item.id + "]";
            });

            $(".characters" + query).addClass('show');
        } else {
            if ($(this).hasClass("tier")) {
                $('.filter--icon.tier.active').removeClass('active');
            }

            $(this).addClass('active');
            $(".characters").removeClass('show');
            query = "";
            actives = $('.filter--icon.active');

            $.each(actives, function (key, item) {
                query += "[data-type-" + item.id + "]";
            });

            $(".characters" + query).addClass('show');
        }
    });

    $.each(characters, function (key, item) {
        data = '';
        id = item.name.replace(/\s/g, '_').toLowerCase();

        $.each(item.types, function (key, value) {
            data += "data-type-" + value + " ";
        });

        $("#characters-container").append(
            "<div id=" + id + " class='characters show' " + data + " >" +
            "<a href='https://wiki.gla.com.br/index.php" + item.link + "'>" +
            "<img src='" + item.img + "' alt='imagem de " + item.name + "' />" +
            "</a>" +
            "</div>"
        );
    });

    $(".filter--searchButton").on("click", function () {
        $(".filter--icon.active").removeClass('active');
        $(".characters.show").removeClass('show');
        if ($("#f-input").val().toLowerCase() != '') {
            $(".characters[id*=" + $("#f-input").val().toLowerCase() + "]").addClass('show');
        } else {
            $(".characters").addClass('show');
        }
    });

    $('#f-input').keypress(function (e) {
        const key = e.which;
        if (key == 13)  // the enter key code
        {
            $('.filter--searchButton').click();
            return false;
        }
    });

    //------- PERSONAGENS ---------

    //------- WANTED ---------
    const wanted_slashers = [
        { name: "Baby 5", wanteds: ["nami", "usopp", "mr. 3", "jango"], img: "/images/5/5e/Baby5_card.png" },
        { name: "Ohm", wanteds: ["robin", "nami", "brook", "zoro", "luffy", "sanji", "urouge", "ryuma", "van augur", "law", "niji", "crocodile", "cabaji"], img: "/images/1/1e/Ohm_card.png" },
        { name: "Roronoa Zoro", wanteds: ["robin", "nami", "brook", "chopper", "franky", "luffy", "sanji", "perona", "usopp", "capone", "kid", "van augur", "law", "yonji", "ichiji", "mr. 1", "mr. 2", "mr. 3", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "koala", "buggy", "gin", "mohji", "drake", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/6/6f/Card-zoro.png" },
        { name: "Shanks", wanteds: ["robin", "nami", "brook", "franky", "zoro", "luffy", "sanji", "bonney", "leo", "apoo", "rebecca", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "law", "yonji", "niji", "ichiji", "baby 5", "mr. 1", "mr. 2", "mr. 3", "doublefinger", "goldenweek", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "bellamy"], img: "/images/a/aa/Card-shanks.png" },
        { name: "Dracule Mihawk", wanteds: ["robin", "nami", "chopper", "luffy", "sanji", "bonney", "leo", "apoo", "urouge", "perona", "usopp", "ryuma", "capone", "van augur", "law", "reiju", "yonji", "niji", "ichiji", "baby 5", "mr. 2", "mr. 3", "doublefinger", "goldenweek", "mr. 4", "pearl", "arlong", "hatchan", "chew", "jango", "kuroobi", "buggy", "kuro", "krieg", "mohji", "morgan", "hawkins", "alvida", "crocodile"], img: "/images/9/91/Card-mihawk.png" },
        { name: "Killer", wanteds: ["rebecca", "van augur", "pearl", "jango", "buggy", "alvida"], img: "/images/b/b2/Card-killer.png" },
        { name: "Tashigi", wanteds: ["chopper", "zoro", "luffy", "sanji", "bonney", "urouge", "perona", "ryuma", "killer", "burgess", "kid", "reiju", "yonji", "baby 5", "mr. 1", "mr. 2", "mr. 4", "pearl", "arlong", "hatchan", "buchi", "jango", "kuroobi", "koala", "kuro", "gin", "mohji", "morgan", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/b/b8/Card-tashigi.png" },
        { name: "Roronoa Zoro (TS)", wanteds: ["chopper", "leo", "perona", "usopp", "capone", "mr. 3", "goldenweek", "pearl", "hatchan", "buchi", "jango", "buggy", "alvida"], img: "/images/7/74/Card-zorots.png" },
        { name: "Rebbeca", wanteds: ["franky", "luffy", "sanji", "urouge", "usopp", "ryuma", "killer", "capone", "van augur", "law", "yonji", "niji", "mr. 2", "doublefinger", "mr. 4", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "buggy", "kuro", "gin", "krieg", "morgan", "drake", "alvida"], img: "/images/9/91/Card-rebecca.png" },
        { name: "Carrot", wanteds: ["nami", "chopper", "luffy", "sanji", "leo", "leo", "usopp", "capone", "kid", "van augur", "law", "niji", "ichiji", "mr. 3", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "krieg", "mohji", "drake", "alvida"], img: "/images/8/8d/Card-carrot.png" },
        { name: "Shimotsuki Ryuma", wanteds: ["nami", "brook", "chopper", "franky", "sanji", "leo", "urouge", "perona", "capone", "law", "reiju", "yonji", "niji", "baby 5", "doublefinger", "goldenweek", "mr. 4", "bepo", "pearl", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "gin", "mohji", "morgan", "drake", "alvida", "crocodile"], img: "/images/a/ac/Card-ryuma.png" },
        { name: "Trafalgar Law", wanteds: ["luffy", "sanji", "leo", "apoo", "usopp", "kid", "reiju", "yonji", "niji", "ichiji", "baby 5", "doublefinger", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "buggy", "krieg", "drake", "alvida"], img: "/images/b/b9/Card-law.png" },
        { name: "Mr. 1", wanteds: ["chopper", "perona", "killer", "capone", "law", "niji", "baby 5", "mr. 2", "doublefinger", "mr. 4", "bepo", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "kuro", "krieg", "mohji", "morgan", "alvida", "wapol", "crocodile"], img: "/images/6/61/Card-dazbonez.png" },
        { name: "Bastille", wanteds: ["chopper", "zoro", "law", "doublefinger", "mr. 4", "arlong", "buchi", "kuro", "gin", "alvida", "bellamy"], img: "/images/1/13/Card-bastille.png" },
        { name: "Dalmatian", wanteds: ["capone", "mr. 2", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "mohji", "morgan", "alvida", "crocodile"], img: "/images/9/99/Card-dalmatian.png" },
        { name: "Morgan", wanteds: ["robin", "nami", "leo", "van augur", "baby 5", "goldenweek", "buchi", "chew", "jango", "alvida"], img: "/images/4/43/Card-morgan.png" },
        { name: "Cabaji", wanteds: ["nami", "chopper", "chew", "jango", "alvida"], img: "/images/9/9d/Card-cabaji.png" },
        { name: "Kuro", wanteds: ["nami", "pearl", "hatchan", "buchi", "jango", "koala", "krieg", "mohji", "alvida", "bellamy"], img: "/images/3/3d/Card-kuro.png" },
        { name: "Eric", wanteds: ["nami", "brook", "apoo", "usopp", "reiju", "mr. 3", "goldenweek", "mr. 5", "jango", "buggy", "alvida"], img: "/images/3/31/Card-eric.png" },
        { name: "Miss Doublefinger", wanteds: ["chopper", "luffy", "sanji", "urouge", "rebecca", "perona", "usopp", "burgess", "capone", "kid", "reiju", "yonji", "pearl", "hatchan", "buchi", "jango", "kuroobi", "mohji", "alvida", "wapol"], img: "/images/5/5f/Card-doublefinger.png" },
    ];

    const wanted_shooters = [
        { name: "Baby 5", wanteds: ["nami", "usopp", "mr. 3", "jango"], img: "/images/5/5e/Baby5_card.png" },
        { name: "Daddy Masterson", wanteds: ["robin", "nami", "apoo", "apoo", "usopp", "niji", "mr. 3", "goldenweek", "mr. 5", "chew", "jango", "buggy", "krieg"], img: "/images/2/20/Card-daddy.png" },
        { name: "Enel", wanteds: ["robin", "usopp", "jango", "cabaji"], img: "/images/8/85/Enel_card.png" },
        { name: "Capone Gang Bege", wanteds: ["robin", "nami", "brook", "chopper", "franky", "luffy", "sanji", "leo", "apoo", "rebecca", "usopp", "killer", "burgess", "van augur", "law", "reiju", "yonji", "niji", "ichiji", "baby 5", "mr. 2", "mr. 3", "goldenweek", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "krieg", "mohji", "morgan", "alvida", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/c/c0/Card-capone.png" },
        { name: "Franky", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "leo", "urouge", "usopp", "ryuma", "burgess", "capone", "kid", "van augur", "law", "yonji", "niji", "ichiji", "baby 5", "mr. 1", "mr. 2", "doublefinger", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "mohji", "morgan", "hawkins", "alvida", "crocodile", "cabaji"], img: "/images/6/61/Card-franky.png" },
        { name: "Eustass kid", wanteds: ["chopper", "luffy", "usopp", "kid", "baby 5", "mr. 1", "mr. 2", "doublefinger", "mr. 4", "pearl", "buchi", "gin", "hawkins", "alvida", "crocodile"], img: "/images/9/9a/Card-kid.png" },
        { name: "Van Augur", wanteds: ["robin", "nami", "brook", "chopper", "franky", "luffy", "bonney", "leo", "apoo", "urouge", "usopp", "killer", "capone", "van augur", "law", "reiju", "yonji", "niji", "ichiji", "baby 5", "mr. 2", "mr. 3", "goldenweek", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "krieg", "mohji", "morgan", "drake", "alvida", "wapol", "cabaji"], img: "/images/c/c7/Card-vanaugur.png" },
        { name: "Portgas D. Ace", wanteds: ["nami", "brook", "chopper", "bonney", "leo", "apoo", "perona", "usopp", "kid", "van augur", "niji", "mr. 3", "mr. 5", "bepo", "arlong", "buchi", "chew", "jango", "kuroobi", "buggy", "krieg", "mohji"], img: "/images/4/40/Card-ace.png" },
        { name: "Usopp (TS)", wanteds: ["brook", "chopper", "leo", "apoo", "perona", "usopp", "van augur", "niji", "mr. 3", "goldenweek", "mr. 5", "hatchan", "chew", "jango", "buggy", "krieg", "alvida"], img: "/images/c/cc/Card-usoppts.png" },
        { name: "Donquixote Doflamingo", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "bonney", "leo", "apoo", "urouge", "perona", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "law", "reiju", "yonji", "niji", "ichiji", "mr. 2", "mr. 3", "doublefinger", "goldenweek", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "buchi", "jango", "kuroobi", "koala", "buggy", "gin", "krieg", "mohji", "morgan", "drake", "alvida"], img: "/images/8/8d/Card-doflamingo.png" },
        { name: "Buggy", wanteds: ["nami", "chopper", "bonney", "apoo", "perona", "usopp", "van augur", "baby 5", "mr. 4", "mr. 5", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "krieg", "mohji", "alvida", "cabaji"], img: "/images/c/ca/Card-buggy.png" },
        { name: "Vinsmoke Niji", wanteds: ["nami", "apoo", "van augur", "reiju", "mr. 3", "mr. 5", "buchi", "jango", "buggy", "krieg", "alvida"], img: "/images/6/66/Card-niji.png" },
        { name: "Wapol", wanteds: ["robin", "nami", "brook", "chopper", "zoro", "luffy", "sanji", "urouge", "rebecca", "perona", "ryuma", "killer", "burgess", "kid", "law", "reiju", "yonji", "ichiji", "baby 5", "mr. 1", "doublefinger", "mr. 4", "pearl", "arlong", "buchi", "jango", "kuroobi", "kuro", "mohji", "morgan", "hawkins", "wapol", "crocodile"], img: "/images/b/ba/Card-wapol.png" },
        { name: "Franky (TS)", wanteds: ["chopper", "zoro", "usopp", "capone", "kid", "yonji", "mr. 1", "doublefinger", "mr. 4", "pearl", "arlong", "buchi", "kuro", "alvida"], img: "/images/d/d0/Card-frankyts.png" },
        { name: "Borsalino Kizaru", wanteds: ["capone", "jango", "drake", "alvida"], img: "/images/3/32/Card-kizaru.png" },
        { name: "Don Krieg", wanteds: ["brook", "chopper", "apoo", "capone", "reiju", "goldenweek", "mr. 5", "hatchan", "buchi", "chew", "jango", "buggy", "drake", "alvida"], img: "/images/8/8f/Card-krieg.png" },
        { name: "Eric", wanteds: ["nami", "brook", "apoo", "usopp", "reiju", "mr. 3", "goldenweek", "mr. 5", "jango", "buggy", "alvida"], img: "/images/3/31/Card-eric.png" },
        { name: "Mr. 4", wanteds: ["chopper", "zoro", "bonney", "goldenweek", "buchi", "jango", "morgan"], img: "/images/9/90/Card-mr4.png" },
        { name: "Mr. 5", wanteds: ["brook", "sanji", "bonney", "goldenweek", "jango", "kuroobi"], img: "/images/4/49/Card-mr5.png" },
        { name: "Gin", wanteds: ["chopper", "capone", "van augur", "baby 5", "mr. 3", "goldenweek", "bepo", "buchi", "gin", "krieg", "mohji", "drake", "alvida", "cabaji"], img: "/images/1/18/Card-gin.png" },
        { name: "Chew", wanteds: ["mr. 5"], img: "/images/0/0f/Card-chew.png" },
        { name: "Usopp", wanteds: ["nami", "brook", "chopper", "leo", "apoo", "reiju", "niji", "mr. 3", "mr. 5", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "buggy", "krieg", "alvida", "wapol"], img: "/images/a/ac/Card-usopp.png" },
    ];

    const wanted_fighters = [
        { name: "Sabo", wanteds: ["nami", "niji", "mr. 2", "mr. 3", "goldenweek", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "cabaji"], img: "/images/0/04/Card-sabo.png" },
        { name: "X-Drake", wanteds: ["robin", "brook", "chopper", "franky", "zoro", "sanji", "bonney", "leo", "apoo", "urouge", "rebecca", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "law", "reiju", "yonji", "ichiji", "baby 5", "mr. 1", "mr. 3", "doublefinger", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji", "bellamy"], img: "/images/6/69/Card-drake.png" },
        { name: "Hina", wanteds: ["robin", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "leo", "urouge", "rebecca", "perona", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "reiju", "yonji", "ichiji", "baby 5", "mr. 1", "mr. 3", "doublefinger", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/5/57/Card-hina.png" },
        { name: "Smoker", wanteds: ["robin", "nami", "zoro", "luffy", "urouge", "capone", "van augur", "law", "baby 5", "mr. 1", "mr. 2", "mr. 3", "mr. 5", "krieg", "alvida"], img: "/images/f/fb/Card-smoker.png" },
        { name: "Bellamy", wanteds: ["nami", "brook", "chopper", "zoro", "luffy", "sanji", "apoo", "urouge", "rebecca", "ryuma", "burgess", "van augur", "law", "yonji", "ichiji", "baby 5", "mr. 1", "mr. 2", "doublefinger", "goldenweek", "mr. 4", "bepo", "pearl", "arlong", "buchi", "jango", "kuroobi", "koala", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/7/7e/Card-bellamy.png" },
        { name: "Urouge", wanteds: ["nami", "sanji", "apoo", "usopp", "capone", "chew"], img: "/images/9/98/Card-urouge.png" },
        { name: "Boa Hancock", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "leo", "urouge", "perona", "usopp", "ryuma", "burgess", "capone", "van augur", "law", "reiju", "yonji", "ichiji", "baby 5", "mr. 1", "mr. 3", "mr. 5", "bepo", "arlong", "hatchan", "chew", "jango", "kuroobi", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji", "bellamy"], img: "/images/4/47/Card-hancock.png" },
        { name: "VinsmokeYonji", wanteds: ["mr. 4", "kuro"], img: "/images/7/73/Card-yonji.png" },
        { name: "Vinsmoke Ichiji", wanteds: ["robin", "nami", "brook", "sanji", "apoo", "urouge", "rebecca", "usopp", "capone", "ichiji", "baby 5", "mr. 3", "mr. 5", "bepo", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/8/8c/Card-ichiji.png" },
        { name: "Mr. 2", wanteds: ["bonney", "usopp", "hatchan", "krieg", "alvida"], img: "/images/2/27/Card-bonchan.png" },
        { name: "Vinsmoke Sanji (TS)", wanteds: ["nami", "chopper", "usopp", "law", "mr. 2", "doublefinger", "mr. 4", "mr. 5", "bepo", "pearl", "buchi", "chew", "jango", "koala", "buggy", "krieg", "mohji", "morgan", "alvida", "wapol", "cabaji"], img: "/images/7/7a/Card-sanjits.png" },
        { name: "Monkey D. Luffy (TS)", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "leo", "apoo", "urouge", "rebecca", "perona", "usopp", "ryuma", "killer", "burgess", "kid", "law", "yonji", "niji", "ichiji", "mr. 1", "mr. 2", "doublefinger", "goldenweek", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "buggy", "kuro", "gin", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/e/ed/Card-luffyts.png" },
        { name: "Koala", wanteds: ["robin", "nami", "brook", "franky", "zoro", "luffy", "sanji", "leo", "apoo", "urouge", "usopp", "killer", "burgess", "capone", "van augur", "law", "reiju", "yonji", "mr. 1", "mr. 2", "doublefinger", "mr. 4", "bepo", "pearl", "arlong", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "crocodile", "cabaji", "bellamy"], img: "/images/f/f3/Card-koala.png" },
        { name: "Burgess", wanteds: ["robin", "nami", "brook", "franky", "zoro", "luffy", "sanji", "rebecca", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "law", "yonji", "niji", "ichiji", "mr. 1", "mr. 2", "doublefinger", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "kuroobi", "koala", "buggy", "kuro", "gin", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/2/28/Card-burgess.png" },
        { name: "Monkey D. Luffy", wanteds: ["brook", "chopper", "franky", "sanji", "leo", "usopp", "burgess", "kid", "law", "mr. 1", "mr. 2", "mr. 4", "mr. 5", "pearl", "arlong", "hatchan", "chew", "jango", "kuroobi", "koala", "buggy", "morgan", "alvida", "wapol", "cabaji"], img: "/images/a/af/Card-luffy.png" },
        { name: "Bepo", wanteds: ["zoro", "luffy", "sanji", "pearl", "arlong", "buchi", "kuro", "mohji", "morgan", "drake", "alvida"], img: "/images/1/1d/Card-bepo.png" },
        { name: "Vinsmoke Sanji", wanteds: ["brook", "chopper", "usopp", "kid", "mr. 4", "mr. 5", "pearl", "hatchan", "buchi", "chew", "jango", "kuroobi", "buggy", "gin", "morgan", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/0/04/Card-sanji.png" },
        { name: "Arlong", wanteds: ["mr. 2", "chew", "alvida"], img: "/images/1/1e/Card-arlong.png" },
        { name: "Gin", wanteds: ["chopper", "capone", "van augur", "baby 5", "mr. 3", "goldenweek", "bepo", "buchi", "gin", "krieg", "mohji", "drake", "alvida", "cabaji"], img: "/images/1/18/Card-gin.png" },
    ];

    const wanted_especialists = [
        { name: "Sakazuki Akainu", wanteds: ["capone", "bellamy"], img: "/images/b/b0/Card_akainu.png" },
        { name: "Uta", wanteds: ["nami", "usopp", "jango", "buggy"], img: "/images/2/22/Card_uta.png" },
        { name: "Sabo", wanteds: ["nami", "niji", "mr. 2", "mr. 3", "goldenweek", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "cabaji"], img: "/images/0/04/Card-sabo.png" },
        { name: "Enel", wanteds: ["robin", "usopp", "jango", "cabaji"], img: "/images/8/85/Enel_card.png" },
        { name: "Vinsmoke Reiju", wanteds: ["brook", "bonney", "urouge", "rebecca", "killer", "burgess", "kid", "reiju", "yonji", "baby 5", "mr. 2", "doublefinger", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "koala", "kuro", "gin", "mohji", "morgan", "hawkins", "alvida", "crocodile", "cabaji"], img: "/images/2/23/Card-reiju.png" },
        { name: "Portgas D. Ace", wanteds: ["nami", "brook", "chopper", "bonney", "leo", "apoo", "perona", "usopp", "kid", "van augur", "niji", "mr. 3", "mr. 5", "bepo", "arlong", "buchi", "chew", "jango", "kuroobi", "buggy", "krieg", "mohji"], img: "/images/4/40/Card-ace.png" },
        { name: "Donquixte Doflamingo", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "bonney", "leo", "apoo", "urouge", "perona", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "law", "reiju", "yonji", "niji", "ichiji", "mr. 2", "mr. 3", "doublefinger", "goldenweek", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "buchi", "jango", "kuroobi", "koala", "buggy", "gin", "krieg", "mohji", "morgan", "drake", "alvida"], img: "/images/8/8d/Card-doflamingo.png" },
        { name: "Borsalino Kizaru", wanteds: ["capone", "jango", "drake", "alvida"], img: "/images/3/32/Card-kizaru.png" },
        { name: "Trafalgar Law", wanteds: ["luffy", "sanji", "leo", "apoo", "usopp", "kid", "reiju", "yonji", "niji", "ichiji", "baby 5", "doublefinger", "mr. 4", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "buggy", "krieg", "drake", "alvida"], img: "/images/b/b9/Card-law.png" },
        { name: "Carrot", wanteds: ["nami", "chopper", "luffy", "sanji", "leo", "leo", "usopp", "capone", "kid", "van augur", "law", "niji", "ichiji", "mr. 3", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "krieg", "mohji", "drake", "alvida"], img: "/images/8/8d/Card-carrot.png" },
        { name: "Nami (TS)", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "bonney", "leo", "apoo", "urouge", "rebecca", "usopp", "ryuma", "killer", "kid", "law", "reiju", "yonji", "niji", "ichiji", "baby 5", "mr. 1", "mr. 2", "mr. 3", "doublefinger", "goldenweek", "mr. 4", "mr. 5", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji"], img: "/images/3/35/Card-namits.png" },
        { name: "Nami", wanteds: ["chopper", "bonney", "leo", "apoo", "burgess", "law", "niji", "mr. 3", "doublefinger", "goldenweek", "mr. 5", "pearl", "hatchan", "buchi", "chew", "jango", "buggy", "krieg", "mohji", "alvida"], img: "/images/0/08/Card-nami.png" },
        { name: "Nico Robin", wanteds: ["nami", "chopper", "leo", "apoo", "usopp", "mr. 3", "arlong", "buchi", "chew", "jango", "buggy", "mohji", "alvida"], img: "/images/3/3f/Card-robin.png" },
        { name: "Nico Robin (TS)", wanteds: ["bonney", "leo", "apoo", "perona", "mr. 3", "buchi", "chew", "jango", "alvida"], img: "/images/b/b0/Card-robints.png" },
        { name: "Bartolomeo", wanteds: ["urouge", "reiju", "pearl", "arlong", "jango", "kuroobi", "koala", "morgan", "drake", "alvida"], img: "/images/a/a9/Card-barto.png" },
        { name: "Marshall D. Teach", wanteds: ["bonney", "perona", "killer", "capone", "mr. 2", "goldenweek", "mr. 5", "pearl", "buchi", "chew", "jango", "buggy", "alvida"], img: "/images/f/ff/Card-kurohige.png" },
        { name: "Crocodile", wanteds: ["nami", "yonji", "mr. 1", "alvida"], img: "/images/5/5d/Card-crocodile.png" },
        { name: "Bartolomew Kuma", wanteds: ["robin", "nami", "brook", "chopper", "franky", "zoro", "luffy", "sanji", "urouge", "rebecca", "usopp", "ryuma", "killer", "burgess", "capone", "kid", "van augur", "yonji", "niji", "ichiji", "baby 5", "mr. 1", "mr. 2", "mr. 3", "doublefinger", "mr. 4", "mr. 5", "bepo", "pearl", "arlong", "hatchan", "buchi", "chew", "jango", "kuroobi", "koala", "buggy", "kuro", "gin", "krieg", "mohji", "morgan", "drake", "hawkins", "alvida", "wapol", "crocodile", "cabaji", "bellamy"], img: "/images/b/b5/Card-kuma.png" },
        { name: "Basil Hawkins", wanteds: ["luffy", "urouge", "yonji", "pearl", "kuroobi", "alvida"], img: "/images/8/89/Card-hawkins.png" },
        { name: "Mohji", wanteds: ["alvida", "bonney", "buggy", "pearl", "van augur"], img: "/images/5/58/Card-mohji.png" },
        { name: "Leo & Mansherry", wanteds: ["alvida", "bonney", "mohji"], img: "/images/d/d9/Card-leo.png" },
    ];

    function filterAndAppend(array, value, id) {
        whoDo = array.filter(
            function (v) {
                return v.wanteds.includes(value);
            }
        );

        $.each(whoDo, function (key, item) {
            $(".wantedPortraits#" + id).append(
                "<div class='wantedPortrait' >" +
                "<img src='" + item.img + "' alt='imagem de " + item.name + "' />" +
                "</div>"
            );
        })
    }

    $("#selectbox-wanted").on("input", function () {
        const value = $(this).val();

        if ($(".wantedPortrait"))
            $(".wantedPortrait").remove();

        filterAndAppend(wanted_shooters, value, "wanted-shooter");
        filterAndAppend(wanted_slashers, value, "wanted-slasher");
        filterAndAppend(wanted_fighters, value, "wanted-fighter");
        filterAndAppend(wanted_especialists, value, "wanted-especialist");
    });
    //------- WANTED ---------

    //------- SKILL TAB ---------
    $('.tab-skill').on('click', function () {
        $('.tab-skill.active').removeClass('active');
        $(this).addClass('active');
        const skillId = $(this).data('skill-id');
        if ($(".skillInfo[data-skill-id=" + skillId + "]")) {
            $(".skillInfo.active").removeClass('active');
            $(".skillInfo[data-skill-id=" + skillId + "]").addClass('active');
        }
    });
    //------- SKILL TAB ---------

    //------- CALCULATOR XP ---------
    const maximum_level = 110;
    const tier_values = {
        "diamond": 0.5,
        "gold": 1,
        "silver": 2,
        "bronze": 3
    };

    $(".calcXp--tierIcon").on("click", function () {
        $(".calcXp--tierIcon.active").removeClass('active');
        $(this).addClass('active');
    });

    $("#calculate-btn").on('click', function () {
        getNeededPotions();
    });

    function calcMissingXpInPotions() {
        const currentPercentOfXp = $("#char-currentPercentOfXp").val() != "" ? $("#char-currentPercentOfXp").val() : 100;
        const currentLevel = $("#char-level").val() != "" ? $("#char-level").val() : 1;
        const levelToUp = $("#char-levelToUp").val() != "" ? $("#char-levelToUp").val() : 110;
        const charTier = $(".calcXp--tierIcon.active").length != 0 ? tier_values[$(".calcXp--tierIcon.active").attr('id')] : tier_values["gold"];

        const percentToUp = 100 - currentPercentOfXp;
        const currentXp = ((50 * (Math.pow((currentLevel - 1), 3)) - 150 * (Math.pow((currentLevel - 1), 2)) + 400 * (currentLevel - 1)) / 3) + ((50 * Math.pow(currentLevel, 2) - 150 * currentLevel + 200) * percentToUp / 100);
        const desiredXp = (50 * (Math.pow((levelToUp - 1), 3)) - 150 * (Math.pow((levelToUp - 1), 2)) + 400 * (levelToUp - 1)) / 3;
        const missingXp = Math.round((desiredXp - currentXp));

        const missingPotions = {
            "small": Math.ceil((missingXp / (1000 * charTier))),
            "medium": (missingXp / (10000 * charTier)).toFixed(1),
            "big": (missingXp / (100000 * charTier)).toFixed(2)
        };

        return missingPotions;
    }

    function calcPotions() {
        const missingPotions = calcMissingXpInPotions();

        var complementaryPotS;
        var complementaryPotM;
        potS = missingPotions['small'];
        potM = missingPotions['medium'];
        potB = missingPotions['big'];

        if (String(potS).slice(-1) == "0") {
            potM = Math.ceil(parseFloat(potM));
        } else {
            potM = Math.floor(potM);
            complementaryPotS = potS - potM * 10;
        }

        if (String(potM).slice(-1) == "0") {
            potM = Math.ceil((parseFloat(potM)));
            potB = Math.floor(potB);
        }
        else {
            potB = Math.floor(potB)
            complementaryPotM = potM - potB * 10
        }

        const potions = {
            "small": complementaryPotS,
            "medium": complementaryPotM,
            "big": potB
        }

        return potions;
    }

    function getNeededPotions() {
        const potions = calcPotions();
        const resultsArea = $("#calc-result");

        resultsArea.html('');

        if (potions["big"]) {
            resultsArea.append(
                "<div class='badge'>" +
                "<img src='/images/a/a5/Bigexppot.png' class='calcXp--xpIcon' />" +
                "<span class='calcXp--numberOfPots'>" + potions['big'] + "</span>" +
                "</div>"
            );
        }


        if (potions["medium"]) {
            resultsArea.append(
                "<div class='badge'>" +
                "<img src='/images/d/df/Medexppot.png' class='calcXp--xpIcon' />" +
                "<span class='calcXp--numberOfPots'>" + potions['medium'] + "</span>" +
                "</div>"
            );
        }


        if (potions["small"]) {
            resultsArea.append(
                "<div class='badge'>" +
                "<img src='/images/5/5a/Smallexppot.png' class='calcXp--xpIcon' />" +
                "<span class='calcXp--numberOfPots'>" + potions['small'] + "</span>" +
                "</div>"
            );
        }
    }
    //------- CALCULATOR XP ---------

    //------- VIDEO SELECTOR ---------
    $(".video-selector").on("click", function () {
        $(".video-selector.active").removeClass("active");
        $(this).addClass("active");

        const value = $(this).data("value");
        const obj = eval('(' + value + ')');
        $("video[data-type-" + obj.select + "].active").removeClass('active');
        const index = obj.showId - 1;
        $("video[data-type-" + obj.select + "]").eq(index).addClass('active');
    });
    //------- VIDEO SELECTOR ---------
    //-------- gurren
    $(document).ready(function () {
        // Alternar entre mostrar e ocultar abas ao clicar
        $('.mostrar-aba').click(function () {
            var aba_id = $(this).attr('data-aba');
            var aba_selecionada = $("#aba-" + aba_id);

            if (aba_selecionada.hasClass('atual')) {
                aba_selecionada.removeClass('atual'); // Oculta a aba se já estiver ativa
                $(this).removeClass('ativa'); // Remove a classe ativa do botão
            } else {
                $('.aba').removeClass('atual'); // Oculta todas as abas
                aba_selecionada.addClass('atual'); // Exibe a aba correspondente
                $('.mostrar-aba').removeClass('ativa'); // Remove a classe ativa de outros botões
                $(this).addClass('ativa'); // Adiciona a classe ativa ao botão clicado
            }
        });

        // Exibir aba correspondente ao hash da URL
        var url = location.href;
        var hash = url.split('#')[1];
        if (hash != null && hash.length > 0) {
            $("#aba-" + hash).addClass('atual'); // Exibe a aba do hash
            $('*[data-aba="' + hash + '"]').addClass('ativa'); // Ativa o botão correspondente
        }
    });
});
Disponível em “https://wiki.gla.com.br/index.php?title=MediaWiki:Common.js&oldid=30253”