MediaWiki:TeamBingo.js - Revision history

Hefner at 18:03, 7 March 2026

2026-03-07T18:03:03Z

← Older revision		Revision as of 18:03, 7 March 2026
Line 231:		Line 231:
	}		}

	// Progress		// Progress
	const progressDiv = document.createElement("div");		const progressDiv = document.createElement("div");
	progressDiv.style.marginTop = "10px";		progressDiv.style.marginTop = "10px";
	progressDiv.style.color = "#fff";		progressDiv.style.color = "#fff";
	progressDiv.className = "bingoProgress";		progressDiv.style.textAlign = "center"; // <-- center the text
	container.appendChild(progressDiv);		progressDiv.className = "bingoProgress";
			container.appendChild(progressDiv);

	function updateProgress() {		function updateProgress() {
	let completed = 0;		let completed = 0;
	for (let i = 0; i < parsedItems.length; i++)		for (let i = 0; i < parsedItems.length; i++)
	if (boardState[teamKey][`tile_${i}`]) completed++;		if (boardState[teamKey][`tile_${i}`]) completed++;
	progressDiv.textContent = `Completed ${completed} of ${parsedItems.length} items`;		progressDiv.textContent = `Completed ${completed} of ${parsedItems.length} items`;
	}		}
	updateProgress();		updateProgress();
	});		});
	}		}

2026-03-07T18:01:13Z

2026-03-07T17:59:18Z

2026-03-07T17:56:32Z

← Older revision		Revision as of 17:56, 7 March 2026
Line 32:		Line 32:
	const boardState = {}; // central source of truth for all tiles		const boardState = {}; // central source of truth for all tiles

	// ~~Wrap button in a container to center it~~		// Add Refresh Button inside infoBox
	~~const btnWrapper = document.createElement("div");~~
	~~btnWrapper.style.width = "100%";~~
	~~btnWrapper.style.textAlign = "center";~~
	~~btnWrapper.style.marginBottom = "10px"; // space below button~~

	const refreshBtn = document.createElement("button");		const refreshBtn = document.createElement("button");
	refreshBtn.textContent = "Refresh Board";		refreshBtn.textContent = "Refresh Board";
Line 47:		Line 42:
	refreshBtn.style.backgroundColor = "#3b4a6b";		refreshBtn.style.backgroundColor = "#3b4a6b";
	refreshBtn.style.color = "#fff";		refreshBtn.style.color = "#fff";
			refreshBtn.style.display = "block";
			refreshBtn.style.margin = "0 auto 10px auto"; // centers inside infoBox

	// ~~Add button~~ to ~~wrapper~~		// Prepend to infoBox content
	~~btnWrapper.appendChild(refreshBtn);~~		infoBox.prepend(refreshBtn);

	~~// Insert wrapper above~~ infoBox
	infoBox.~~parentNode.insertBefore~~(~~btnWrapper, infoBox~~);

2026-03-07T17:55:54Z

← Older revision		Revision as of 17:55, 7 March 2026
Line 32:		Line 32:
	const boardState = {}; // central source of truth for all tiles		const boardState = {}; // central source of truth for all tiles

	// ~~Add Refresh Button~~		// Wrap button in a container to center it
			const btnWrapper = document.createElement("div");
			btnWrapper.style.width = "100%";
			btnWrapper.style.textAlign = "center";
			btnWrapper.style.marginBottom = "10px"; // space below button

	const refreshBtn = document.createElement("button");		const refreshBtn = document.createElement("button");
	refreshBtn.textContent = "Refresh Board";		refreshBtn.textContent = "Refresh Board";
Line 43:		Line 48:
	refreshBtn.style.color = "#fff";		refreshBtn.style.color = "#fff";

	// ~~Center the~~ button ~~above the info box~~		// Add button to wrapper
	~~refreshBtn~~.~~style.display = "block";~~		btnWrapper.appendChild(refreshBtn);
	refreshBtn~~.style.margin = "0 auto 10px auto"~~;

	infoBox.parentNode.insertBefore(~~refreshBtn~~, infoBox);		// Insert wrapper above infoBox
			infoBox.parentNode.insertBefore(btnWrapper, infoBox);

2026-03-07T17:54:56Z

← Older revision		Revision as of 17:54, 7 March 2026
Line 32:		Line 32:
	const boardState = {}; // central source of truth for all tiles		const boardState = {}; // central source of truth for all tiles

	// Add Refresh Button		// Add Refresh Button
	const refreshBtn = document.createElement("button");		const refreshBtn = document.createElement("button");
	refreshBtn.textContent = "Refresh Board";		refreshBtn.textContent = "Refresh Board";
	~~refreshBtn.style.margin = "10px auto";~~		refreshBtn.style.padding = "6px 12px";
	~~refreshBtn.style.display = "block";~~		refreshBtn.style.fontSize = "14px";
	refreshBtn.style.padding = "6px 12px";		refreshBtn.style.cursor = "pointer";
	refreshBtn.style.fontSize = "14px";		refreshBtn.style.borderRadius = "4px";
	refreshBtn.style.cursor = "pointer";		refreshBtn.style.border = "1px solid #596e96";
	refreshBtn.style.borderRadius = "4px";		refreshBtn.style.backgroundColor = "#3b4a6b";
	refreshBtn.style.border = "1px solid #596e96";		refreshBtn.style.color = "#fff";
	refreshBtn.style.backgroundColor = "#3b4a6b";
	refreshBtn.style.color = "#fff";		// Center the button above the info box
	refreshBtn.style.display = "block";		refreshBtn.style.display = "block";
	refreshBtn.style.margin = "0 auto 10px auto";		refreshBtn.style.margin = "0 auto 10px auto";
	infoBox.parentNode.insertBefore(refreshBtn, infoBox);
			infoBox.parentNode.insertBefore(refreshBtn, infoBox);

2026-03-07T17:53:52Z

← Older revision		Revision as of 17:53, 7 March 2026
Line 44:		Line 44:
	refreshBtn.style.backgroundColor = "#3b4a6b";		refreshBtn.style.backgroundColor = "#3b4a6b";
	refreshBtn.style.color = "#fff";		refreshBtn.style.color = "#fff";
			refreshBtn.style.display = "block";
			refreshBtn.style.margin = "0 auto 10px auto";
	infoBox.parentNode.insertBefore(refreshBtn, infoBox);		infoBox.parentNode.insertBefore(refreshBtn, infoBox);
	~~// Center it~~
	~~refreshBtn.style.display = "block";~~
	~~refreshBtn.style.margin = "0 auto 10px auto"; // top 0, bottom 10px, horizontally centered~~

	// Fetch JSON from Module page		// Fetch JSON from Module page

2026-03-07T17:53:25Z

← Older revision		Revision as of 17:53, 7 March 2026
Line 45:		Line 45:
	refreshBtn.style.color = "#fff";		refreshBtn.style.color = "#fff";
	infoBox.parentNode.insertBefore(refreshBtn, infoBox);		infoBox.parentNode.insertBefore(refreshBtn, infoBox);
			// Center it
			refreshBtn.style.display = "block";
			refreshBtn.style.margin = "0 auto 10px auto"; // top 0, bottom 10px, horizontally centered

	// Fetch JSON from Module page		// Fetch JSON from Module page

2026-03-07T17:52:33Z

← Older revision		Revision as of 17:52, 7 March 2026
Line 44:		Line 44:
	refreshBtn.style.backgroundColor = "#3b4a6b";		refreshBtn.style.backgroundColor = "#3b4a6b";
	refreshBtn.style.color = "#fff";		refreshBtn.style.color = "#fff";
	infoBox.parentNode.insertBefore(refreshBtn, infoBox~~.nextSibling~~);		infoBox.parentNode.insertBefore(refreshBtn, infoBox);

	// Fetch JSON from Module page		// Fetch JSON from Module page

2026-03-07T17:50:09Z