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

Dynamic pricing

Browse Source
This commit is contained in:
sairaj mote 2023-04-25 04:00:23 +05:30
parent 165c8509fe
commit bceb81de2a
5 changed files with 69 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/main.css
View File

@ -276,6 +276,19 @@ sm-copy {
max-width: 100%;
}
#token_price_wrapper {
padding: 1.5rem;
text-align: center;
aspect-ratio: 1/1;
width: 13rem;
background-color: rgba(var(--foreground-color), 1);
border-radius: 10rem;
justify-self: center;
font-size: 1rem;
font-weight: 500;
margin-top: 2rem;
}
.important-links {
display: flex;
flex-wrap: wrap;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

12
css/main.scss
View File

@ -256,6 +256,18 @@ sm-copy {
max-width: 100%;
}
}
#token_price_wrapper {
padding: 1.5rem;
text-align: center;
aspect-ratio: 1/1;
width: 13rem;
background-color: rgba(var(--foreground-color), 1);
border-radius: 10rem;
justify-self: center;
font-size: 1rem;
font-weight: 500;
margin-top: 2rem;
}
.important-links {
display: flex;
flex-wrap: wrap;

43
index.html
View File

@ -10,7 +10,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.min.css">
<script src="components.js"></script>
<script src="scripts/components.js"></script>
</head>
<body class="flex flex-direction-column">
@ -63,8 +63,8 @@
Currently executing <strong>Token Room</strong> in El Zonte (Bitcoin Beach)
</p>
</div>
<div class="flex flex-direction-column gap-0-5 align-items-center justify-content-center"
style="padding: 1.5rem; text-align: center; aspect-ratio: 1/1; width: 13rem; background-color: rgba(var(--foreground-color),1); border-radius: 10rem; justify-self: center; font-size: 1rem; font-weight: 500; margin-top: 2rem;">
<div id="token_price_wrapper"
class="flex flex-direction-column gap-0-5 align-items-center justify-content-center">
<strong id="token_price" style="font-size: 2rem; line-height: 1;"></strong>
<p class="flex flex-direction-column gap-0-5 justify-content-center">
Price per tokenroom# token
@ -578,11 +578,46 @@
minimumFractionDigits: 0,
});
}
// fetch data and return json
async function fetchJSON(url, options = {}) {
const response = await fetch(url, options)
const json = await response.json()
if (response.ok) {
return json
} else {
throw new Error(json.description)
}
}
window.onload = function () {
document.getElementById('token_price').textContent = formatCurrency(roomTokenPrice);
document.getElementById('banner_content').textContent = `Looking for sellers. ${tokensNeeded} tokenroom# @ ${formatCurrency(roomTokenPrice)}`;
if (tokensNeeded > 0)
document.getElementById('main_banner').classList.remove('hidden');
document.getElementById('token_price').innerHTML = `<sm-spinner></sm-spinner>`
fetchJSON(`https://ranchimallflo.duckdns.org/api/v2/smartContractInfo?contractName=swap-tokenroom-usd&contractAddress=FUSBi3sQ9YFRs76wiMrDYmhqguPCXue8po`)
.then(info => {
console.log(info)
const {
contractInfo: {
contractType,
numberOfDeposits,
numberOfParticipants,
oracle_address,
contractSubtype,
status,
expiryTime,
payeeAddress,
acceptingToken,
sellingToken,
totalHonorAmount,
totalParticipationAmount,
price
}, contractAddress,
contractName
} = info
document.getElementById('token_price').textContent = formatCurrency(price);
}).catch(error => {
reject(error)
})
}
</script>
</body>

7
components.js → scripts/components.js
View File

File diff suppressed because one or more lines are too long