MediaWiki:SlayerPointsCalc.js - Revision history

Hefner at 01:55, 7 March 2026

2026-03-07T01:55:32Z

← Older revision		Revision as of 01:55, 7 March 2026
Line 21:		Line 21:

	'<div style="margin-bottom:10px;">' +		'<div style="margin-bottom:10px;">' +
	'<label><input type="checkbox" id="slayerGatherer"> Slayer ~~Gatherer~~ clan chat perk (+50% points per task)</label>' +		'<label><input type="checkbox" id="slayerGatherer"> Slayer gatherer clan chat perk (+50% points per task)</label>' +
	'</div>' +		'</div>' +

Hefner at 01:55, 7 March 2026

2026-03-07T01:55:16Z

← Older revision		Revision as of 01:55, 7 March 2026
Line 21:		Line 21:

	'<div style="margin-bottom:10px;">' +		'<div style="margin-bottom:10px;">' +
	'<label><input type="checkbox" id="slayerGatherer"> Slayer Gatherer (+50% points per task)</label>' +		'<label><input type="checkbox" id="slayerGatherer"> Slayer Gatherer clan chat perk (+50% points per task)</label>' +
	'</div>' +		'</div>' +

Hefner at 01:54, 7 March 2026

2026-03-07T01:54:20Z

← Older revision		Revision as of 01:54, 7 March 2026
Line 31:		Line 31:
	'<thead>' +		'<thead>' +
	'<tr style="background:#222e45;color:#fff;">' +		'<tr style="background:#222e45;color:#fff;">' +
	'<th style="padding:8px;text-align:left; border-right:~~2px~~ solid #596e96;">Task</th>' +		'<th style="padding:8px;text-align:left; border-right:1px solid #596e96;">Task</th>' +
	'<th style="padding:8px;text-align:center;">Points</th>' +		'<th style="padding:8px;text-align:center;">Points</th>' +
	'</tr>' +		'</tr>' +
Line 40:		Line 40:
	// Table border styling		// Table border styling
	var table = document.getElementById("slayerTable");		var table = document.getElementById("slayerTable");
	table.style.border = "~~2px~~ solid #596e96"; // your border color		table.style.border = "1px solid #596e96"; // your border color
	table.style.borderCollapse = "collapse";		table.style.borderCollapse = "collapse";
	table.style.borderRadius = "8px";		table.style.borderRadius = "8px";
Line 69:		Line 69:
	cell1.textContent = milestone.name;		cell1.textContent = milestone.name;
	cell1.style.padding = "8px";		cell1.style.padding = "8px";
	cell1.style.borderRight = "~~2px~~ solid #596e96";		cell1.style.borderRight = "1px solid #596e96";

	var cell2 = row.insertCell();		var cell2 = row.insertCell();
Line 86:		Line 86:
	cell.style.padding = "8px";		cell.style.padding = "8px";
	cell.style.textAlign = "center";		cell.style.textAlign = "center";
	cell.style.borderTop = "~~2px~~ solid #596e96";		cell.style.borderTop = "1px solid #596e96";
	cell.id = "pointsPerHourCell";		cell.id = "pointsPerHourCell";

Hefner at 01:48, 7 March 2026

2026-03-07T01:48:30Z

← Older revision		Revision as of 01:48, 7 March 2026
Line 31:		Line 31:
	'<thead>' +		'<thead>' +
	'<tr style="background:#222e45;color:#fff;">' +		'<tr style="background:#222e45;color:#fff;">' +
	'<th style="padding:8px;text-align:left; border-right:2px solid #~~444~~;">Task</th>' +		'<th style="padding:8px;text-align:left; border-right:2px solid #596e96;">Task</th>' +
	'<th style="padding:8px;text-align:center;">Points</th>' +		'<th style="padding:8px;text-align:center;">Points</th>' +
	'</tr>' +		'</tr>' +
Line 69:		Line 69:
	cell1.textContent = milestone.name;		cell1.textContent = milestone.name;
	cell1.style.padding = "8px";		cell1.style.padding = "8px";
	cell1.style.borderRight = "2px solid #~~444~~";		cell1.style.borderRight = "2px solid #596e96";

	var cell2 = row.insertCell();		var cell2 = row.insertCell();
Line 86:		Line 86:
	cell.style.padding = "8px";		cell.style.padding = "8px";
	cell.style.textAlign = "center";		cell.style.textAlign = "center";
	cell.style.borderTop = "2px solid #~~888~~";		cell.style.borderTop = "2px solid #596e96";
	cell.id = "pointsPerHourCell";		cell.id = "pointsPerHourCell";

Hefner at 01:48, 7 March 2026

2026-03-07T01:48:00Z

← Older revision		Revision as of 01:48, 7 March 2026
Line 1:		Line 1:
	mw.hook('wikipage.content').add(function () {		mw.hook('wikipage.content').add(function () {

	~~// Only run on the correct page~~
	if (mw.config.get('wgPageName') !== "Slayer_points_calculator") return;		if (mw.config.get('wgPageName') !== "Slayer_points_calculator") return;

	var container = document.getElementById("slayerCalcContainer");		var container = document.getElementById("slayerCalcContainer");
	if (!container) return;		if (!container) return;
Line 27:		Line 25:

	'<div style="margin-bottom:10px;">' +		'<div style="margin-bottom:10px;">' +
	'Average task duration: <input type="number" id="taskMinutes" value="5" min="1" style="width:60px;"> minutes' +		'Average task duration: <input type="number" id="taskMinutes" value="5" min="1" style="width:60px;"> minutes' +
	'</div>' +		'</div>' +

Line 33:		Line 31:
	'<thead>' +		'<thead>' +
	'<tr style="background:#222e45;color:#fff;">' +		'<tr style="background:#222e45;color:#fff;">' +
	'<th style="padding:8px;text-align:left; border-right:2px solid #~~596e96~~;">Task</th>' +		'<th style="padding:8px;text-align:left; border-right:2px solid #444;">Task</th>' +
	'<th style="padding:8px;text-align:center;">Points</th>' +		'<th style="padding:8px;text-align:center;">Points</th>' +
	'</tr>' +		'</tr>' +
Line 40:		Line 38:
	'</table>';		'</table>';

	// ~~Apply~~ border ~~to table (Option 2)~~		// Table border styling
	var table = document.getElementById("slayerTable");		var table = document.getElementById("slayerTable");
	table.style.border = "2px solid #596e96"; // ~~table outline~~		table.style.border = "2px solid #596e96"; // your border color
	table.style.borderCollapse = "collapse"; ~~// merge with cell borders~~		table.style.borderCollapse = "collapse";
	table.style.borderRadius = "8px"; ~~// optional rounded corners~~		table.style.borderRadius = "8px";

	var basePoints = 25;		var basePoints = 25;
Line 59:		Line 57:
	var tbody = document.querySelector("#slayerTable tbody");		var tbody = document.querySelector("#slayerTable tbody");

	~~// Add table rows for milestones~~
	milestones.forEach(function(milestone, index){		milestones.forEach(function(milestone, index){
	var row = tbody.insertRow();		var row = tbody.insertRow();
Line 72:		Line 69:
	cell1.textContent = milestone.name;		cell1.textContent = milestone.name;
	cell1.style.padding = "8px";		cell1.style.padding = "8px";
	cell1.style.borderRight = "2px solid #~~596e96~~"; ~~// vertical line~~		cell1.style.borderRight = "2px solid #444";

	var cell2 = row.insertCell();		var cell2 = row.insertCell();
Line 80:		Line 77:
	});		});

	// ~~Add bottom~~ row for Average Points per Hour ~~as single cell~~		// Bottom row for Average Points per Hour
	var pphRow = tbody.insertRow();		var pphRow = tbody.insertRow();
	pphRow.style.background = "#313e59"; ~~// match alternating row colors~~		pphRow.style.background = "#313e59";
	pphRow.style.color = "#fff";		pphRow.style.color = "#fff";

	var cell = pphRow.insertCell();		var cell = pphRow.insertCell();
	cell.colSpan = 2; ~~// span both columns~~		cell.colSpan = 2;
	cell.style.padding = "8px";		cell.style.padding = "8px";
	cell.style.textAlign = "center";		cell.style.textAlign = "center";
	cell.style.borderTop = "2px solid #~~596e96~~"; ~~// horizontal line~~		cell.style.borderTop = "2px solid #888";
	~~cell.style.fontWeight = "bold"; // make the text bold~~		cell.id = "pointsPerHourCell";
	cell.id = "pointsPerHourCell"; ~~// for updating~~

	~~// Calculate average points per task (1,000-task cycle)~~
	function calculateAveragePointsPerTask() {		function calculateAveragePointsPerTask() {
	var taskCounts = {		var taskCounts = {
Line 120:		Line 115:
	var averagePoints = calculateAveragePointsPerTask() * multiplierBoost * (1 + gatherer);		var averagePoints = calculateAveragePointsPerTask() * multiplierBoost * (1 + gatherer);

	~~// Update table points~~
	milestones.forEach(function(milestone, index){		milestones.forEach(function(milestone, index){
	var points = basePoints * milestone.multiplier * multiplierBoost * (1 + gatherer);		var points = basePoints * milestone.multiplier * multiplierBoost * (1 + gatherer);
Line 126:		Line 120:
	});		});

	// ~~Update Average Points per Hour~~ bottom ~~row~~		// Bold only the number in bottom cell
	var minutes = parseFloat(document.getElementById("taskMinutes").value) \|\| 1;		var minutes = parseFloat(document.getElementById("taskMinutes").value) \|\| 1;
	var pph = averagePoints * (60 / minutes);		var pph = averagePoints * (60 / minutes);
	document.getElementById("pointsPerHourCell").~~textContent~~ = "Average Points per Hour: " + Math.floor(pph);		document.getElementById("pointsPerHourCell").innerHTML =
			'Average Points per Hour: <strong>' + Math.floor(pph) + '</strong>';
	}		}

Line 137:		Line 132:
	document.getElementById("taskMinutes").addEventListener("input", updatePoints);		document.getElementById("taskMinutes").addEventListener("input", updatePoints);

	~~// Initial calculation~~
	updatePoints();		updatePoints();

	});		});

Hefner at 01:46, 7 March 2026

2026-03-07T01:46:41Z

← Older revision		Revision as of 01:46, 7 March 2026
Line 90:		Line 90:
	cell.style.textAlign = "center";		cell.style.textAlign = "center";
	cell.style.borderTop = "2px solid #596e96"; // horizontal line		cell.style.borderTop = "2px solid #596e96"; // horizontal line
			cell.style.fontWeight = "bold"; // make the text bold
	cell.id = "pointsPerHourCell"; // for updating		cell.id = "pointsPerHourCell"; // for updating

Hefner at 01:45, 7 March 2026

2026-03-07T01:45:43Z

← Older revision		Revision as of 01:45, 7 March 2026
Line 27:		Line 27:

	'<div style="margin-bottom:10px;">' +		'<div style="margin-bottom:10px;">' +
	'~~Avg~~ task duration: <input type="number" id="taskMinutes" value="5" min="1" style="width:60px;"> minutes' +		'Average task duration: <input type="number" id="taskMinutes" value="5" min="1" style="width:60px;"> minutes' +
	'</div>' +		'</div>' +

Hefner at 01:45, 7 March 2026

2026-03-07T01:45:02Z

← Older revision		Revision as of 01:45, 7 March 2026
Line 33:		Line 33:
	'<thead>' +		'<thead>' +
	'<tr style="background:#222e45;color:#fff;">' +		'<tr style="background:#222e45;color:#fff;">' +
	'<th style="padding:8px;text-align:left; border-right:2px solid #~~444~~;">Task</th>' +		'<th style="padding:8px;text-align:left; border-right:2px solid #596e96;">Task</th>' +
	'<th style="padding:8px;text-align:center;">Points</th>' +		'<th style="padding:8px;text-align:center;">Points</th>' +
	'</tr>' +		'</tr>' +
Line 42:		Line 42:
	// Apply border to table (Option 2)		// Apply border to table (Option 2)
	var table = document.getElementById("slayerTable");		var table = document.getElementById("slayerTable");
	table.style.border = "2px solid #~~ff0000~~"; // table outline		table.style.border = "2px solid #596e96"; // table outline
	table.style.borderCollapse = "collapse"; // merge with cell borders		table.style.borderCollapse = "collapse"; // merge with cell borders
	table.style.borderRadius = "8px"; // optional rounded corners		table.style.borderRadius = "8px"; // optional rounded corners
Line 89:		Line 89:
	cell.style.padding = "8px";		cell.style.padding = "8px";
	cell.style.textAlign = "center";		cell.style.textAlign = "center";
	cell.style.borderTop = "2px solid #~~444~~"; // horizontal line		cell.style.borderTop = "2px solid #596e96"; // horizontal line
	cell.id = "pointsPerHourCell"; // for updating		cell.id = "pointsPerHourCell"; // for updating

Hefner at 01:44, 7 March 2026

2026-03-07T01:44:04Z

← Older revision		Revision as of 01:44, 7 March 2026
Line 42:		Line 42:
	// Apply border to table (Option 2)		// Apply border to table (Option 2)
	var table = document.getElementById("slayerTable");		var table = document.getElementById("slayerTable");
	table.style.border = "2px solid ##ff0000"; // table outline		table.style.border = "2px solid #ff0000"; // table outline
	table.style.borderCollapse = "collapse"; // merge with cell borders		table.style.borderCollapse = "collapse"; // merge with cell borders
	table.style.borderRadius = "8px"; // optional rounded corners		table.style.borderRadius = "8px"; // optional rounded corners
Line 72:		Line 72:
	cell1.textContent = milestone.name;		cell1.textContent = milestone.name;
	cell1.style.padding = "8px";		cell1.style.padding = "8px";
	cell1.style.borderRight = "2px solid ##596e96"; // vertical line		cell1.style.borderRight = "2px solid #596e96"; // vertical line

	var cell2 = row.insertCell();		var cell2 = row.insertCell();

Hefner at 01:42, 7 March 2026

2026-03-07T01:42:54Z

← Older revision		Revision as of 01:42, 7 March 2026
Line 42:		Line 42:
	// Apply border to table (Option 2)		// Apply border to table (Option 2)
	var table = document.getElementById("slayerTable");		var table = document.getElementById("slayerTable");
	table.style.border = "2px solid ##~~596e96~~"; // table outline		table.style.border = "2px solid ##ff0000"; // table outline
	table.style.borderCollapse = "collapse"; // merge with cell borders		table.style.borderCollapse = "collapse"; // merge with cell borders
	table.style.borderRadius = "8px"; // optional rounded corners		table.style.borderRadius = "8px"; // optional rounded corners