MediaWiki:SmoothiesDebtCalculator.js
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
(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 saveValues() {
let fields = [
"pkp-amount",
"dp-price",
"dp-amount",
"credits-price",
"credits-amount"
];
fields.forEach(function(id){
let input = document.getElementById(id);
if(input){
localStorage.setItem(
"smoothie-" + id,
input.value
);
}
});
}
function loadValues() {
let fields = [
"pkp-amount",
"dp-price",
"dp-amount",
"credits-price",
"credits-amount"
];
fields.forEach(function(id){
let input = document.getElementById(id);
let saved = localStorage.getItem(
"smoothie-" + id
);
if(input && saved !== null && saved !== ""){
input.value = saved;
}
});
}
function calculateDebt() {
let totalBox = document.getElementById("total");
if(!totalBox){
return;
}
let pkp =
parseAmount(
document.getElementById("pkp-amount").value
);
let dp =
parseAmount(
document.getElementById("dp-price").value
)
*
parseAmount(
document.getElementById("dp-amount").value
);
let credits =
parseAmount(
document.getElementById("credits-price").value
)
*
parseAmount(
document.getElementById("credits-amount").value
);
let total = pkp + dp + credits;
totalBox.innerHTML =
Math.floor(total).toLocaleString() + " PKP";
}
function createCalculator(){
// Stop MediaWiki hook from rebuilding calculator
if(document.getElementById("pkp-amount")){
return;
}
let pkp = document.getElementById("pkp-inputs");
let dp = document.getElementById("dp-inputs");
let credits = document.getElementById("credits-inputs");
if(!pkp || !dp || !credits){
return;
}
pkp.innerHTML = `
<label>Amount</label>
<input id="pkp-amount" type="text" value="0">
`;
dp.innerHTML = `
<label>Trade Price (PKP)</label>
<input id="dp-price" type="text" value="0">
<label>Amount</label>
<input id="dp-amount" type="text" value="0">
`;
credits.innerHTML = `
<label>Trade Price (PKP)</label>
<input id="credits-price" type="text" value="0">
<label>Amount</label>
<input id="credits-amount" type="text" value="0">
`;
// Make images not selectable with TAB
document
.querySelectorAll(".debt-calculator a")
.forEach(function(link){
link.setAttribute(
"tabindex",
"-1"
);
});
document
.querySelectorAll(".debt-item input")
.forEach(function(input){
input.addEventListener(
"input",
function(){
calculateDebt();
saveValues();
}
);
});
loadValues();
calculateDebt();
}
mw.hook("wikipage.content").add(function(){
createCalculator();
});
})();