RanchiMall/bitflo
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
sairaj mote 2023-06-30 15:18:40 +05:30
parent 71097cea59
commit d51e1238d5
1 changed files with 10 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
docs/index.html
View File

@ -214,7 +214,7 @@
required animate> required animate>
</sm-input> </sm-input>
</sm-input> </sm-input>
<sm-input id="get_total" placeholder="Price" type="number" min="0.00000001" <sm-input id="set_price" placeholder="Price" type="number" min="0.00000001"
step="0.00000001" required animate> step="0.00000001" required animate>
</sm-input> </sm-input>
<div class="grid gap-0-5"> <div class="grid gap-0-5">
@ -458,36 +458,6 @@
</div> </div>
</div> </div>
<div id="portfolio_cards_wrapper"> <div id="portfolio_cards_wrapper">
<div class="grid gap-0-5 personal-asset-balance">
<div class="flex align-center">
<svg class="icon" xmlns="http://www.w3.org/2000/svg"
enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24"
width="24px" fill="#000000">
<g>
<rect fill="none" height="24" width="24" />
</g>
<g>
<g>
<path
d="M13.66,7C13.1,5.82,11.9,5,10.5,5L6,5V3h12v2l-3.26,0c0.48,0.58,0.84,1.26,1.05,2L18,7v2l-2.02,0c-0.25,2.8-2.61,5-5.48,5 H9.77l6.73,7h-2.77L7,14v-2h3.5c1.76,0,3.22-1.3,3.46-3L6,9V7L13.66,7z" />
</g>
</g>
</svg>
<h5>Rupee token</h5>
</div>
<h1 class="h1" id="personal_rupee_balance"></h1>
<a href="https://ranchimall.github.io/flopay/#/home" target="_blank"
class="button interact">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px"
viewBox="0 0 24 24" width="24px" fill="#000000">
<path d="M0 0h24v24H0z" fill="none"></path>
<path
d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z">
</path>
</svg>
Top-up
</a>
</div>
<div class="grid gap-0-5 personal-asset-balance"> <div class="grid gap-0-5 personal-asset-balance">
<div class="flex align-center"> <div class="flex align-center">
<svg class="icon flo-icon" width="64" height="64" viewBox="0 0 64 64" <svg class="icon flo-icon" width="64" height="64" viewBox="0 0 64 64"
@ -1686,14 +1656,13 @@
return card return card
}, },
marketOrderCard(orderDetails = {}) { marketOrderCard(orderDetails = {}) {
const { floID, asset, quantity, minPrice, maxPrice, time_placed, type } = orderDetails const { floID, asset, quantity, price, time_placed, type } = orderDetails
const card = getRef('market_order_template').content.cloneNode(true).firstElementChild const card = getRef('market_order_template').content.cloneNode(true).firstElementChild
const unitValue = minPrice || maxPrice;
card.dataset.type = type card.dataset.type = type
card.classList.add(`transaction-card--${type}`) card.classList.add(`transaction-card--${type}`)
card.querySelector('.transaction-card__quantity').textContent = `${quantity} ${asset}` card.querySelector('.transaction-card__quantity').textContent = `${quantity} ${asset}`
card.querySelector('.transaction-card__price').textContent = formatAmount(unitValue) card.querySelector('.transaction-card__price').textContent = formatAmount(price)
card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat(unitValue * quantity), true) card.querySelector('.transaction-card__total').textContent = formatAmount(parseFloat(price * quantity), true)
card.querySelector('.more-info').dataset.time = time_placed card.querySelector('.more-info').dataset.time = time_placed
card.querySelector('.more-info').dataset.buyer = type === 'buy' ? floID : undefined card.querySelector('.more-info').dataset.buyer = type === 'buy' ? floID : undefined
card.querySelector('.more-info').dataset.seller = type === 'sell' ? floID : undefined card.querySelector('.more-info').dataset.seller = type === 'sell' ? floID : undefined
@ -2005,7 +1974,7 @@
finally { finally {
updateRate() updateRate()
getRef('get_quantity').value = 0 getRef('get_quantity').value = 0
getRef('get_total').value = 0 getRef('set_price').value = 0
setTimeout(() => { setTimeout(() => {
buttonLoader('trade_button', false) buttonLoader('trade_button', false)
getRef('trade_button').disabled = true getRef('trade_button').disabled = true
@ -2021,10 +1990,8 @@
const target = e.target.closest('button') const target = e.target.closest('button')
const fraction = parseFloat(target.value) const fraction = parseFloat(target.value)
if (tradeType === 'buy') { if (tradeType === 'buy') {
getRef('get_total').value = toFixed(fraction * allTokens['rupee'].net) getRef('get_quantity').value = toFixed((allTokens['FLO'].net * fraction))
getRef('get_quantity').value = toFixed((allTokens['rupee'].net * fraction))
} else { } else {
getRef('get_total').value = toFixed(fraction * allTokens[selectedAsset].net)
getRef('get_quantity').value = toFixed(allTokens[selectedAsset].net * fraction) getRef('get_quantity').value = toFixed(allTokens[selectedAsset].net * fraction)
} }
@ -2407,7 +2374,7 @@
case 'confirm_trade_popup': case 'confirm_trade_popup':
const asset = pagesData.params.asset; const asset = pagesData.params.asset;
const quantity = parseFloat(getRef('get_quantity').value) const quantity = parseFloat(getRef('get_quantity').value)
const total = formatAmount(parseFloat(getRef('get_total').value)) const setPrice = formatAmount(parseFloat(getRef('set_price').value))
getRef('confirm_trade__title').textContent = `${tradeType} ${asset}` getRef('confirm_trade__title').textContent = `${tradeType} ${asset}`
getRef('confirm_trade__details').innerHTML = ` getRef('confirm_trade__details').innerHTML = `
<div class="grid"> <div class="grid">
@ -2416,7 +2383,7 @@
</div> </div>
<div class="grid"> <div class="grid">
<p>At price</p> <p>At price</p>
<b>${total} ${asset}</b> <b>${setPrice} ${asset}</b>
</div> </div>
`; `;
break; break;
@ -2479,7 +2446,6 @@
document.body.classList.add('is-signed-in'); document.body.classList.add('is-signed-in');
if (getRef('market_asset_rates')) if (getRef('market_asset_rates'))
getRef('market_asset_rates').parentNode.remove() getRef('market_asset_rates').parentNode.remove()
location.hash = `#/exchange`
getRef('user_popup_button').addEventListener('click', () => openPopup('user_popup')); getRef('user_popup_button').addEventListener('click', () => openPopup('user_popup'));
getRef('trade_button').addEventListener('click', () => openPopup('confirm_trade_popup')); getRef('trade_button').addEventListener('click', () => openPopup('confirm_trade_popup'));
accountDetails = acc accountDetails = acc
@ -2492,7 +2458,7 @@
if (acc.subAdmin) if (acc.subAdmin)
console.info("logged in as subAdmin"); console.info("logged in as subAdmin");
// rupee balance init // FLO balance init
allTokens[floGlobals.currency] = { allTokens[floGlobals.currency] = {
total: 0, total: 0,
locked: 0, locked: 0,
@ -2509,7 +2475,7 @@
acc.sellOrders.forEach(({ asset, quantity }) => { acc.sellOrders.forEach(({ asset, quantity }) => {
allTokens[asset].locked += quantity allTokens[asset].locked += quantity
}) })
allTokens[floGlobals.currency].locked = acc.buyOrders.reduce((a, x) => a + x.quantity * x.maxPrice, 0) allTokens[floGlobals.currency].locked = acc.buyOrders.reduce((a, x) => a + x.quantity * x.price, 0)
for (const token in allTokens) { for (const token in allTokens) {
allTokens[token].net = allTokens[token].total - allTokens[token].locked allTokens[token].net = allTokens[token].total - allTokens[token].locked
} }