From ef7172869b7f9d004982a334f206c4e9c30c76e7 Mon Sep 17 00:00:00 2001 From: sairaj mote Date: Thu, 31 Mar 2022 00:25:58 +0530 Subject: [PATCH] UI changes --- docs/index.html | 31 ++++++++++++++++++------------- 1 file changed, 18 insertions(+), 13 deletions(-) diff --git a/docs/index.html b/docs/index.html index 1dcb240..026b1d7 100644 --- a/docs/index.html +++ b/docs/index.html @@ -94,7 +94,7 @@
-

Assets

+

Tokens

    @@ -896,10 +896,10 @@ if (getRef('listed_assets').querySelector('.listed-asset--active')) getRef('listed_assets').querySelector('.listed-asset--active').classList.remove('listed-asset--active') getRef('listed_assets').querySelector(`[href="#/exchange?asset=${params.asset}"]`).classList.add('listed-asset--active') - getRef('get_price').value = parseFloat(floGlobals.exchangeRates[params.asset].toFixed(2)) + getRef('get_price').value = parseFloat(floGlobals.exchangeRates[params.asset].toFixed(4)) getRef('traded_asset').textContent = `Trade ${params.asset}` getRef('trade_button').textContent = `${tradeType} ${params.asset}` - getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[params.asset].net.toFixed(3))} ${params.asset}` + getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[params.asset].net.toFixed(4))} ${params.asset}` getRef('quantity_selector').querySelectorAll('.button').forEach(button => { if (tradeType === 'buy') { button.title = `Buy ${params.asset} worth ${button.textContent} of total rupee` @@ -1054,11 +1054,16 @@ ` + }, + mining: { + icon: ` + + ` } } function formatAmount(amount) { - return amount.toLocaleString(`en-IN`, { style: 'currency', currency: 'INR' }) + return amount.toLocaleString(`en-IN`, { style: 'currency', currency: 'INR', maximumFractionDigits: 5 }) } const render = { listedAsset(name, rate) { @@ -1139,7 +1144,7 @@ const selectedAsset = pagesData.params.asset getRef('get_price').setAttribute('placeholder', tradeType === 'buy' ? 'Max price' : 'Min price') getRef('trade_button').textContent = `${tradeType} ${selectedAsset}` - getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[selectedAsset].net.toFixed(3))} ${selectedAsset}` + getRef('quantity_type').textContent = tradeType === 'buy' ? formatAmount(allTokens.rupee.net) : `${parseFloat(allTokens[selectedAsset].net.toFixed(4))} ${selectedAsset}` getRef('quantity_selector').querySelectorAll('.button').forEach(button => { if (tradeType === 'buy') { @@ -1189,11 +1194,11 @@ const fraction = parseFloat(target.value) const selectedAsset = pagesData.params.asset if (tradeType === 'buy') { - console.log(parseFloat((fraction * allTokens['rupee'].net).toFixed(2)), parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(4))) - getRef('get_total').value = parseFloat((fraction * allTokens['rupee'].net).toFixed(2)) + console.log(parseFloat((fraction * allTokens['rupee'].net).toFixed(4)), parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(4))) + getRef('get_total').value = parseFloat((fraction * allTokens['rupee'].net).toFixed(4)) getRef('get_quantity').value = parseFloat(((allTokens['rupee'].net * fraction) / unitValue).toFixed(4)) } else { - getRef('get_total').value = parseFloat((fraction * allTokens[selectedAsset].net * floGlobals.exchangeRates[selectedAsset]).toFixed(2)) + getRef('get_total').value = parseFloat((fraction * allTokens[selectedAsset].net * floGlobals.exchangeRates[selectedAsset]).toFixed(4)) getRef('get_quantity').value = parseFloat((allTokens[selectedAsset].net * fraction).toFixed(4)) } } @@ -1201,11 +1206,11 @@ getRef('get_price').addEventListener('keyup', e => { const unitValue = parseFloat(getRef('get_price').value) || floGlobals.exchangeRates[pagesData.params.asset] const quantity = parseFloat(getRef('get_quantity').value) || 0 - getRef('get_total').value = parseFloat((quantity * unitValue).toFixed(2)) || 0 + getRef('get_total').value = parseFloat((quantity * unitValue).toFixed(4)) || 0 }) getRef('get_quantity').addEventListener('keyup', e => { const unitValue = parseFloat(getRef('get_price').value) - getRef('get_total').value = parseFloat((parseFloat(e.target.value) * unitValue).toFixed(2)) || 0 + getRef('get_total').value = parseFloat((parseFloat(e.target.value) * unitValue).toFixed(4)) || 0 }) getRef('get_total').addEventListener('keyup', e => { const unitValue = parseFloat(getRef('get_price').value) @@ -1222,8 +1227,8 @@ getRef('wallet_popup__cta').textContent = `${type} ${asset}` getRef('wallet_popup__cta').setAttribute('value', type) getRef('wallet_popup__title').textContent = `${type} ${asset}` - getRef('get_user_amount').setAttribute('step', asset === 'rupee' ? '0.01' : '0.0001') - getRef('get_user_amount').setAttribute('min', asset === 'rupee' ? '0.01' : '0.0001') + getRef('get_user_amount').setAttribute('step', asset === 'rupee' ? '0.01' : '0.00001') + getRef('get_user_amount').setAttribute('min', asset === 'rupee' ? '0.01' : '0.00001') if (type === 'withdraw') { getRef('get_private_key').classList.add('hide') getRef('wallet_quantity_selector').classList.remove('hide') @@ -1761,7 +1766,7 @@ })); }) } - getRef('get_price').value = parseFloat(parseFloat(rates["FLO"]).toFixed(2)) + getRef('get_price').value = parseFloat(parseFloat(rates["FLO"]).toFixed(4)) }).catch(error => console.error(error)) }