MediaWiki:SmoothiesDebtCalculator.js

(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 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;


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



function createCalculator() {

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

if (!app) return;


app.innerHTML = `

<div class="debt-items">


<div class="debt-item">

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

<h3>PKP</h3>

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

</div>



<div class="debt-item">

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

<h3>DP</h3>

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

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

</div>



<div class="debt-item">

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

<h3>Credits</h3>

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

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

</div>


</div>

`;



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

input.addEventListener("input", calculateDebt);

});


}



mw.hook("wikipage.content").add(function(){

createCalculator();

});


})();