96 lines
3.0 KiB
JavaScript
96 lines
3.0 KiB
JavaScript
// numberFormat.js
|
|
// ---------------
|
|
// A simple tool to automagically format numbers for you using the Intl API
|
|
//
|
|
// Usage:
|
|
// ------
|
|
// Just wrap the numbers you want formatted in '<num>' '</num>' tags
|
|
// add the script in your document head wiht defer set
|
|
|
|
// COMING SOON :
|
|
// -------------
|
|
// Support for currency formatting :)
|
|
|
|
//The MIT License (MIT)
|
|
|
|
//Copyright (c) 2022 Robert Morrison <sherlock5512>
|
|
|
|
//Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
//of this software and associated documentation files (the "Software"), to deal
|
|
//in the Software without restriction, including without limitation the rights
|
|
//to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
//copies of the Software, and to permit persons to whom the Software is
|
|
//furnished to do so, subject to the following conditions:
|
|
|
|
//The above copyright notice and this permission notice shall be included in all
|
|
//copies or substantial portions of the Software.
|
|
|
|
//THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
//IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
//FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
//AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
//LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
//OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
//SOFTWARE.
|
|
|
|
// No, I will not add a LibreJS compatible comment
|
|
// GNU won't support my choice of browser so I won't support their tool
|
|
|
|
// constant arrays to keep data validated
|
|
const currencyDisplays = ['symbol','narrowSymbol','code','name']
|
|
|
|
function formatNumbers() {
|
|
|
|
const numbers = document.getElementsByTagName("num");
|
|
const documentLanguage = document.documentElement.lang;
|
|
var formatter = Intl.NumberFormat(documentLanguage);
|
|
|
|
for (let num of numbers) {
|
|
var number = parseFloat(num.innerHTML);
|
|
|
|
if (isNaN(number)) {
|
|
console.error("[numberFormat.js] ERROR: cannot parse num element: ");
|
|
console.error(num);
|
|
continue;
|
|
}
|
|
|
|
if (num.attributes.currency) {
|
|
var f = _createCurrencyFormatter(num,documentLanguage);
|
|
if (f !== undefined) {
|
|
formatter = f;
|
|
}
|
|
}
|
|
|
|
var formatted = formatter.format(number);
|
|
num.innerHTML = formatted;
|
|
}
|
|
}
|
|
|
|
function _createCurrencyFormatter(num,documentLanguage) {
|
|
var currency;
|
|
var currencyDisplay;
|
|
var currencyData = num.attributes.currency.value.split('-');
|
|
currency = currencyData[0];
|
|
if (currencyDisplays.includes(currencyData[1])) {
|
|
currencyDisplay = currencyData[1];
|
|
}
|
|
else {
|
|
currencyDisplay = "symbol"
|
|
}
|
|
try {
|
|
formatter = Intl.NumberFormat(documentLanguage,{
|
|
style: 'currency',
|
|
currency: currency,
|
|
currencyDisplay: currencyDisplay,})
|
|
return formatter;
|
|
} catch (error) {
|
|
console.error("[numberFormat.js] ERROR: Failed to create NumberFormat");
|
|
console.error(` - Check that ${currency} is a currency code`);
|
|
console.error(num)
|
|
}
|
|
return undefined;
|
|
}
|
|
|
|
// ENTRY POINT
|
|
formatNumbers();
|