MediaWiki:SmoothiesDebtCalculator.js - Revision history

Hefner at 11:12, 18 July 2026

2026-07-18T11:12:27Z

← Older revision		Revision as of 11:12, 18 July 2026
Line 81:		Line 81:


	if(input && saved !== null){		if(input && saved !== null && saved !== ""){

	input.value = saved;		input.value = saved;
Line 97:		Line 97:

	let totalBox = document.getElementById("total");		let totalBox = document.getElementById("total");


	if(!totalBox){		if(!totalBox){
Line 142:		Line 143:


	// ~~Prevent duplicate creation~~		// Stop MediaWiki hook from rebuilding calculator
	if(document.getElementById("pkp-amount")){		if(document.getElementById("pkp-amount")){
	return;		return;
Line 153:		Line 154:


	if (!pkp \|\| !dp \|\| !credits) {		if(!pkp \|\| !dp \|\| !credits){
	return;		return;
	}		}
Line 162:		Line 163:

	<label>Amount</label>		<label>Amount</label>
	<input id="pkp-amount" type="text">		<input id="pkp-amount" type="text" value="0">

	`;		`;
Line 171:		Line 172:

	<label>Trade Price (PKP)</label>		<label>Trade Price (PKP)</label>
	<input id="dp-price" type="text">		<input id="dp-price" type="text" value="0">

	<label>Amount</label>		<label>Amount</label>
	<input id="dp-amount" type="text">		<input id="dp-amount" type="text" value="0">

	`;		`;
Line 183:		Line 184:

	<label>Trade Price (PKP)</label>		<label>Trade Price (PKP)</label>
	<input id="credits-price" type="text">		<input id="credits-price" type="text" value="0">

	<label>Amount</label>		<label>Amount</label>
	<input id="credits-amount" type="text">		<input id="credits-amount" type="text" value="0">

	`;		`;
Line 192:		Line 193:


	// ~~Images cannot be selected~~ with TAB		// Make images not selectable with TAB
	document		document
	.querySelectorAll(".debt-calculator a")		.querySelectorAll(".debt-calculator a")

Hefner at 11:11, 18 July 2026

2026-07-18T11:11:19Z

← Older revision		Revision as of 11:11, 18 July 2026
Line 94:		Line 94:

	function calculateDebt() {		function calculateDebt() {


			let totalBox = document.getElementById("total");

			if(!totalBox){
			return;
			}


Line 125:		Line 132:


	~~document.getElementById("total")~~.innerHTML =		totalBox.innerHTML =
	Math.floor(total).toLocaleString() + " PKP";		Math.floor(total).toLocaleString() + " PKP";

			}

	~~let mercherFee = total * 0.08;~~


	~~document.getElementById~~(~~"mercher-fee"~~)~~.innerHTML =~~		function createCalculator(){
	~~Math.floor(mercherFee).toLocaleString() + " PKP";~~

	}

			// Prevent duplicate creation
			if(document.getElementById("pkp-amount")){
	~~function createCalculator~~(){		return;
			}


Line 186:		Line 192:


	// ~~Remove image links from tab order~~		// Images cannot be selected with TAB
	document		document
	.querySelectorAll(".debt-calculator a")		.querySelectorAll(".debt-calculator a")

Hefner at 11:08, 18 July 2026

2026-07-18T11:08:56Z

← Older revision		Revision as of 11:08, 18 July 2026
Line 76:		Line 76:
	let input = document.getElementById(id);		let input = document.getElementById(id);

	let saved =		let saved = localStorage.getItem(
	localStorage.getItem(		"smoothie-" + id
	"smoothie-" + id		);
	);


Line 128:		Line 127:
	document.getElementById("total").innerHTML =		document.getElementById("total").innerHTML =
	Math.floor(total).toLocaleString() + " PKP";		Math.floor(total).toLocaleString() + " PKP";



Line 158:		Line 156:

	<label>Amount</label>		<label>Amount</label>
	<input id="pkp-amount" type="text~~" value="0~~">		<input id="pkp-amount" type="text">

	`;		`;
Line 167:		Line 165:

	<label>Trade Price (PKP)</label>		<label>Trade Price (PKP)</label>
	<input id="dp-price" type="text~~" value="0~~">		<input id="dp-price" type="text">

	<label>Amount</label>		<label>Amount</label>
	<input id="dp-amount" type="text~~" value="0~~">		<input id="dp-amount" type="text">

	`;		`;
Line 179:		Line 177:

	<label>Trade Price (PKP)</label>		<label>Trade Price (PKP)</label>
	<input id="credits-price" type="text~~" value="0~~">		<input id="credits-price" type="text">

	<label>Amount</label>		<label>Amount</label>
	<input id="credits-amount" type="text~~" value="0~~">		<input id="credits-amount" type="text">

	`;		`;



			// Remove image links from tab order
			document
			.querySelectorAll(".debt-calculator a")
			.forEach(function(link){

			link.setAttribute(
			"tabindex",
			"-1"
			);

			});


Line 207:		Line 219:

	loadValues();		loadValues();

	calculateDebt();		calculateDebt();

Hefner at 11:06, 18 July 2026

2026-07-18T11:06:19Z

@@ Line 26: / Line 26: @@
      return Number(value) || 0;
+}
@@ Line 65: / Line 128: @@
      document.getElementById("total").innerHTML =
          Math.floor(total).toLocaleString() + " PKP";
+}
@@ Line 79: / Line 149: @@
-     if(!pkp || !dp || !credits) {
+     if (!pkp || !dp || !credits) {
          return;
+     }
@@ Line 88: / Line 158: @@
      <label>Amount</label>
-     <input id="pkp-amount" value="0">
+     <input id="pkp-amount" type="text" value="0">
      `;
@@ Line 97: / Line 167: @@
      <label>Trade Price (PKP)</label>
-     <input id="dp-price" value="0">
+     <input id="dp-price" type="text" value="0">
      <label>Amount</label>
-     <input id="dp-amount" value="0">
+     <input id="dp-amount" type="text" value="0">
      `;
@@ Line 109: / Line 179: @@
      <label>Trade Price (PKP)</label>
-     <input id="credits-price" value="0">
+     <input id="credits-price" type="text" value="0">
      <label>Amount</label>
-     <input id="credits-amount" value="0">
+     <input id="credits-amount" type="text" value="0">
      `;
@@ Line 124: / Line 194: @@
          input.addEventListener(
              "input",
-             calculateDebt
+             function(){
          );
      });
+}

Hefner at 11:01, 18 July 2026

2026-07-18T11:01:05Z

← Older revision		Revision as of 11:01, 18 July 2026
Line 13:		Line 13:
	return Number(value.slice(0,-1)) * 1000000000;		return Number(value.slice(0,-1)) * 1000000000;
	}		}


	if (value.endsWith("m")) {		if (value.endsWith("m")) {
	return Number(value.slice(0,-1)) * 1000000;		return Number(value.slice(0,-1)) * 1000000;
	}		}


	if (value.endsWith("k")) {		if (value.endsWith("k")) {
	return Number(value.slice(0,-1)) * 1000;		return Number(value.slice(0,-1)) * 1000;
	}		}


	return Number(value) \|\| 0;		return Number(value) \|\| 0;

	}		}

Line 63:		Line 67:

	}		}



Line 69:		Line 74:


	let ~~app~~ = document.getElementById(		let pkp = document.getElementById("pkp-inputs");
	"~~debt~~-~~calculator~~-~~app~~"		let dp = document.getElementById("dp-inputs");
	);		let credits = document.getElementById("credits-inputs");


	if(!~~app~~) return;		if(!pkp \|\| !dp \|\| !credits) {
			return;
			}



	~~app~~.innerHTML = `		pkp.innerHTML = `

	<~~div class~~="~~debt~~-~~items~~">		<label>Amount</label>
			<input id="pkp-amount" value="0">

			`;

	~~<div class="debt-item">~~

	~~<h3>PKP</h3>~~

	~~<label>Amount</label>~~		dp.innerHTML = `
	~~<input id~~=~~"pkp-amount" value="0">~~

	</~~div~~>		<label>Trade Price (PKP)</label>
			<input id="dp-price" value="0">

			<label>Amount</label>
			<input id="dp-amount" value="0">

			`;

	~~<div class="debt-item">~~

	~~<h3>DP</h3>~~

	~~<label>Trade Price (PKP)</label>~~		credits.innerHTML = `
	~~<input id~~=~~"dp-price" value="0">~~

	<label>~~Amount~~</label>		<label>Trade Price (PKP)</label>
	<input id="dp-~~amount~~" value="0">		<input id="credits-price" value="0">

	</~~div~~>		<label>Amount</label>
			<input id="credits-amount" value="0">

			`;


	~~<div class="debt-item">~~

	~~<h3>Credits</h3>~~		document
			.querySelectorAll(".debt-item input")
			.forEach(function(input){

	~~<label>Trade Price (PKP)</label>~~		input.addEventListener(
	~~<input id="credits-price" value="0">~~		"input",
			calculateDebt
	~~<label>Amount</label>~~		);
	~~<input id="credits-amount" value="0">~~

	~~</div>~~


	~~</div>~~

	`;



	~~document~~
	~~.querySelectorAll("#debt-calculator-app input")~~
	~~.forEach(function(input){~~

	input.addEventListener(
	"input",
	calculateDebt
	);

	});		});

Hefner at 10:59, 18 July 2026

2026-07-18T10:59:16Z

← Older revision		Revision as of 10:59, 18 July 2026
Line 1:		Line 1:
	(function () {		(function () {


	function parseAmount(value) {		function parseAmount(value) {
Line 7:		Line 8:
	.replace(/,/g,"")		.replace(/,/g,"")
	.trim();		.trim();


	if (value.endsWith("b")) {		if (value.endsWith("b")) {
Line 22:		Line 24:
	return Number(value) \|\| 0;		return Number(value) \|\| 0;
	}		}



	function calculateDebt() {		function calculateDebt() {


	let pkp =		let pkp =
	parseAmount(document.getElementById("pkp-amount").value);		parseAmount(
			document.getElementById("pkp-amount").value
			);


	let dp =		let dp =
	parseAmount(document.getElementById("dp-price").value) *		parseAmount(
	parseAmount(document.getElementById("dp-amount").value);		document.getElementById("dp-price").value
			)
			*
			parseAmount(
			document.getElementById("dp-amount").value
			);


	let credits =		let credits =
	parseAmount(document.getElementById("credits-price").value) *		parseAmount(
	parseAmount(document.getElementById("credits-amount").value);		document.getElementById("credits-price").value
			)
			*
			parseAmount(
			document.getElementById("credits-amount").value
			);


Line 45:		Line 61:
	document.getElementById("total").innerHTML =		document.getElementById("total").innerHTML =
	Math.floor(total).toLocaleString() + " PKP";		Math.floor(total).toLocaleString() + " PKP";

	}		}



	function createCalculator() {		function createCalculator(){

	~~let app = document.getElementById("debt-calculator-app");~~

	if (!app) return;		let app = document.getElementById(
			"debt-calculator-app"
			);


			if(!app) return;



Line 62:		Line 84:

	<div class="debt-item">		<div class="debt-item">

	~~<img src="/images/PKP.png">~~

	<h3>PKP</h3>		<h3>PKP</h3>
Line 75:		Line 95:

	<div class="debt-item">		<div class="debt-item">

	~~<img src="/images/DP.png">~~

	<h3>DP</h3>		<h3>DP</h3>
Line 91:		Line 109:

	<div class="debt-item">		<div class="debt-item">

	~~<img src="/images/Credits.png">~~

	<h3>Credits</h3>		<h3>Credits</h3>
Line 111:		Line 127:


	document.querySelectorAll("#debt-calculator-app input")		document
			.querySelectorAll("#debt-calculator-app input")
	.forEach(function(input){		.forEach(function(input){

	input.addEventListener("input", calculateDebt);		input.addEventListener(
			"input",
			calculateDebt
			);

	});		});
Line 125:		Line 145:
	mw.hook("wikipage.content").add(function(){		mw.hook("wikipage.content").add(function(){

	createCalculator();		createCalculator();

	});		});

Hefner at 10:56, 18 July 2026

2026-07-18T10:56:41Z

@@ Line 1: / Line 1: @@
 (function () {
@@ Line 8: / Line 7: @@
          .replace(/,/g,"")
          .trim();
      if (value.endsWith("b")) {
@@ Line 24: / Line 22: @@
      return Number(value) || 0;
+}
@@ Line 30: / Line 27: @@
      let pkp =
-         parseAmount(
+         parseAmount(document.getElementById("pkp-amount").value);
      let dp =
-         parseAmount(
+         parseAmount(document.getElementById("dp-price").value) *
-            document.getElementById("dp-price").value
+         parseAmount(document.getElementById("dp-amount").value);
      let credits =
-         parseAmount(
+         parseAmount(document.getElementById("credits-price").value) *
-            document.getElementById("credits-price").value
+         parseAmount(document.getElementById("credits-amount").value);
@@ Line 60: / Line 45: @@
      document.getElementById("total").innerHTML =
          Math.floor(total).toLocaleString() + " PKP";
-document.addEventListener("DOMContentLoaded", function(){
+});
-    });
+mw.hook("wikipage.content").add(function(){
 });
-console.log("Inputs found:", document.querySelectorAll(".debt-item input").length);
 })();

Hefner at 10:55, 18 July 2026

2026-07-18T10:55:47Z

← Older revision		Revision as of 10:55, 18 July 2026
Line 83:		Line 83:
	});		});

			console.log("Inputs found:", document.querySelectorAll(".debt-item input").length);
	})();		})();

Hefner at 10:54, 18 July 2026

2026-07-18T10:54:59Z

← Older revision		Revision as of 10:54, 18 July 2026
Line 1:		Line 1:
			console.log("Smoothies calculator loaded");
	(function () {		(function () {

Hefner: Created page with "(function () { function parseAmount(value) { value = value .toLowerCase() .replace(/,/g,"") .trim(); if (value.endsWith("b")) { return Number(value.slice(0,-1)) * 1000000000; } if (value.endsWith("m")) { return Number(value.slice(0,-1)) * 1000000; } if (value.endsWith("k")) { return Number(value.slice(0,-1)) * 1000; } return Number(value) || 0; } function calculateDebt() { let..."

2026-07-18T10:50:22Z

Created page with "(function () { function parseAmount(value) { value = value .toLowerCase() .replace(/,/g,"") .trim(); if (value.endsWith("b")) { return Number(value.slice(0,-1)) * 1000000000; } if (value.endsWith("m")) { return Number(value.slice(0,-1)) * 1000000; } if (value.endsWith("k")) { return Number(value.slice(0,-1)) * 1000; } return Number(value) || 0; } function calculateDebt() { let..."

New page