MediaWiki:Gadget-checkBox.js - Revision history

Claycorp: Hide reset from printing and make it small text at the bottom of the list instead of ugly button at the top.

2025-10-30T07:54:49Z

Hide reset from printing and make it small text at the bottom of the list instead of ugly button at the top.

← Older revision		Revision as of 09:54, 30 October 2025
Line 27:		Line 27:
	}		}

	~~// Find and replace each <li> with a <label>~~		const $labels = [];

	$checklist.find("li").each(function () {		$checklist.find("li").each(function () {
	const $li = $(this);		const $li = $(this);
Line 47:		Line 48:
	.append($li.contents());		.append($li.contents());

	$li.~~replaceWith~~($label);		$labels.push($label);
	});		});

	~~// Remove the <ul> wrapper if empty~~		$checklist.empty();
	$checklist.~~find~~(~~"ul"~~)~~.each(function () {~~
	~~if (!~~$~~(this)~~.~~children~~(~~).length) {~~		$labels.forEach(label => $checklist.append(label));
	$~~(this)~~.~~remove~~();
	}
	});

	~~// Add Reset button~~		const resetLink = $('<a>')
	const ~~resetButton~~ = $('<~~button~~>')		.text('Reset this checklist')
	.text('Reset ~~This Checklist~~')		.attr('href', '#')
	.css({ ~~margin~~: '~~10px~~ 0', ~~display~~: '~~block~~' })		.addClass('noprint')
	.on('click', function () {		.css({
			display: 'inline-block',
			marginTop: '8px',
			fontSize: '0.85em',
			color: '#0077cc',
			textDecoration: 'underline',
			cursor: 'pointer'
			})
			.on('click', function (e) {
			e.preventDefault();
	$checklist.find("input[type=checkbox]").each(function () {		$checklist.find("input[type=checkbox]").each(function () {
	$(this).prop("checked", false);		$(this).prop("checked", false);
Line 68:		Line 75:
	});		});

	$checklist.~~prepend~~(~~resetButton~~);		$checklist.append(resetLink);
	});		});
	});		});

Claycorp: replace don't warp.

2025-10-15T08:58:09Z

replace don't warp.

← Older revision		Revision as of 10:58, 15 October 2025
Line 3:		Line 3:
	$(function () {		$(function () {
	const $checklists = $("div.checklist");		const $checklists = $("div.checklist");
	if (!$checklists.length) return; ~~// Exit early if no checklist found~~		if (!$checklists.length) return;

	const pageKey = mw.config.get('wgPageName') \|\| 'defaultChecklist';		const pageKey = mw.config.get('wgPageName') \|\| 'defaultChecklist';

	~~// Simple hash function for strings~~
	function hashString(str) {		function hashString(str) {
	let hash = 0;		let hash = 0;
Line 17:		Line 16:
	}		}

	~~// Process each checklist separately~~
	$checklists.each(function (listIndex) {		$checklists.each(function (listIndex) {
	const $checklist = $(this);		const $checklist = $(this);
Line 29:		Line 27:
	}		}

			// Find and replace each <li> with a <label>
	$checklist.find("li").each(function () {		$checklist.find("li").each(function () {
	const $li = $(this);		const $li = $(this);
Line 42:		Line 41:
	});		});

	const ~~labelContent~~ = $('<label>').append($checkbox).append(" ").append($li.contents());		const $label = $('<label>')
	$li.empty().~~append~~(~~labelContent~~);		.css({ display: 'block', margin: '5px 0' })
			.append($checkbox)
			.append(" ")
			.append($li.contents());

			$li.replaceWith($label);
			});

			// Remove the <ul> wrapper if empty
			$checklist.find("ul").each(function () {
			if (!$(this).children().length) {
			$(this).remove();
			}
	});		});

			// Add Reset button
	const resetButton = $('<button>')		const resetButton = $('<button>')
	.text('Reset This Checklist')		.text('Reset This Checklist')
	.css({ margin: '10px 0', display: 'block' })		.css({ margin: '10px 0', display: 'block' })
	.on('click', function () {		.on('click', function () {
	$checklist.find("li input[type=checkbox]").each(function () {		$checklist.find("input[type=checkbox]").each(function () {
	$(this).prop("checked", false);		$(this).prop("checked", false);
	});		});
Line 56:		Line 68:
	});		});

	$checklist.~~before~~(resetButton);		$checklist.prepend(resetButton);
	});		});
	});		});

Claycorp: Claycorp moved page MediaWiki:Gadgets-checkBox.js to MediaWiki:Gadget-checkBox.js without leaving a redirect: Misspelled title

2025-10-15T08:45:04Z

Claycorp moved page MediaWiki:Gadgets-checkBox.js to MediaWiki:Gadget-checkBox.js without leaving a redirect: Misspelled title

← Older revision	Revision as of 10:45, 15 October 2025
(No difference)

Claycorp: Oops, I set it up wrong. Fixed to look for div.

2025-10-15T08:31:18Z

Oops, I set it up wrong. Fixed to look for div.

← Older revision		Revision as of 10:31, 15 October 2025
Line 2:		Line 2:

	$(function () {		$(function () {
	const $checklists = $("ul.checklist");		const $checklists = $("div.checklist");
	if (!$checklists.length) return; // Exit early if no checklist found		if (!$checklists.length) return; // Exit early if no checklist found

Claycorp: Code side of attempt to add saving checklist capabilities.

2025-10-15T08:13:47Z

Code side of attempt to add saving checklist capabilities.

New page

//This code was generated with Copilot.

$(function () {
const $checklists = $("ul.checklist");
if (!$checklists.length) return; // Exit early if no checklist found

const pageKey = mw.config.get('wgPageName') || 'defaultChecklist';

// Simple hash function for strings
function hashString(str) {
let hash = 0;
for (let i = 0; i < str.length; i++) {
hash = ((hash << 5) - hash) + str.charCodeAt(i);
hash |= 0;
}
return hash.toString();
}

// Process each checklist separately
$checklists.each(function (listIndex) {
const $checklist = $(this);
const checklistKey = `${pageKey}-checklist-${listIndex}`;
let savedState = {};

try {
savedState = JSON.parse(localStorage.getItem(checklistKey)) || {};
} catch (e) {
savedState = {};
}

$checklist.find("li").each(function () {
const $li = $(this);
const rawText = $li.text().trim();
const itemId = hashString(rawText);
const isChecked = savedState[itemId] === true;

const $checkbox = $('<input type="checkbox">')
.prop("checked", isChecked)
.on("change", function () {
savedState[itemId] = $(this).prop("checked");
localStorage.setItem(checklistKey, JSON.stringify(savedState));
});

const labelContent = $('<label>').append($checkbox).append(" ").append($li.contents());
$li.empty().append(labelContent);
});

const resetButton = $('<button>')
.text('Reset This Checklist')
.css({ margin: '10px 0', display: 'block' })
.on('click', function () {
$checklist.find("li input[type=checkbox]").each(function () {
$(this).prop("checked", false);
});
localStorage.removeItem(checklistKey);
});

$checklist.before(resetButton);
});
});