MediaWiki:Gadget-spriteEditLoader.js

In other languages

Note: After saving, you have to bypass your browser's cache to see the changes.

Google Chrome, Firefox, Microsoft Edge, and Safari: Hold down the key and click the Reload toolbar button.
For details and instructions about other browsers, see Wikipedia:Bypass your cache.

$(function(){
'use strict';
vari18n={
editSprites:'Edit sprite'
};
/**
 * Add an edit button which loads the sprite editor
 *
 * If spriteaction=edit is in the URL, the editor will be loaded
 * immediately, otherwise it will wait for the button to be clicked.
 */
vareditPage=$('#sprite-editor-message').data('page')||null;
if(!$('#spritedoc').length&&!editPage){
return;
}
var$spriteEditLink=mw.util.addPortletLink('p-cactions',mw.util.getUrl()+'?spriteaction=edit',i18n.editSprites,'ca-spriteedit');
var$spriteEditTab=$($spriteEditLink).addClass('collapsible').insertAfter('#ca-edit');
vartooltips;
$('.custom-side-tool').mouseenter(function(){
vartopPosition=($(this).offset().top-$(document).scrollTop()+20)+'px';
varleftPosition=($(this).offset().left+50)+'px';
vartooltip=$('<div>',{
class:'wds-tooltip is-right',
css:{
left:leftPosition,
top:topPosition
},
text:$(this).data('wds-tooltip-name')
});
$('body').append(tooltip);
tooltips=tooltip;
});
$('.custom-side-tool').mouseleave(function(){
vara=tooltips;
tooltips=undefined;
if(a){
a.remove();
}
});
// Page to sprite edit is not here, so no need to bind events
if(editPage){
return;
}
varloadSpriteEditor=function(){
$spriteEditTab.add('#ca-view').toggleClass('selected');
returnmw.loader.using('ext.gadget.spriteEdit');
};
if(location.search.match('[?&]spriteaction=edit')){
loadSpriteEditor();
return;
}
var$win=$(window);
$spriteEditLink.one('click.spriteEditLoader',function(e){
// Initially add the history so it is not delayed waiting
// for the editor to load. The editor will handle it from now.
history.pushState({},'',this.href);
loadSpriteEditor().then(function(){
$win.off('.spriteEditLoader');
});
e.preventDefault();
});
$spriteEditLinkDropdown.one('click.spriteEditLoader',function(e){
// Initially add the history so it is not delayed waiting
// for the editor to load. The editor will handle it from now.
history.pushState({},'',this.href);
loadSpriteEditor().then(function(){
$win.off('.spriteEditLoader');
});
e.preventDefault();
});
// If the page is reloaded while the editor isn't loaded, navigating
// back to the editor won't work, so an initial navigation check is
// necessary to load the editor, where it will then monitor navigation
$win.on('popstate.spriteEditLoader',function(){
if(
location.search.match('[?&]spriteaction=edit')&&
!$('html').hasClass('spriteedit-loaded')
){
loadSpriteEditor().then(function(){
$win.off('.spriteEditLoader');
});
}
});
});