Mudanças entre as edições de "MediaWiki:Common.js"
Ir para navegação
Ir para pesquisar
| Linha 139: | Linha 139: | ||
dayEvents = array; | dayEvents = array; | ||
var split; | var split; | ||
var utcTime = date.getTime() + (date.getTimezoneOffset() | var utcTime = date.getTime() + (date.getTimezoneOffset()); | ||
var currentTime = new Date(utcTime + (3600000 * brazilOffset)); | var currentTime = new Date(utcTime + (3600000 * brazilOffset)); | ||
| Linha 169: | Linha 168: | ||
} | } | ||
switch( | switch(date.getDay()) { | ||
case 0: | case 0: | ||
setDayEvents(eventsInfo.sunday); | setDayEvents(eventsInfo.sunday); | ||
Edição das 16h01min de 6 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---------
const timer = $('#event-time');
const eventImage = $('.event-image');
const brazilOffset = -3;
const eventsInfo = {
sunday: [
{name: 'Foxy race (ship)', time: '09:30:00', src: '/images/9/93/Event_raceship.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'},
],
monday: [
{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/9/93/Event_raceship.png'},
],
tuesday: [
{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'},
],
wednesday: [
{name: 'Deathmatch', time: '09:30:00', src: '/images/8/84/Event_dm.png'},
{name: 'Foxy race (ship)', time: '15:00:00', src: '/images/9/93/Event_raceship.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'},
],
thursday: [
{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'},
],
friday: [
{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/9/93/Event_raceship.png'},
],
saturday: [
{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'},
]
};
var dayEvents;
var distance;
var date = new Date();
var eventTime = date;
var eventStarting = date;
function pad(d) {
return (d < 10) ? '0' + String(d) : String(d);
}
function startTimer(eventTime, name){
setInterval(function() {
distance = eventTime - new Date();
if(distance > 0){
hour = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
minute = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
seconds = Math.floor((distance % (1000 * 60)) / 1000);
timer.html(pad(hour) + ":" + pad(minute) + ":" + pad(seconds));
}else {
setDayEvents(dayEvents);
return false;
}
}, 1000);
}
function setDayEvents (array) {
dayEvents = array;
var split;
var utcTime = date.getTime() + (date.getTimezoneOffset());
var currentTime = new Date(utcTime + (3600000 * brazilOffset));
$.each(array, function (key, item) {
split = item.time.split(":");
eventTime.setHours(split[0], split[1], split[2]);
eventStarting.setHours(split[0], (Number(split[1]) + 5), split[2]);
if(currentTime <= eventTime){
var distance = eventTime - currentTime;
hour = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
minute = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
seconds = Math.floor((distance % (1000 * 60)) / 1000);
timer.html(pad(hour) + ":" + pad(minute) + ":" + pad(seconds));
eventImage.attr('src', item.src);
startTimer(eventTime, item.name);
return false;
}else if(eventTime < currentTime && currentTime < eventStarting){
eventImage.attr('src', item.src);
timer.html('Evento está começando!');
return false;
}else if(eventTime < currentTime){
eventImage.attr('src', "/images/a/a5/AnyEvent.png");
timer.html('');
}
});
}
switch(date.getDay()) {
case 0:
setDayEvents(eventsInfo.sunday);
break;
case 1:
setDayEvents(eventsInfo.monday);
break;
case 2:
setDayEvents(eventsInfo.tuesday);
break;
case 3:
setDayEvents(eventsInfo.wednesday);
break;
case 4:
setDayEvents(eventsInfo.thursday);
break;
case 5:
setDayEvents(eventsInfo.friday);
break;
case 6:
setDayEvents(eventsInfo.saturday);
break;
default:
setDayEvents(eventsInfo.sunday);
}
});
//------- COUNTDOWN MAINPAGE---------