fix(@desktop/wallet) Truncate long wallet amount
Added logic to convert large amounts to Millions and Billions fixes #2667
This commit is contained in:
Khushboo Mehta
Khushboo-dev-cpp
parent
34470acafe
commit
09fb1a173c
|
|
@ -43,7 +43,7 @@ Rectangle {
|
||||||
StyledTextEdit {
|
StyledTextEdit {
|
||||||
id: walletAmountValue
|
id: walletAmountValue
|
||||||
color: Style.current.textColor
|
color: Style.current.textColor
|
||||||
text: Utils.toLocaleString(walletModel.balanceView.totalFiatBalance, globalSettings.locale) + " " + walletModel.balanceView.defaultCurrency.toUpperCase()
|
text: Utils.toLocaleString(walletModel.balanceView.totalFiatBalance, globalSettings.locale, {"currency": true}) + " " + walletModel.balanceView.defaultCurrency.toUpperCase()
|
||||||
selectByMouse: true
|
selectByMouse: true
|
||||||
cursorVisible: true
|
cursorVisible: true
|
||||||
readOnly: true
|
readOnly: true
|
||||||
|
|
@ -141,7 +141,7 @@ Rectangle {
|
||||||
}
|
}
|
||||||
StyledText {
|
StyledText {
|
||||||
id: walletBalance
|
id: walletBalance
|
||||||
text: isLoading ? "..." : Utils.toLocaleString(fiatBalance, globalSettings.locale) + " " + walletModel.balanceView.defaultCurrency.toUpperCase()
|
text: isLoading ? "..." : Utils.toLocaleString(fiatBalance, globalSettings.locale, {"currency": true}) + " " + walletModel.balanceView.defaultCurrency.toUpperCase()
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
anchors.topMargin: Style.current.smallPadding
|
anchors.topMargin: Style.current.smallPadding
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
|
|
|
||||||
|
|
@ -22,18 +22,6 @@ var replaceSeparators = function(sNum, separators) {
|
||||||
return sNum;
|
return sNum;
|
||||||
};
|
};
|
||||||
|
|
||||||
var renderFormat = function(template, props) {
|
|
||||||
for (var prop in props) {
|
|
||||||
if (props[prop].indexOf('-') !== -1) {
|
|
||||||
props[prop] = props[prop].replace('-', '');
|
|
||||||
template = '-' + template;
|
|
||||||
}
|
|
||||||
template = template.replace("{{" + prop + "}}", props[prop]);
|
|
||||||
}
|
|
||||||
|
|
||||||
return template;
|
|
||||||
};
|
|
||||||
|
|
||||||
var mapMatch = function(map, locale) {
|
var mapMatch = function(map, locale) {
|
||||||
var match = locale;
|
var match = locale;
|
||||||
var language = locale && locale.toLowerCase().match(/^\w+/);
|
var language = locale && locale.toLowerCase().match(/^\w+/);
|
||||||
|
|
@ -135,130 +123,6 @@ var currencyFormatMap = {
|
||||||
"nb-NO": "post"
|
"nb-NO": "post"
|
||||||
};
|
};
|
||||||
|
|
||||||
var currencySymbols = {
|
|
||||||
"afn": "؋",
|
|
||||||
"ars": "$",
|
|
||||||
"awg": "ƒ",
|
|
||||||
"aud": "$",
|
|
||||||
"azn": "₼",
|
|
||||||
"bsd": "$",
|
|
||||||
"bbd": "$",
|
|
||||||
"byr": "p.",
|
|
||||||
"bzd": "BZ$",
|
|
||||||
"bmd": "$",
|
|
||||||
"bob": "Bs.",
|
|
||||||
"bam": "KM",
|
|
||||||
"bwp": "P",
|
|
||||||
"bgn": "лв",
|
|
||||||
"brl": "R$",
|
|
||||||
"bnd": "$",
|
|
||||||
"khr": "៛",
|
|
||||||
"cad": "$",
|
|
||||||
"kyd": "$",
|
|
||||||
"clp": "$",
|
|
||||||
"cny": "¥",
|
|
||||||
"cop": "$",
|
|
||||||
"crc": "₡",
|
|
||||||
"hrk": "kn",
|
|
||||||
"cup": "₱",
|
|
||||||
"czk": "Kč",
|
|
||||||
"dkk": "kr",
|
|
||||||
"dop": "RD$",
|
|
||||||
"xcd": "$",
|
|
||||||
"egp": "£",
|
|
||||||
"svc": "$",
|
|
||||||
"eek": "kr",
|
|
||||||
"eur": "€",
|
|
||||||
"fkp": "£",
|
|
||||||
"fjd": "$",
|
|
||||||
"ghc": "¢",
|
|
||||||
"gip": "£",
|
|
||||||
"gtq": "Q",
|
|
||||||
"ggp": "£",
|
|
||||||
"gyd": "$",
|
|
||||||
"hnl": "L",
|
|
||||||
"hkd": "$",
|
|
||||||
"huf": "Ft",
|
|
||||||
"isk": "kr",
|
|
||||||
"inr": "₹",
|
|
||||||
"idr": "Rp",
|
|
||||||
"irr": "﷼",
|
|
||||||
"imp": "£",
|
|
||||||
"ils": "₪",
|
|
||||||
"jmd": "J$",
|
|
||||||
"jpy": "¥",
|
|
||||||
"jep": "£",
|
|
||||||
"kes": "KSh",
|
|
||||||
"kzt": "лв",
|
|
||||||
"kpw": "₩",
|
|
||||||
"krw": "₩",
|
|
||||||
"kgs": "лв",
|
|
||||||
"lak": "₭",
|
|
||||||
"lvl": "Ls",
|
|
||||||
"lbp": "£",
|
|
||||||
"lrd": "$",
|
|
||||||
"ltl": "Lt",
|
|
||||||
"mkd": "ден",
|
|
||||||
"myr": "RM",
|
|
||||||
"mur": "₨",
|
|
||||||
"mxn": "$",
|
|
||||||
"mnt": "₮",
|
|
||||||
"mzn": "MT",
|
|
||||||
"nad": "$",
|
|
||||||
"npr": "₨",
|
|
||||||
"ang": "ƒ",
|
|
||||||
"nzd": "$",
|
|
||||||
"nio": "C$",
|
|
||||||
"ngn": "₦",
|
|
||||||
"nok": "kr",
|
|
||||||
"omr": "﷼",
|
|
||||||
"pkr": "₨",
|
|
||||||
"pab": "B/.",
|
|
||||||
"pyg": "Gs",
|
|
||||||
"pen": "S/.",
|
|
||||||
"php": "₱",
|
|
||||||
"pln": "zł",
|
|
||||||
"qar": "﷼",
|
|
||||||
"ron": "lei",
|
|
||||||
"rub": "₽",
|
|
||||||
"shp": "£",
|
|
||||||
"sar": "﷼",
|
|
||||||
"rsd": "Дин.",
|
|
||||||
"scr": "₨",
|
|
||||||
"sgd": "$",
|
|
||||||
"sbd": "$",
|
|
||||||
"sos": "S",
|
|
||||||
"zar": "R",
|
|
||||||
"lkr": "₨",
|
|
||||||
"sek": "kr",
|
|
||||||
"chf": "CHF",
|
|
||||||
"srd": "$",
|
|
||||||
"syp": "£",
|
|
||||||
"tzs": "TSh",
|
|
||||||
"twd": "NT$",
|
|
||||||
"thb": "฿",
|
|
||||||
"ttd": "TT$",
|
|
||||||
"try": "",
|
|
||||||
"trl": "₤",
|
|
||||||
"tvd": "$",
|
|
||||||
"ugx": "USh",
|
|
||||||
"uah": "₴",
|
|
||||||
"gbp": "£",
|
|
||||||
"usd": "$",
|
|
||||||
"uyu": "$U",
|
|
||||||
"uzs": "лв",
|
|
||||||
"vef": "Bs",
|
|
||||||
"vnd": "₫",
|
|
||||||
"yer": "﷼",
|
|
||||||
"zwd": "Z$"
|
|
||||||
};
|
|
||||||
|
|
||||||
var currencyFormats = {
|
|
||||||
pre: "{{code}}{{num}}",
|
|
||||||
post: "{{num}} {{code}}",
|
|
||||||
prespace: "{{code}} {{num}}"
|
|
||||||
};
|
|
||||||
|
|
||||||
function toLocaleString(val, locale, options) {
|
function toLocaleString(val, locale, options) {
|
||||||
if (locale && locale.length < 2)
|
if (locale && locale.length < 2)
|
||||||
throw new RangeError("Invalid language tag: " + locale);
|
throw new RangeError("Invalid language tag: " + locale);
|
||||||
|
|
@ -273,22 +137,20 @@ function toLocaleString(val, locale, options) {
|
||||||
|
|
||||||
sNum = mapMatch(transformForLocale, locale)(sNum, options);
|
sNum = mapMatch(transformForLocale, locale)(sNum, options);
|
||||||
|
|
||||||
if(options && options.currency && options.style === "currency") {
|
if(options && options.currency) {
|
||||||
var format = currencyFormats[mapMatch(currencyFormatMap, locale)];
|
sNum = convertToInternationalCurrencySystem(val)
|
||||||
var symbol = currencySymbols[options.currency.toLowerCase()];
|
}
|
||||||
if(options.currencyDisplay === "code" || !symbol) {
|
|
||||||
sNum = renderFormat(format, {
|
|
||||||
num: sNum,
|
|
||||||
code: options.currency.toUpperCase()
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
sNum = renderFormat(format, {
|
|
||||||
num: sNum,
|
|
||||||
code: symbol
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return sNum;
|
return sNum;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
function convertToInternationalCurrencySystem (val) {
|
||||||
|
// Nine 0's - Billions
|
||||||
|
return Math.abs(Number(val)) >= 1.0e+9
|
||||||
|
? (Math.abs(Number(val)) / 1.0e+9).toFixed(2) + "B"
|
||||||
|
// Six 0's - Millions
|
||||||
|
: Math.abs(Number(val)) >= 1.0e+6
|
||||||
|
? (Math.abs(Number(val)) / 1.0e+6).toFixed(2) + "M"
|
||||||
|
: Math.abs(Number(val));
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue