Mudanças entre as edições de "MediaWiki:Common.js"
Ir para navegação
Ir para pesquisar
| Linha 288: | Linha 288: | ||
if($(this).hasClass("tier")){ | if($(this).hasClass("tier")){ | ||
$('.filter--icon.tier.active').removeClass('active'); | $('.filter--icon.tier.active').removeClass('active'); | ||
} | } | ||
Edição das 01h54min de 14 de junho de 2022
$(document).ready(function() {
//------- 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 "},
"enjoado": { image: "/images/thumb/5/52/Enjoado_static.png/180px-Enjoado_static.png", gif: "/images/thumb/7/76/Enjoado.gif/180px-Enjoado.gif"},
"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"},
"solucando": { image: "/images/thumb/c/c0/Soluco_static.png/180px-Soluco_static.png", gif: "/images/thumb/6/67/Soluco.gif/180px-Soluco.gif"},
"funk": { image: "/images/thumb/e/e8/Funkeiro_static.png/180px-Funkeiro_static.png ", gif: "/images/thumb/7/79/Funkeiro.gif/180px-Funkeiro.gif"},
"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"}
};
$('.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 ---------
//------- COUNTDOWN MAINPAGE---------
/*
O countdown é um codigo pega a data e hora do computador do usuario e aplica um calculo
para adaptar o mesmo ao fuso horario de brasilia, após isso ele verifica os eventos do
dia começa uma contagem regressiva com base na diferença do horario do computador do
usuario com a do evento.
*/
const timer = $('#event-time');
const eventImage = $('.event-image');
//Informações dos eventos
/*
0 - Sunday
1 - Monday
2 - Tuesday
3 - Wednesday
4 - Thursday
5 - Friday
6 - Saturday
*/
const eventsInfo = {
0: [
{name: 'Foxy race (ship)', time: '09:30:00', src: '/images/c/c0/Event_ship.png'},
{name: 'Foxy count', time: '15:00:00', src: '/images/e/e4/Event_count.png'},
{name: 'Foxy quiz', time: '19:00:00', src: '/images/6/6f/Event_quiz.png'},
{name: 'Deathmatch', time: '22:00:00', src: '/images/8/84/Event_dm.png'},
],
1: [
{name: 'Foxy count', time: '09:30:00', src: '/images/e/e4/Event_count.png'},
{name: 'Foxy quiz', time: '15:00:00', src: '/images/6/6f/Event_quiz.png'},
{name: 'Deathmatch', time: '19:00:00', src: '/images/8/84/Event_dm.png'},
{name: 'Foxy race (ship)', time: '22:00:00', src: '/images/c/c0/Event_ship.png'},
],
2: [
{name: 'Foxy quiz', time: '09:30:00', src: '/images/6/6f/Event_quiz.png'},
{name: 'Deathmatch', time: '15:00:00', src: '/images/8/84/Event_dm.png'},
{name: 'Foxy race', time: '19:00:00', src: '/images/0/03/Event_race.png'},
{name: 'Foxy count', time: '22:00:00', src: '/images/e/e4/Event_count.png'},
],
3: [
{name: 'Deathmatch', time: '09:30:00', src: '/images/8/84/Event_dm.png'},
{name: 'Foxy race (ship)', time: '15:00:00', src: '/images/c/c0/Event_ship.png'},
{name: 'Foxy count', time: '19:00:00', src: '/images/e/e4/Event_count.png'},
{name: 'Foxy quiz', time: '22:00:00', src: '/images/6/6f/Event_quiz.png'},
],
4: [
{name: 'Foxy race', time: '09:30:00', src: '/images/0/03/Event_race.png'},
{name: 'Foxy count', time: '15:00:00', src: '/images/e/e4/Event_count.png'},
{name: 'Foxy quiz', time: '19:00:00', src: '/images/6/6f/Event_quiz.png'},
{name: 'Deathmatch', time: '22:00:00', src: '/images/8/84/Event_dm.png'},
],
5: [
{name: 'Foxy count', time: '09:30:00', src: '/images/e/e4/Event_count.png'},
{name: 'Foxy quiz', time: '15:00:00', src: '/images/6/6f/Event_quiz.png'},
{name: 'Deathmatch', time: '19:00:00', src: '/images/8/84/Event_dm.png'},
{name: 'Foxy race (ship)', time: '22:00:00', src: '/images/c/c0/Event_ship.png'},
],
6: [
{name: 'Foxy quiz', time: '09:30:00', src: '/images/6/6f/Event_quiz.png'},
{name: 'Deathmatch', time: '15:00:00', src: '/images/8/84/Event_dm.png'},
{name: 'Foxy race', time: '19:00:00', src: '/images/0/03/Event_race.png'},
{name: 'Foxy count', time: '22:00:00', src: '/images/e/e4/Event_count.png'},
]
};
const brazilOffset = -3;
const eventTime = new Date();
const eventStarting = new Date();
var haveEvent = false;
function pad(d) {
return (d < 10) ? '0' + String(d) : String(d);
}
function startTimer(eventTime, name){
interval = setInterval(function() {
const now = new Date().getTime();
const distance = eventTime.getTime() - now;
if(distance > 0){
const hour = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minute = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
timer.html(pad(hour) + ":" + pad(minute) + ":" + pad(seconds));
}else {
haveEvent = false;
setDayEvents();
clearInterval(interval);
}
}, 1000);
}
function setDayEvents () {
const date = new Date();
const dayEvents = eventsInfo[date.getDay()];
const utcTime = date.getTime() + (date.getTimezoneOffset() * 60000);
const currentTime = new Date(utcTime + (3600000 * brazilOffset));
$.each(dayEvents, function (key, item) {
split = item.time.split(":");
eventTime.setHours(split[0], split[1], split[2]);
eventStarting.setHours(split[0], (Number(split[1]) + 1), split[2]);
if(currentTime.getTime() <= eventTime.getTime()){
eventImage.attr('src', item.src);
haveEvent = true;
startTimer(eventTime, name);
return false;
}else if(currentTime.getTime() > eventTime.getTime() && currentTime.getTime() < eventStarting.getTime()){
eventImage.attr('src', item.src);
timer.html('O evento está começando!');
haveEvent = true;
setTimeout(function(){
haveEvent = false;
return false;
}, 300000);
}
});
if(!haveEvent){
eventImage.attr('src', "/images/a/a5/AnyEvent.png");
timer.html('');
}
}
if(!haveEvent)
setDayEvents();
//------- COUNTDOWN MAINPAGE---------
//------- PERSONAGENS ---------
const characters = [
{name: "Bartolomew Kuma", types: ["especialist", "tank", "diamond"], link: "/Bartholomew_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"], link: "/Borsalino_Kizaru",img: "/images/3/32/Card-kizaru.png"},
{name: "Brook (TS)", types: ["slasher", "support", "diamond"], link: "/Brook_(Timeskip)",img: "/images/1/1d/Card-brookts.png"},
{name: "Chopper (TS)", types: ["fighter", "support", "diamond"], link: "/Chopper_(Timeskip)",img: "/images/5/53/Card-chopperts.png"},
{name: "Doflamingo", types: ["shooter", "especialist", "dps", "diamond"], link: "/Donquixote_Doflamingo",img: "/images/8/8d/Card-doflamingo.png"},
{name: "Dracule Mihawk", types: ["slasher", "dps", "diamond"], link: "/Dracule_Mihawk",img: "/images/9/91/Card-mihawk.png"},
{name: "Emporio Ivankov", types: ["fighter", "support", "diamond"], link: "/Emporio_Ivankov",img: "/images/c/ca/Card-ivankov.png"},
{name: "Franky (TS)", types: ["shooter", "tank", "diamond"], link: "/Franky_(Timeskip)",img: "/images/d/d0/Card-frankyts.png"},
{name: "Jinbe", types: ["fighter", "tank", "diamond"], link: "/jinbe",img: "/images/2/2e/Card-jinbe.png"},
{name: "Marshall D. Teach", types: ["specialist", "bruiser", "diamond"], link: "/Marshall_D._Teach",img: "/images/f/ff/Card-kurohige.png"},
{name: "Monkey D. Luffy (TS)", types: ["fighter", "dps", "diamond"], 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", types: ["especialist", "shooter", "dps", "diamond"], link: "/Portgas_D._Ace",img: "/images/4/40/Card-ace.png"},
{name: "Robin (TS)", types: ["especialist", "dps", "diamond"], link: "/Robin_(Timeskip)",img: "/images/b/b0/Card-robints.png"},
{name: "Roronoa zoro (TS)", types: ["slasher", "dps", "diamond"], link: "/Zoro_(Timeskip)",img: "/images/7/74/Card-zorots.png"},
{name: "Sabo", types: ["fighter", "especialist", "dps", "diamond"], link: "/Sabo",img: "/images/0/04/Card-sabo.png"},
{name: "Shanks", types: ["slasher", "bruiser", "diamond"], link: "/Shanks",img: "/images/a/aa/Card-shanks.png"},
{name: "Usopp (TS)", types: ["shooter", "dps", "diamond"], link: "/Usopp_(Timeskip)",img: "/images/c/cc/Card-usoppts.png"},
{name: "Vinsmoke Sanji (TS)", types: ["fighter", "dps", "diamond"], link: "/Sanji_(Timeskip)",img: "/images/7/7a/Card-sanjits.png"},
{name: "Bartolomeo", types: ["especialist", "dps", "gold"], link: "/Bartolomeo",img: "/images/a/a9/Card-barto.png"},
{name: "Hawkins", types: ["especialist", "bruiser", "gold"], link: "/Basil_Hawkins",img: "/images/8/89/Card-hawkins.png"},
{name: "Bastille", types: ["slasher", "tank", "gold"], link: "/bastille",img: "/images/1/13/Card-bastille.png"},
{name: "Bellamy", types: ["fighter", "dps", "gold"], link: "/bellamy",img: "/images/7/7e/Card-bellamy.png"},
{name: "Bonney", types: ["fighter", "support", "gold"], link: "/Jewelry_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"], 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", types: ["fighter", "support", "gold"], link: "/Tony_Tony_Chopper",img: "/images/1/19/Card-chopper.png"},
{name: "Crocodile", types: ["especialist", "tank", "gold"], link: "/Crocodile",img: "/images/5/5d/Card-crocodile.png"},
{name: "Dalmatian", types: ["slasher", "bruiser", "gold"], link: "/Dalmatian",img: "/images/9/99/Card-dalmatian.png"},
{name: "Franky", types: ["shooter", "bruiser", "gold"], link: "/Franky",img: "/images/6/61/Card-franky.png"},
{name: "Hina", types: ["fighter", "bruiser", "gold"], link: "/Hina",img: "/images/5/57/Card-hina.png"},
{name: "Jesus Burguess", types: ["fighter", "tank", "gold"], link: "/Jesus_Burgess",img: "/images/2/28/Card-burgess.png"},
{name: "Eustass Kid", types: ["shooter", "tank", "gold"], link: "/Eustass_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"], link: "/Leo",img: "/images/d/d9/Card-leo.png"},
{name: "Monkey D. Luffy", types: ["fighter", "bruiser", "gold"], link: "/luffy",img: "/images/a/af/Card-luffy.png"},
{name: "Nami", types: ["especialist", "dps", "gold"], link: "/nami",img: "/images/0/08/Card-nami.png"},
{name: "Perona", types: ["especialist", "support", "gold"], 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"], link: "/Nico_Robin",img: "/images/3/3f/Card-robin.png"},
{name: "Ryuma", types: ["slasher", "dps", "gold"], link: "/Ryuma",img: "/images/a/ac/Card-ryuma.png"},
{name: "Scratchmen Apoo", types: ["shooter", "support", "gold"], link: "/Scratchmen_Apoo",img: "/images/9/90/Card-apoo.png"},
{name: "Smoker", types: ["fighter", "tank", "gold"], link: "/Smoker",img: "/images/f/fb/Card-smoker.png"},
{name: "Trafalgar Law", types: ["slasher", "especialist", "dps", "gold"], link: "/Trafalgar_D._Law",img: "/images/b/b9/Card-law.png"},
{name: "Urouge", types: ["fighter", "tank", "gold"], link: "/Urouge",img: "/images/9/98/Card-urouge.png"},
{name: "Usopp", types: ["shooter", "dps", "gold"], link: "/Usopp",img: "/images/a/ac/Card-usopp.png"},
{name: "Van Augur", types: ["shooter", "dps", "gold"], link: "/Van_Augur",img: "/images/c/c7/Card-vanaugur.png"},
{name: "Vinsmoke Ichiji", types: ["fighter", "bruiser", "gold"], link: "/Vinsmoke_Ichiji",img: "/images/8/8c/Card-ichiji.png"},
{name: "Vinsmoke Niji", types: ["shooter", "dps", "gold"], link: "/Vinsmoke_Niji",img: "/images/6/66/Card-niji.png"},
{name: "Vinsmoke Reiju Athena", types: ["especialist", "support", "gold"], link: "/Vinsmoke_Reiju",img: "/images/2/23/Card-reiju.png"},
{name: "Vinsmoke Sanji", types: ["fighter", "dps", "gold"], link: "/Vinsmoke_Sanji",img: "/images/0/04/Card-sanji.png"},
{name: "Vinsmoke Yonji", types: ["fighter", "tank", "gold"], link: "/Vinsmoke_Yonji",img: "/images/7/73/Card-yonji.png"},
{name: "X-drake", types: ["fighter", "bruiser", "gold"], link: "/X_Drake",img: "/images/6/69/Card-drake.png"},
{name: "Roronoa zoro", types: ["slasher", "bruiser", "gold"], link: "/Zoro",img: "/images/6/6f/Card-zoro.png"},
{name: "Arlong", types: ["fighter", "bruiser", "silver"], 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"], 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", types: ["slasher", "tank", "silver"], link: "/mr.1",img: "/images/6/61/Card-dazbonez.png"},
{name: "Miss Doublefinger", 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"], 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: "/Nefertari_Vivi",img: "/images/9/9c/Card-vivi.png"},
{name: "Wapol", types: ["shooter", "tank", "silver"], 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"], 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"], 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", "tank", "bronze"], link: "/Pearl",img: "/images/d/de/Card-pearl.png"},
];
$(".filter--icon").on("click", function() {
const id = $(this).attr("id");
if($(this).hasClass("tier")){
$('.filter--icon.tier.active').removeClass('active');
}
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{
$(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='http://70.39.70.36/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');
$(".characters[id*="+$("#f-input").val().toLowerCase()+"]").addClass('show');
});
//------- PERSONAGENS ---------
//------- 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 ---------
});