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

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

Edição das 23h00min 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;
  		
  //		//Informações dos eventos
  //		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;
  //		const eventTime = new Date();
	 // 	const eventStarting = new Date();
	 // 	const date = new Date();
  		
  		
  //		function pad(d) {
		//     return (d < 10) ? '0' + String(d) : String(d);
  //		}
  		
  //		function startTimer(eventTime, name){
		// 	setInterval(function() {
	 // 			const distance = eventTime - new Date();
	  			
	 // 			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 {
	 // 				setDayEvents(dayEvents);
	 // 				return false;
	 // 			}
	 // 		}, 1000);
		// }
  		
  //		function setDayEvents (array) {
  //			dayEvents = array;
  //			const date = new Date()
	 // 		const utcTime = date.getTime() + (date.getTimezoneOffset() + 6000);
	 // 		const 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){
	 // 				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(new 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---------
Disponível em “http://wiki.gla.com.br/index.php?title=MediaWiki:Common.js&oldid=11461”