Madness at 09:24, 18 December 2023

2023-12-18T09:24:16Z

← Older revision		Revision as of 09:24, 18 December 2023
Line 7:		Line 7:
	'use strict';		'use strict';
	var _version = '3.13',		var _version = '3.13',
	~~var _version = '3.12',~~
	// Minimum dimensions		// Minimum dimensions
	_minWidth = 210,		_minWidth = 210,

Madness at 09:23, 18 December 2023

2023-12-18T09:23:46Z

Show changes

Madness at 08:56, 18 December 2023

2023-12-18T08:56:02Z

Show changes

Madness: Created page with "/*

  * Thickbox4MediaWiki v3.13 - Based on Thickbox 3.1 By Cody Lindley (http://www.codylindley.com)  * Copyright (c) 2010 - 2023 Jesús Martínez (User:Ciencia_Al_Poder), Original Thickbox Copyright (c) 2007 Cody Lindley  * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php */ window.Thickbox = (function($, mw) { 	'use strict'; 	var _version = '3.13', 	// Dimensiones mínimas 	_minWidth = 210, 	// Margen entre la imagen y el borde de..."

2023-12-18T08:42:16Z

Created page with "<pre> * Thickbox4MediaWiki v3.13 - Based on Thickbox 3.1 By Cody Lindley (http://www.codylindley.com) * Copyright (c) 2010 - 2023 Jesús Martínez (User:Ciencia_Al_Poder), Original Thickbox Copyright (c) 2007 Cody Lindley * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php: window.Thickbox = (function($, mw) { 'use strict'; var _version = '3.13', // Dimensiones mínimas _minWidth = 210, // Margen entre la imagen y el borde de..."

New page

/* <pre>
* Thickbox4MediaWiki v3.13 - Based on Thickbox 3.1 By Cody Lindley (http://www.codylindley.com)
* Copyright (c) 2010 - 2023 Jesús Martínez (User:Ciencia_Al_Poder), Original Thickbox Copyright (c) 2007 Cody Lindley
* Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
*/
window.Thickbox = (function($, mw) {
'use strict';
var _version = '3.13',
// Dimensiones mínimas
_minWidth = 210,
// Margen entre la imagen y el borde de ThickBox
_imageMarginWidth = 15,
// Margen mínimo hasta el borde de la ventana. Si se supera la imagen se reducirá
_minMarginWidth = 30,
_minMarginHeight = 15,
// Tiempo de espera para la aparición del loader en ms
_loaderWait = 500,
// Internos
_imgPreloader = null,
_galleryData = null,
_galleryIndex = -1,
_width = null,
_height = null,
_getCaption = null,
_imgTip = null,
_imgTipTarget = null,
_imgTipVisible = false,
_loaderPresent = false,
_loaderTm = null,
_logger = null,
// Funciones privadas
_init = function() {
// Se podría haber puesto un evento directamente en cada 'a.image', pero esto es mucho más rápido y eficiente (tarda solo el 20% en FF2) que recorrerse todo el DOM
$('#mw-content-text').off('click.thickbox mouseover.thickbox_imgtip').on({
'click.thickbox': _triggerEvent,
'mouseover.thickbox_imgtip': _imgTipEvent
});
},
_triggerEvent = function(e) {
// Si hay alguna tecla especial pulsada, salimos
if (e.ctrlKey || e.altKey || e.shiftKey) {
return true;
}
var target = e.target;
if (_isTag(target,'img')) { // Gallery o thumb
var a = target.parentNode;
// Imágenes con enlaces a otros artículos no tienen la clase "image", excepto en Wikia donde sí la tiene y añaden "link-internal" o "link-external"
if (!a || !_isTag(a,'a') || !(_isClass(a,'image') || _isClass(a,'mw-file-description')) || _isClass(a, 'link-internal') || _isClass(a, 'link-external')) {
return true;
}
// MW < 1.40
if (_isClass(target,'thumbimage')) {
// Es thumb
a.blur();
_getCaption = _getCaptionThumb;
_showImage(a);
return false;
}
// MW >= 1.40
if (_isTag(a.parentNode,'figure')) {
// Es thumb
a.blur();
_getCaption = _getCaptionThumb140;
_showImage(a);
return false;
}
var gb = $(a).closest('li.gallerybox').get(0);
// MediaWiki gallery
if (gb) {
var t = gb.parentNode;
if (_isTag(t,'ul') && _isClass(t,'gallery')) {
a.blur();
_getCaption = _getCaptionMW;
_galleryData = $(t).find('div.thumb a.image,div.thumb a.mw-file-description'); // MW<1.40,MW>=1.40
_galleryIndex = _galleryData.index(a);
_showImage(a);
return false;
}
}
// Es thumb genérico
a.blur();
_getCaption = _getCaptionEmpty;
_showImage(a);
return false;
} else if (_isTag(target,'a')) {
var sup = target.parentNode;
if (!_isTag(sup,'sup') || !_isClass(sup,'reference')) {
return true;
}
target.blur();
_showElement(target);
return false;
}
return true;
},
// Helper and speedy functions
_isClass = function(el, cn) {
return el.className && (el.className === cn || (' '+el.className+' ').indexOf(' '+cn+' ') != -1);
},
_isTag = function(el, tn) {
return (el.nodeName && el.nodeName.toUpperCase() === tn.toUpperCase());
},
// Loader image
_startLoader = function() {
if (_loaderPresent || _loaderTm) {
return;
}
if (_loaderWait > 0) {
_loaderTm = setTimeout(_displayLoader, _loaderWait);
} else {
_displayLoader();
}
},
_stopLoader = function() {
var t = _loaderTm;
_loaderTm = null;
if (t) {
clearTimeout(t);
}
if (_loaderPresent) {
$('#TB_load').remove();
_loaderPresent = false;
}
},
_displayLoader = function() {
_loaderPresent = true;
_loaderTm = null;
$(document.body).append('<div id="TB_load">');
},
// Main functions
_preload = function() {
$(document.body).addClass('thickbox_loaded');
$('#TB_overlay').add('#TB_window').add('#TB_load').remove();
$(document.body).append('<div id="TB_overlay"></div><div id="TB_window" class="fixedpos"></div>');
$('#TB_overlay').click(_remove);
_startLoader();
},
_showImage = function(elem) {
try {
var url, $a, $img, descUrl, TB_secondLine = '', TB_descLink;
_preload();
$a = $(elem);
$img = $a.find('> img').eq(0);

url = _getUrlFromThumb( $img.attr('src') );
descUrl = $a.attr('href');
if ($img.data('image-key')) {
// image-key es el nombre para la URL. No usar image-name porque está codificado doble (& --> &amp;)
descUrl = mw.util.wikiGetlink(mw.config.get('wgFormattedNamespaces')['6'] + ':' + decodeURIComponent($img.data('image-key')));
}
TB_descLink = '<a id="TB_descLink" class="sprite details" title="Ir a la página de descripción de la imagen"></a>';
// Se trata de un gallery?
if (_galleryIndex != -1) {
TB_secondLine = '<div id="TB_secondLine">'+
'<span id="TB_imageCount"></span>'+
'<span id="TB_prev"><a href="#" title="Ver imagen anterior [A]">< Ant.</a></span>'+
'<span id="TB_next"><a href="#" title="Ver imagen siguiente [S]">Sig. ></a></span></div>';
}
$('#TB_window').append('<div id="TB_closeWindow"><a href="#" id="TB_closeWindowButton" title="Cerrar [ESC]">cerrar</a></div>' +
'<div id="TB_ImageOff"><img id="TB_Image" alt="Imagen" title="Cerrar" />' + TB_descLink + '</div>' + TB_secondLine + '<div id="TB_caption"></div>');
if (_galleryIndex != -1) {
_updateNavigation();
}
$('#TB_caption').html( ( _getCaption($a) || null ) );

$('#TB_Image').add('#TB_closeWindowButton').click(_remove);
$(document).on('keyup.thickbox', _keyListener);
$('#TB_prev').add('#TB_next').click(_navigate);
$('#TB_descLink').attr('href', descUrl);
$('#TB_ImageOff').on({
mouseover: function() {
$('#TB_descLink').css('display','block');
},
mouseout: function() {
$('#TB_descLink').css('display','none');
}
});

if (_imgPreloader === null) {
_imgPreloader = new Image();
}
_imgPreloader.onload = _imageLoaded;
_imgPreloader.onerror = _imageError;
_imgPreloader.src = ''; // chromium bug 7731
if (url.length > 3 && url.substr(url.length - 4).toLowerCase() == '.svg') {
// Para SVG ya conocemos su relación de aspecto, aunque no sus dimensiones originales
// Habría que hacerlo diferente para cargar el SVG. En su lugar, aquí se determina dinámicamente
// Se agranda artificialmente, y luego esta función lo reducirá al tamaño máximo de la ventana
_updateImageView($img.prop('width') * 1000, $img.prop('height') * 1000, url);
} else {
_imgPreloader.src = url;
}
} catch(e) {
_log(e);
}
},
_showElement = function(target) {
try {
var url = target.href, idx = url.indexOf('#');
if (idx == -1) {
return false;
}
var baseurl = url.substr(0, idx),
hash = decodeURIComponent(url.substr(idx + 1)),
// Comprobamos que la URL sea del mismo documento
locbase = document.location.href.replace(baseurl, ''),
rel = document.getElementById(hash);
if ((locbase !== '' && locbase.indexOf('#') !== 0) || rel === null) {
return false;
}

$('#TB_overlay').add('#TB_window').remove();
$(document.body).append('<div id="TB_overlay" class="transparent"></div><div id="TB_window"></div>');
$('#TB_overlay').click(_remove);

var titleHTML = '<div id="TB_title"><div id="TB_closeAjaxWindow"><a href="#" id="TB_closeWindowButton" title="Cerrar [ESC]">cerrar</a></div></div>',
wnd = $('#TB_window'),
cel = $(rel).clone();
cel.contents().eq(0).remove();
cel.find('> sup').remove();
wnd.width(_minWidth).append(titleHTML+'<div id="TB_ajaxContent">'+cel.html()+'</div>');

var tgEl = $(target),
// espacio horizontal a cada lado del elemento
elOffset = tgEl.offset(),
lw = elOffset.left,
rw = $(document).width() - elOffset.left - tgEl.width(),
// Calculamos las dimensiones óptimas. Calculamos el área y determinamos que lo ideal es proporción 3/2
prefw = parseInt(Math.sqrt(wnd.width()*wnd.height()*3/2),10),
// Corrección de ancho mínimo en caso de producirse scroll
cd = $('#TB_ajaxContent')[0];
prefw += cd.scrollWidth-cd.clientWidth;
// No se debe reducir el ancho mínimo
if (prefw < _minWidth) {
prefw = _minWidth;
}
// Posición. 5px de margen respecto el origen. Situación ideal: a la derecha del elemento
var margen = 5, left = $(document).width() - rw + margen;
if (rw > prefw + margen) {
// ya es correcto
} else if (lw > prefw + margen) {
left = lw - prefw - margen;
} else if (lw < 250 || rw < 250) { // No cabe en ninguno de los dos lados. Miramos si no puede usarse el ancho mínimo (250). En ese caso el ancho lo forzamos y lo ponemos a la derecha
prefw = 250;
} else if (rw > lw) { // Se usa el ancho disponible del lado mayor
prefw = rw - margen;
} else {
prefw = lw - margen*2;
left = margen;
}
wnd.css({width: prefw, left: left});
// Ahora la posición vertical. necesita que hayamos asignado el width para que lo calcule bien
var top = elOffset.top - parseInt(wnd.height(), 10) - margen;
// Si no cabe arriba lo colocamos debajo
if (top < margen) {
top = elOffset.top + tgEl.height() + margen;
}
wnd.css({top: top, visibility: 'visible'});
// Animación si queda fuera del campo visual
if (($('html')[0].scrollTop||$('body')[0].scrollTop) > top-margen) {
$('html,body').animate({scrollTop: top - margen}, 250, 'swing');
}

$('#TB_closeWindowButton').click(_remove);
$(document).on('keyup.thickbox', _keyListener);
} catch (e) {
_log(e);
}
},
//helper functions below
_displayClean = function() {
_stopLoader();
$('#TB_window').css('visibility','visible');
},
_remove = function() {
$(document).off('keyup.thickbox');
_galleryData = null;
_galleryIndex = -1;
if (_imgPreloader !== null) {
_imgPreloader.onload = null;
_imgPreloader.onerror = null;
}
$('#TB_ImageOff').add('#TB_Image').add('#TB_closeWindowButton').add('#TB_prev').add('#TB_next').off();
$('#TB_window').add('#TB_Image').queue('fx',[]).stop();
$('#TB_window').fadeOut('fast',function(){$('#TB_window').add('#TB_overlay').off().remove();});
_stopLoader();
$(document.body).removeClass('thickbox_loaded');
return false;
},
_keyListener = function(e) {
var keycode = e.which;
if (keycode == 27) { // close
_remove();
} else if (keycode == 65) { // 'A' display previous image
$('#TB_prev').click();
} else if (keycode == 83) { // 'S' display next image
$('#TB_next').click();
}
},
_position = function(anim) {
// Ancho mínimo
var border = 4;
if (_width < _minWidth) {
_width = _minWidth;
}
var o = {marginLeft: '-' + parseInt((_width / 2)+border,10).toString() + 'px', width: _width + 'px', marginTop: '-' + parseInt((_height / 2)+border,10).toString() + 'px'};
if (anim) {
$('#TB_window').animate(o, {queue: false, duration: 'fast'});
} else {
$('#TB_window').css(o);
}
},
_getPageSize = function() {
var de = document.documentElement,
w = window.innerWidth || (de&&de.clientWidth) || document.body.clientWidth,
h = window.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
return [w,h];
},
_getUrlFromThumb = function(thumb) {
if (thumb.indexOf('.svg/') != -1) {
return thumb;
}
// Wikia
//return thumb.replace(/\/revision\/latest\/scale-to-width(-down)?\/\d+/, '');

// Si la imagen no es thumb, o bien es un SVG, usamos la imagen tal cual.
if (thumb.indexOf('/thumb/') == -1 || thumb.indexOf('.svg/') != -1 ) {
return thumb;
}
var urlparts = thumb.split('/');
return thumb.replace('/thumb/','/').replace('/'+urlparts[urlparts.length-1], '');

},
_getCaptionThumb = function(elem) {
return elem.closest('.thumbinner').find('> .thumbcaption').clone().find('> div.magnify').remove().end().html();
},
_getCaptionThumb140 = function(elem) {
return elem.closest('figure').find('> figcaption').clone().html();
},
_getCaptionEmpty = function(elem) {
return $('<div>').text((elem.attr('title')||'')).html();
},
_getCaptionMW = function(gitem) {
return gitem.closest('li.gallerybox').find('div.gallerytext').eq(0).html();
},
_getCaptionWikia = function(gitem) {
return gitem.closest('div.wikia-gallery-item').find('> div.lightbox-caption').eq(0).html();
},
_imageError = function() {
_stopLoader();
},
_imageLoaded = function() {
_updateImageView(_imgPreloader.width, _imgPreloader.height, _imgPreloader.src);
},
_updateImageView = function(imageWidth, imageHeight, imageSrc) {
var navigation = (_galleryIndex != -1),
img = $('#TB_Image'),
wndH = $('#TB_window').height(),
// Resizing large images - orginal by Christian Montoya edited by me.
pagesize = _getPageSize(),
// Dimensiones máximas
x = pagesize[0] - _minMarginWidth * 2 - _imageMarginWidth * 2,
y = pagesize[1] - _minMarginHeight * 2 - wndH + img.height(),
firstNav, imgOpt;
// Puede entrar por una o por las dos. De hecho, con esta comprobación basta, ya que si tiene que pasar por las dos da igual por qué lado se reduzca primero
if (imageWidth > x) {
imageHeight = imageHeight * (x / imageWidth);
imageWidth = x;
}
if (imageHeight > y) {
imageWidth = imageWidth * (y / imageHeight);
imageHeight = y;
}
// End Resizing

firstNav = (img.attr('src') || '') === '';
// Dimensiones de la ventana Thickbox para posicionar
_width = imageWidth + _imageMarginWidth * 2; // 15px de espacio en cada lado
// La altura de la ventana la conocemos. Solo hay que reemplazar la imagen antigua y poner la nueva, esto es, sus dimensiones. El height se tiene que hacer diferente porque intervienen más elementos que en el ancho
_height = wndH - img.height() + imageHeight;
img.attr({
src: imageSrc,
alt: $('#TB_caption').text()
});

imgOpt = {width: imageWidth, height: imageHeight, opacity: 1};
// Miramos si se carga al abrir o después de navegar. Si viene de abrirse, sin animación
if (firstNav) {
img.css(imgOpt);
} else {
img.animate(imgOpt, {duration: 'fast'});
}

_position(navigation && !firstNav);
_displayClean();
},
_updateNavigation = function() {
var seq = _galleryIndex, len = _galleryData.length;
$('#TB_prev').css('display', (seq === 0 ? 'none' : ''));
$('#TB_next').css('display', (seq >= len-1 ? 'none' : ''));
$('#TB_imageCount').text('Imagen ' + (seq+1) + ' de ' + len);
},
_navigate = function() {
var url, seq = _galleryIndex + (this.id == 'TB_prev' ? -1 : 1), len = _galleryData.length, gitem, $img;
if (seq < 0 || seq > len - 1) {
return false;
}
_galleryIndex = seq;
gitem = _galleryData.eq(seq);
url = _getUrlFromThumb(gitem.find('> img').eq(0).attr('src'));
_updateNavigation();
if (_imgPreloader.src != url) {
$('#TB_window').stop();
$('#TB_Image').queue('fx',[]).stop().animate({opacity: 0}, {duration: 'fast', complete: function() {
_startLoader();
if (url.length > 3 && url.substr(url.length - 4).toLowerCase() == '.svg') {
$img = gitem.find('> img').eq(0);
// Para SVG ya conocemos su relación de aspecto, aunque no sus dimensiones originales
// Habría que hacerlo diferente para cargar el SVG. En su lugar, aquí se determina dinámicamente
// Se agranda artificialmente, y luego esta función lo reducirá al tamaño máximo de la ventana
_updateImageView($img.prop('width') * 1000, $img.prop('height') * 1000, url);
_imgPreloader.src = '';
} else {
_imgPreloader.src = url;
}
}});
}
// Si la función no encuentra el elemento, puede devolver undefined, y en este caso no cambia el contenido. Forzamos un null en ese caso
$('#TB_caption').html( ( _getCaption(gitem) || null ) );
$('#TB_descLink').attr('href',gitem.attr('href'));
return false;
},
_setParams = function(p) {
var val;
if (typeof p != 'object') {
return;
}
for (var n in p) {
if (p.hasOwnProperty(n)) {
val = p[n];
switch(n) {
case 'minWidth':
_minWidth = val;
break;
case 'imageMarginWidth':
_imageMarginWidth = val;
break;
case 'minMarginWidth':
_minMarginWidth = val;
break;
case 'minMarginHeight':
_minMarginHeight = val;
break;
case 'loaderWait':
_loaderWait = (typeof val == 'number' && val);
break;
case 'logger':
_logger = (typeof val == 'function' && val);
break;
}
}
}
},
_log = function(msg) {
if (_logger) {
_logger(msg);
}
},
_imgTipEvent = function(e) {
var target = e.target, a, t;
if (e.ctrlKey || e.altKey || e.shiftKey) {
_hideImgTip();
return;
}
if (_isTag(target,'img')) { // Gallery o thumb
a = target.parentNode;
if (!_isTag(a,'a') || !(_isClass(a,'image') || _isClass(a,'mw-file-description')) || _isClass(a,'link-internal')) {
_hideImgTip();
return;
}
t = $(target);
// Mostramos solo si la imagen tiene un tamaño mínimo
if (t.width() < 40 || t.height() < 40) {
return;
}
_showImgTip(t);
return;
}
_hideImgTip();
},
_imgTipClickEvent = function() {
if (_imgTipTarget) {
$(_imgTipTarget).click();
return false;
}
},
_createImgTip = function() {
_imgTip = $('<div id="TB_imagetip" title="Clic sobre la imagen para ampliar. Ctrl, Alt o Mayús. para acceder a la página de descripción de la imagen.">').appendTo(document.body);
_imgTip.on('click',_imgTipClickEvent);
},
_showImgTip = function(target) {
if (!_imgTip) {
_createImgTip();
}
var of = target.offset();
_imgTip.css({
display: 'block',
left: of.left + target.width(),
top: of.top + target.height()
});
_imgTipVisible = true;
_imgTipTarget = target;
},
_hideImgTip = function() {
if (_imgTipVisible) {
_imgTip.css('display','none');
_imgTipVisible = false;
_imgTipTarget = null;
}
};

// Public functions
return {
init: _init,
showImage: _showImage,
showElement: _showElement,
remove: _remove,
setParams: _setParams
};

}(jQuery, mw));

if (mw.config.get('wgAction', '') != 'history' || !(mw.config.get('wgNamespaceNumber', 0) == -1 && mw.config.get('wgCanonicalSpecialPageName', '') == 'Recentchanges')) {
$(window.Thickbox.init);
}
/* </pre> */

MediaWiki:Gadget-Thickbox.js - Revision history

Madness at 09:24, 18 December 2023

Madness at 09:23, 18 December 2023

Madness at 08:56, 18 December 2023