MediaWiki:Common.js: Difference between revisions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 6: | Line 6: | ||
var $body = $('body'); | var $body = $('body'); | ||
// Only run if the page | // Only run if the page has variant content | ||
if ($('.variant').length === 0) { | if ($('.variant').length === 0) { | ||
return; | return; | ||
} | } | ||
// | // Build tab bar | ||
var $ | var $tabs = $('<div class="variant-tabs"></div>'); | ||
var $btnOlder = $('<button>Older Revision</button>').on('click', function () { | var $btnOlder = $('<button>Older Revision</button>').on('click', function () { | ||
$body.removeClass('variant-newer').addClass('variant-older'); | $body.removeClass('variant-newer').addClass('variant-older'); | ||
localStorage.setItem('variant', 'older'); | localStorage.setItem('variant', 'older'); | ||
$tabs.find('button').removeClass('active'); | |||
$(this).addClass('active'); | |||
}); | }); | ||
var $btnNewer = $('<button>Newer Revision</button>').on('click', function () { | var $btnNewer = $('<button>Newer Revision</button>').on('click', function () { | ||
$body.removeClass('variant-older').addClass('variant-newer'); | $body.removeClass('variant-older').addClass('variant-newer'); | ||
localStorage.setItem('variant', 'newer'); | localStorage.setItem('variant', 'newer'); | ||
$tabs.find('button').removeClass('active'); | |||
$(this).addClass('active'); | |||
}); | }); | ||
$ | $tabs.append($btnOlder).append($btnNewer); | ||
// | // Insert tabs above the main content | ||
$('#mw-content-text').prepend($tabs); | |||
// Load saved choice (default: newer) | |||
var saved = localStorage.getItem('variant') || 'newer'; | var saved = localStorage.getItem('variant') || 'newer'; | ||
$body.addClass('variant-' + saved); | $body.addClass('variant-' + saved); | ||
if (saved === 'older') $btnOlder.addClass('active'); | |||
else $btnNewer.addClass('active'); | |||
}); | }); | ||
Revision as of 10:05, 22 August 2025
mw.loader.load("/images/assets/image-selector.js");
/* mw.loader.load("/images/assets/nav.js"); */
mw.loader.load("https://dxgalaxy.org/js/nav.js");
$(function () {
var $body = $('body');
// Only run if the page has variant content
if ($('.variant').length === 0) {
return;
}
// Build tab bar
var $tabs = $('<div class="variant-tabs"></div>');
var $btnOlder = $('<button>Older Revision</button>').on('click', function () {
$body.removeClass('variant-newer').addClass('variant-older');
localStorage.setItem('variant', 'older');
$tabs.find('button').removeClass('active');
$(this).addClass('active');
});
var $btnNewer = $('<button>Newer Revision</button>').on('click', function () {
$body.removeClass('variant-older').addClass('variant-newer');
localStorage.setItem('variant', 'newer');
$tabs.find('button').removeClass('active');
$(this).addClass('active');
});
$tabs.append($btnOlder).append($btnNewer);
// Insert tabs above the main content
$('#mw-content-text').prepend($tabs);
// Load saved choice (default: newer)
var saved = localStorage.getItem('variant') || 'newer';
$body.addClass('variant-' + saved);
if (saved === 'older') $btnOlder.addClass('active');
else $btnNewer.addClass('active');
});