MediaWiki:CustomItemTracker.js - Revision history

Hefner at 17:12, 30 July 2026

2026-07-30T17:12:51Z

← Older revision		Revision as of 17:12, 30 July 2026
Line 373:		Line 373:


	const index =		const index =
	~~globalIndex++~~;		trackerData.tiers
			.flatMap(t => t.items)
			.indexOf(item);

Hefner at 17:10, 30 July 2026

2026-07-30T17:10:48Z

← Older revision		Revision as of 17:10, 30 July 2026
Line 22:		Line 22:


	let images = [];		let images = {};

	let searchValue = "";		let searchValue = "";

Line 132:		Line 133:

	if (!data.parse) {		if (!data.parse) {
	console.warn("Image parse failed", data);
	images = [];		console.warn(
			"Image parse failed",
			data
			);

			images = {};

	render();		render();

	return;		return;

	}		}



Line 149:		Line 159:


	~~images~~ =		const parsedImages =
	Array.from(		Array.from(
	wrapper.querySelectorAll("img")		wrapper.querySelectorAll("img")
	);		);



			images = {};



			allItems.forEach(function(item, index) {


			if (parsedImages[index]) {

			images[item.name] =
			parsedImages[index];

			}


			});


Line 251:		Line 280:


	searchBox.addEventListener(		searchBox.addEventListener(
	"input",		"input",
	function() {		function() {

	searchValue =		searchValue =
	this.value.toLowerCase();		this.value.toLowerCase();

	render(searchValue);		render(searchValue);

	~~setTimeout(function() {~~
	~~const newSearch =~~
	~~container.querySelector(".trackerSearch");~~

	if (newSearch) {		setTimeout(function() {
	newSearch.focus();
	newSearch.setSelectionRange(		const newSearch =
	newSearch.value.length,		container.querySelector(".trackerSearch");
	newSearch.value.length
	);
	}		if (newSearch) {

			newSearch.focus();

			newSearch.setSelectionRange(
			newSearch.value.length,
			newSearch.value.length
			);

			}

	}, 0);		}, 0);

	}
	);

			}
			);
			let globalIndex = 0;


	~~let globalIndex = 0;~~

	trackerData.tiers.forEach(function(tier) {		trackerData.tiers.forEach(function(tier) {

Line 298:		Line 332:

	});		});



	~~// Keep index alignment with completed data~~
	~~tier.items.forEach(function(item) {~~


	~~if (~~
	~~filteredItems.includes(item)~~
	~~) {~~

	~~return;~~

	}

	~~});~~


Line 408:		Line 426:

	if (		if (
	images[~~index~~]		images[item.name]
	) {		) {


	const img =		const img =
	images[~~index~~]		images[item.name]
	.cloneNode(true);		.cloneNode(true);

Hefner at 16:41, 30 July 2026

2026-07-30T16:41:59Z

← Older revision		Revision as of 16:41, 30 July 2026
Line 119:		Line 119:


	$.~~getJSON~~(		$.post(
	"/api.php",		"/api.php",
	{		{
Line 131:		Line 131:


	if (!data.parse)		if (!data.parse) {
			console.warn("Image parse failed", data);
			images = [];
			render();
	return;		return;
			}

Hefner at 16:34, 30 July 2026

2026-07-30T16:34:25Z

← Older revision		Revision as of 16:34, 30 July 2026
Line 248:		Line 248:


	searchBox.addEventListener(		searchBox.addEventListener(
	"input",		"input",
	function() {		function() {

	searchValue =		searchValue =
	this.value.toLowerCase();		this.value.toLowerCase();

			render(searchValue);

	~~render~~(~~searchValue~~);		setTimeout(function() {
			const newSearch =
			container.querySelector(".trackerSearch");

			if (newSearch) {
			newSearch.focus();
			newSearch.setSelectionRange(
			newSearch.value.length,
			newSearch.value.length
			);
	}		}
	);
			}, 0);

			}
			);

Hefner at 16:32, 30 July 2026

2026-07-30T16:32:37Z

@@ Line 23: / Line 23: @@
      let images = [];
@@ Line 95: / Line 96: @@
              tier.items.forEach(function(item) {
                  allItems.push(item);
              });
@@ Line 166: / Line 165: @@
-     function render() {
+     function render(searchTerm = "") {
@@ Line 194: / Line 193: @@
              if (
                  trackerData.completed[key]
+             ) {
                  completed++;
+             }
@@ Line 221: / Line 221: @@
          container.appendChild(progress);
@@ Line 227: / Line 266: @@
          trackerData.tiers.forEach(function(tier) {
@@ Line 264: / Line 341: @@
                  const index =
                      globalIndex++;
@@ Line 361: / Line 453: @@
-                 tile.onclick = function() {
+                 tile.onclick =
@@ Line 438: / Line 531: @@
-             render();
+             render(searchValue);

Hefner at 16:28, 30 July 2026

2026-07-30T16:28:14Z

Show changes

Hefner at 16:25, 30 July 2026

2026-07-30T16:25:30Z

← Older revision		Revision as of 16:25, 30 July 2026
Line 88:		Line 88:
	trackerData.tiers.forEach(function (tier) {		trackerData.tiers.forEach(function (tier) {

	const heading =		const heading =
	document.createElement("h2");		document.createElement("div");

	heading.~~textContent~~ = ~~tier.name~~;		heading.className = "trackerTierHeading";

	heading.~~style.color = "#fff";~~		heading.textContent = tier.name;
	~~heading.style.margin = "25px 0 10px 0";~~
	~~heading.style.borderBottom~~ = ~~"1px solid #596e96";~~
	~~heading~~.~~style.paddingBottom = "5px"~~;

	container.appendChild(heading);		container.appendChild(heading);

Hefner at 16:24, 30 July 2026

2026-07-30T16:24:33Z

Show changes

Hefner at 15:48, 30 July 2026

2026-07-30T15:48:12Z

Show changes

Hefner at 15:45, 30 July 2026

2026-07-30T15:45:47Z

← Older revision		Revision as of 15:45, 30 July 2026
Line 235:		Line 235:


	if(img)		if(img)
	{		{
	img.style.width="50px";		img.style.width = "50px";
	target.appendChild(img);		img.style.height = "50px";
	}		img.style.objectFit = "contain";
			img.style.display = "block";
			img.style.margin = "0 auto";

			target.appendChild(img);
			}