lee/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter.git synced 2026-09-20 20:26:21 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

ux: use financial units instead of SI for credits

Browse Source 
Instead of K, M, G, T, P it's K, M, B, T, Q.
This commit is contained in:
KernelDeimos
2025-05-15 14:05:35 -04:00
parent 3290440f4b
commit 880760c602
2 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/gui/src/UI/Settings/UITabUsage.js
+4 -4
View File
@@ -88,8 +88,8 @@ export default {
<h3 style="margin-bottom: 5px; font-size: 14px;">${html_encode(name)}:</h3>
<span style="font-size: 13px; margin-bottom: 3px;">${i18n('used_of', {
...entry,
used: window.format_SI(entry.used),
available: window.format_SI(entry.available),
used: window.format_credits(entry.used),
available: window.format_credits(entry.available),
})}</span>
<div class="usage-progbar-wrapper" style="width: 100%;">
<div class="usage-progbar" style="width: ${Number(entry.usage_percentage)}%;"><span class="usage-progbar-percent">${Number(entry.usage_percentage)}%</span></div>
@@ -116,8 +116,8 @@ export default {
.innerText = '' + Number(event.usage_percentage) + '%';
const used_of_str = i18n('used_of', {
...event,
used: window.format_SI(event.used),
available: window.format_SI(event.available),
used: window.format_credits(event.used),
available: window.format_credits(event.available),
});
el_divContent
.querySelector(`[data-id=${sanitize_id(event.id)}] > span`)
src/gui/src/helpers.js
+19 -2
View File
@@ -2730,7 +2730,7 @@ window.get_profile_picture = async function(username){
return icon;
}
window.format_SI = (num) => {
window.format_with_units = (num, { mulUnits, divUnits, precision = 3 }) => {
if ( num === 0 ) return "0";
const mulUnits = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"];
@@ -2749,7 +2749,24 @@ window.format_SI = (num) => {
}
const scaled = num / Math.pow(10, exp * 3);
const rounded = Number.parseFloat(scaled.toPrecision(3));
const rounded = Number.parseFloat(scaled.toPrecision(precision));
return `${rounded}${symbol}`;
};
window.format_SI = (num) => {
if ( num === 0 ) return "0";
const mulUnits = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"];
const divUnits = ["m", "µ", "n", "p", "f", "a", "z", "y"];
return window.format_with_units(num, { mulUnits, divUnits });
};
window.format_credits = (num) => {
if ( num === 0 ) return "0";
const mulUnits = ["", "K", "M", "B", "T", "Q"];
return window.format_with_units(num, { mulUnits })
};