MediaWiki:Common.js
From Hidden Mickey Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Any JavaScript here will be loaded for all users on every page load. */
// JavaScript code to save checkbox state and restore it when the page loads
$(document).ready(function() {
// Function to save the state of checkboxes to localStorage
function saveCheckboxState() {
$('input[type="checkbox"]').each(function() {
localStorage.setItem($(this).attr('id'), $(this).prop('checked'));
});
}
// Function to load the state of checkboxes from localStorage
function loadCheckboxState() {
$('input[type="checkbox"]').each(function() {
const savedState = localStorage.getItem($(this).attr('id'));
if (savedState !== null) {
$(this).prop('checked', savedState === 'true');
}
});
}
// Load the saved checkbox state when the page is loaded
loadCheckboxState();
// Save the checkbox state whenever a checkbox is changed
$('input[type="checkbox"]').change(function() {
saveCheckboxState();
});
});
// Adjust the search box width
$(document).ready(function () {
$('#searchInput').css('width', '600px'); // Adjust width as needed
});
// Add Edit Source to user dropdown
mw.loader.using('mediawiki.util', function () {
mw.util.addPortletLink( 'p-personal', mw.util.getUrl( mw.config.get('wgPageName'), { action: 'edit' } ), 'Edit Source', 'pt-editsource' );
mw.util.addPortletLink( 'p-personal', mw.util.getUrl( mw.config.get('wgPageName'), { action: 'history' } ), 'View History', 'pt-history' );
mw.util.addPortletLink( 'p-personal', mw.util.getUrl( mw.config.get('wgPageName'), { action: 'delete' } ), 'Delete', 'pt-delete' );
var moveLink = document.getElementById('ca-move');
if (moveLink) {
var a = moveLink.querySelector('a');
mw.util.addPortletLink( 'p-personal', a.href, a.textContent.trim(), 'pt-move', a.title || 'Move this page' );
moveLink.remove();
}
mw.util.addPortletLink( 'p-personal', mw.util.getUrl( mw.config.get('wgPageName'), { action: 'protect' } ), 'Protect', 'pt-protect' );
mw.util.addPortletLink( 'p-personal', mw.util.getUrl( mw.config.get('wgPageName'), { action: 'unwatch' } ), 'Unwatch', 'pt-unwatch' );
var talkLink = document.getElementById('pt-mytalk');
talkLink.remove();
var whatLinksHereLink = document.getElementById('t-whatlinkshere');
if (whatLinksHereLink) {
var a = whatLinksHereLink.querySelector('a');
mw.util.addPortletLink( 'p-personal', a.href, a.textContent.trim(), 'pt-whatlinkshere', a.title || 'What Links Here' );
whatLinksHereLink.remove();
}
var relatedChangesLink = document.getElementById('t-recentchangeslinked');
if (relatedChangesLink) {
var a = relatedChangesLink.querySelector('a');
mw.util.addPortletLink( 'p-personal', a.href, a.textContent.trim(), 'pt-recentchanges', a.title || 'Recent Changes' );
relatedChangesLink.remove();
}
var uploadLink = document.getElementById('t-upload');
if (uploadLink) {
var a = uploadLink.querySelector('a');
mw.util.addPortletLink( 'p-personal', a.href, a.textContent.trim(), 'pt-upload', a.title || 'Upload File' );
uploadLink.remove();
}
var specialPagesLink = document.getElementById('t-specialpages');
if (specialPagesLink) {
var a = specialPagesLink.querySelector('a');
mw.util.addPortletLink( 'p-personal', a.href, a.textContent.trim(), 'pt-specialpages', a.title || 'Special Pages' );
specialPagesLink.remove();
}
var permanentLink = document.getElementById('t-permalink');
if (permanentLink) {
var a = permanentLink.querySelector('a');
mw.util.addPortletLink( 'p-personal', a.href, a.textContent.trim(), 'pt-permalink', a.title || 'Permanent Link' );
permanentLink.remove();
}
var pageInfoLink = document.getElementById('t-info');
if (pageInfoLink) {
var a = pageInfoLink.querySelector('a');
mw.util.addPortletLink( 'p-personal', a.href, a.textContent.trim(), 'pt-info', a.title || 'Page Info' );
pageInfoLink.remove();
}
var printLink = document.getElementById('t-print');
if (printLink) {
var a = printLink.querySelector('a');
printLink.remove();
}
});
/* Test code to make checkboxes and timestamps work */
/* This code works for PC Windows */
(function () {
'use strict';
// Toggle this in the console with `window.mwTimestamp.DEBUG = false` to silence logs
window.mwTimestamp = window.mwTimestamp || {};
window.mwTimestamp.DEBUG = window.mwTimestamp.DEBUG !== undefined ? window.mwTimestamp.DEBUG : true;
var PREFIX = 'mw-checkbox-ts:';
function formatTime(d) { return d.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit', second: '2-digit' }); }
function ensureTsBox(cb) {
if (!cb) { return null; }
// prefer row-based lookup
var tr = cb.closest && cb.closest('tr');
if (tr) {
var existing = tr.querySelector && tr.querySelector('.mw-ts-box');
if (existing) { return existing; }
// create in last cell if not present
var lastCell = tr.querySelector('td:last-child, th:last-child') || tr.lastElementChild;
if (lastCell) {
var ts = lastCell.querySelector('.mw-ts-box');
if (!ts) { ts = document.createElement('span'); ts.className = 'mw-ts-box'; lastCell.appendChild(ts); }
return ts;
}
}
// fallback: next sibling cell
var td = cb.closest && cb.closest('td') || cb.parentElement;
if (td && td.nextElementSibling) {
var next = td.nextElementSibling;
var ts2 = next.querySelector && next.querySelector('.mw-ts-box');
if (!ts2) { ts2 = document.createElement('span'); ts2.className = 'mw-ts-box'; next.appendChild(ts2); }
return ts2;
}
// last resort: insert immediately after checkbox
var span = document.createElement('span');
span.className = 'mw-ts-box';
if (cb.parentNode) cb.parentNode.insertBefore(span, cb.nextSibling);
return span;
}
function saveState(cb, tsBox) {
if (!cb || !cb.id) {
return;
}
var data = {
checked: !!cb.checked,
timestamp: tsBox ? tsBox.textContent : ''
};
try {
localStorage.setItem(PREFIX + cb.id, JSON.stringify(data));
} catch (e) {
// Nothing
}
}
function restoreOne(id, data) {
var cb = document.getElementById(id);
if (!cb) {
return false;
}
cb.checked = !!data.checked;
var tsBox = ensureTsBox(cb);
if (tsBox) {
tsBox.textContent = data.timestamp || '';
} else {
// Nothing
}
return true;
}
function restoreAllOnce() {
try {
var keys = Object.keys(localStorage);
keys.forEach(function (k) {
if (k.indexOf(PREFIX) !== 0) return;
var id = k.slice(PREFIX.length);
var json = localStorage.getItem(k);
if (!json) {
return;
}
try {
var data = JSON.parse(json);
restoreOne(id, data);
} catch (e) {
// Nothing
}
});
} catch (e) {
// Nothing
}
// Nothing
}
function initRestore() {
restoreAllOnce();
// MediaWiki hook (if available)
if (window.mw && mw.hook) {
try {
mw.hook('wikipage.content').add(function () {
restoreAllOnce();
});
} catch (e) {
// Nothing
}
}
// short retries (handles async injection)
setTimeout(function () { restoreAllOnce(); }, 200);
setTimeout(function () { restoreAllOnce(); }, 1200);
// MutationObserver fallback
if (window.MutationObserver) {
try {
var observer = new MutationObserver(function (mutations) {
var want = false;
for (var i = 0; i < mutations.length && !want; i++) {
var added = mutations[i].addedNodes;
for (var j = 0; j < added.length && !want; j++) {
var node = added[j];
if (node.nodeType !== 1) continue;
if (node.matches && node.matches('.mw-checkbox-ts')) want = true;
if (node.querySelector && (node.querySelector('.mw-checkbox-ts') || node.querySelector('.mw-ts-box'))) want = true;
}
}
if (want) {
restoreAllOnce();
}
});
observer.observe(document.body, { childList: true, subtree: true });
} catch (e) {
// Nothing
}
}
}
// handler — writes timestamp and saves state
function handleCheckboxEvent(ev) {
var cb = ev.target;
console.log('EVENT:', ev.type, ev.target, ev.target && ev.target.tagName);
if (!cb || !cb.matches || !cb.matches('.mw-checkbox-ts')) return;
var tsBox = ensureTsBox(cb);
tsBox.textContent = cb.checked ? formatTime(new Date()) : '';
saveState(cb, tsBox);
}
// Listen to both change and click
document.addEventListener('change', handleCheckboxEvent, false);
document.addEventListener('click', handleCheckboxEvent, false);
// Start
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initRestore);
} else {
initRestore();
}
// Expose debug helpers
window.mwTimestamp.restoreAll = restoreAllOnce;
window.mwTimestamp.listSaved = function () {
return Object.keys(localStorage).filter(function (k) { return k.indexOf(PREFIX) === 0; });
};
window.mwTimestamp.getSaved = function (id) {
var j = localStorage.getItem(PREFIX + id);
try { return j ? JSON.parse(j) : null; } catch (e) { dbg('getSaved parse error', e); return null; }
};
})();
