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

API changes

Browse Source
This commit is contained in:
sairaj mote 2023-04-25 03:32:03 +05:30
parent ae5728f7fe
commit c7931181ec
1 changed files with 22 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
index.html
View File

@ -189,7 +189,6 @@
return timestamp; return timestamp;
} }
} }
// window.addEventListener('hashchange', e => routeTo(window.location.hash))
window.addEventListener("load", () => { window.addEventListener("load", () => {
document.body.classList.remove('hidden') document.body.classList.remove('hidden')
document.addEventListener("pointerdown", (e) => { document.addEventListener("pointerdown", (e) => {
@ -378,7 +377,7 @@
if (!contractId) return; if (!contractId) return;
const contract = splitContractNameAddress(contractId); const contract = splitContractNameAddress(contractId);
const contractInfo = await getContractInfo(contract) const contractInfo = await getContractInfo(contract)
const { contractType, contractSubtype, accepting_token, selling_token } = contractInfo const { contractType, contractSubtype, acceptingToken, sellingToken } = contractInfo
const detailsToFetch = [getContractTransactions(contract), getContractParticipants(contract)] const detailsToFetch = [getContractTransactions(contract), getContractParticipants(contract)]
if (contractType === 'continuos-event' && contractSubtype === 'tokenswap') if (contractType === 'continuos-event' && contractSubtype === 'tokenswap')
detailsToFetch.push(getContractDeposits(contract)) detailsToFetch.push(getContractDeposits(contract))
@ -426,8 +425,8 @@
document.getElementById('participant_container'), document.getElementById('participant_container'),
html`${Object.keys(contractParticipants) html`${Object.keys(contractParticipants)
.map(participant => render.participantCard({ .map(participant => render.participantCard({
accepting_token: accepting_token, acceptingToken: acceptingToken,
selling_token: selling_token, sellingToken: sellingToken,
...contractParticipants[participant] ...contractParticipants[participant]
})) }))
}` }`
@ -442,7 +441,7 @@
document.getElementById('deposits_container'), document.getElementById('deposits_container'),
html`${contractDeposits.map(deposit => render.depositCard({ html`${contractDeposits.map(deposit => render.depositCard({
...deposit, ...deposit,
accepting_token: accepting_token, acceptingToken: acceptingToken,
}))}` }))}`
) )
else else
@ -845,8 +844,8 @@
payeeAddress, payeeAddress,
minAmount, minAmount,
maxAmount, maxAmount,
accepting_token, acceptingToken,
selling_token, sellingToken,
numberOfDeposits, numberOfDeposits,
numberOfParticipants, numberOfParticipants,
totalHonorAmount, totalHonorAmount,
@ -918,15 +917,15 @@
${contractType === 'continuos-event' && contractSubtype === 'tokenswap' ? html` ${contractType === 'continuos-event' && contractSubtype === 'tokenswap' ? html`
<div class="flex info-row"> <div class="flex info-row">
<h5 class="label">Input token</h5> <h5 class="label">Input token</h5>
<h4>${accepting_token}</h4> <h4>${acceptingToken}</h4>
</div> </div>
<div class="flex info-row"> <div class="flex info-row">
<h5 class="label">Output token</h5> <h5 class="label">Output token</h5>
<h4>${selling_token}</h4> <h4>${sellingToken}</h4>
</div> </div>
<div class="flex info-row"> <div class="flex info-row">
<h5 class="label">Exchange rate (${priceType === 'dynamic' ? 'Dynamic' : 'Fixed'})</h5> <h5 class="label">Exchange rate (${priceType === 'dynamic' ? 'Dynamic' : 'Fixed'})</h5>
<h4>1 ${selling_token} = ${price} ${accepting_token}</h4> <h4>1 ${sellingToken} = ${price} ${acceptingToken}</h4>
</div> </div>
`: ''} `: ''}
${numberOfDeposits ? html` ${numberOfDeposits ? html`
@ -950,13 +949,13 @@
${totalParticipationAmount ? html` ${totalParticipationAmount ? html`
<div class="flex info-row"> <div class="flex info-row">
<h5 class="label">Total participation amount</h5> <h5 class="label">Total participation amount</h5>
<h4>${formatAmount(totalParticipationAmount, 'usd')} ${accepting_token}</h4> <h4>${formatAmount(totalParticipationAmount, 'usd')} ${acceptingToken}</h4>
</div> </div>
`: ''} `: ''}
${totalHonorAmount ? html` ${totalHonorAmount ? html`
<div class="flex info-row"> <div class="flex info-row">
<h5 class="label">Total output amount</h5> <h5 class="label">Total output amount</h5>
<h4>${formatAmount(totalHonorAmount, 'usd')} ${selling_token}</h4> <h4>${formatAmount(totalHonorAmount, 'usd')} ${sellingToken}</h4>
</div> </div>
`: ''} `: ''}
</div> </div>
@ -984,7 +983,7 @@
`; `;
}, },
participantCard(details) { participantCard(details) {
const { participantFloAddress, participationAmount, swapAmount, swapPrice, transactionHash, accepting_token, selling_token } = details; const { participantFloAddress, participationAmount, swapAmount, swapPrice, transactionHash, acceptingToken, sellingToken } = details;
return html` return html`
<li class="flex participant"> <li class="flex participant">
<div class="grid gap-0-5 flex-1"> <div class="grid gap-0-5 flex-1">
@ -997,22 +996,22 @@
<div class="grid align-center gap-1 flex-1" style="grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr))"> <div class="grid align-center gap-1 flex-1" style="grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr))">
<div> <div>
<h5 class="label">Input amount</h5> <h5 class="label">Input amount</h5>
<b>${formatAmount(participationAmount, 'usd')} ${accepting_token}</b> <b>${formatAmount(participationAmount, 'usd')} ${acceptingToken}</b>
</div> </div>
<div> <div>
<h5 class="label">Output amount</h5> <h5 class="label">Output amount</h5>
<b>${formatAmount(swapAmount, 'usd')} ${selling_token}</b> <b>${formatAmount(swapAmount, 'usd')} ${sellingToken}</b>
</div> </div>
<div> <div>
<h5 class="label">Exchange rate</h5> <h5 class="label">Exchange rate</h5>
<b>${formatAmount(swapPrice, 'usd')} ${accepting_token}</b> <b>${formatAmount(swapPrice, 'usd')} ${acceptingToken}</b>
</div> </div>
</div> </div>
</li> </li>
`; `;
}, },
depositCard(details) { depositCard(details) {
const { currentBalance, depositorAddress, originalBalance, status, time, transactionHash, accepting_token } = details const { currentBalance, depositorAddress, originalBalance, status, time, transactionHash, acceptingToken } = details
return html` return html`
<li class="flex deposit-card"> <li class="flex deposit-card">
<div class="grid gap-0-5 flex-1"> <div class="grid gap-0-5 flex-1">
@ -1022,11 +1021,11 @@
<div class="grid align-center gap-1 flex-1" style="grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr))"> <div class="grid align-center gap-1 flex-1" style="grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr))">
<div> <div>
<h5 class="label">Deposited</h5> <h5 class="label">Deposited</h5>
<b>${formatAmount(originalBalance, 'usd')} ${accepting_token}</b> <b>${formatAmount(originalBalance, 'usd')} ${acceptingToken}</b>
</div> </div>
<div> <div>
<h5 class="label">Current balance</h5> <h5 class="label">Current balance</h5>
<b>${formatAmount(currentBalance, 'usd')} ${accepting_token}</b> <b>${formatAmount(currentBalance, 'usd')} ${acceptingToken}</b>
</div> </div>
<div> <div>
<h5 class="label">Status</h5> <h5 class="label">Status</h5>
@ -1408,8 +1407,8 @@
payeeAddress, payeeAddress,
userChoice, userChoice,
tokenIdentification, tokenIdentification,
accepting_token, acceptingToken,
selling_token, sellingToken,
contractAmount, contractAmount,
minimumsubscriptionamount, minimumsubscriptionamount,
maximumsubscriptionamount, maximumsubscriptionamount,
@ -1429,8 +1428,8 @@
payeeAddress, payeeAddress,
userChoices: userChoice, userChoices: userChoice,
token: tokenIdentification, token: tokenIdentification,
accepting_token, acceptingToken,
selling_token, sellingToken,
participationFees: contractAmount, participationFees: contractAmount,
minAmount: minimumsubscriptionamount, minAmount: minimumsubscriptionamount,
maxAmount: maximumsubscriptionamount, maxAmount: maximumsubscriptionamount,