zydronium/getnamingo-registry
1
0
Fork 0
mirror of https://github.com/getnamingo/registry.git synced 2025-06-26 14:14:41 +02:00
Code Issues Projects Releases Packages Wiki Activity

Added prices calculation

Browse source
This commit is contained in:
Pinga 2023-09-01 17:34:37 +03:00
parent c5c745a135
commit fe7d6199bc
1 changed files with 35 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

36
cp/resources/views/admin/domains/create.twig
View file

@ -29,7 +29,7 @@
<form id="domainCreateForm" action="/your_endpoint" method="post">
<h6>Your Domain Name</h6>
<div class="mb-3">
<input type="text" class="form-control mb-2" placeholder="example.com" name="domainName" required>
<input type="text" class="form-control mb-2" placeholder="example.com" name="domainName" id="domainName" required>
</div>
<!-- Slider for years -->
@ -39,6 +39,11 @@
<span id="yearValue">1 Year</span>
</div>
<!-- Placeholder for displaying domain price -->
<div class="mb-3" id="domainPriceDisplay" style="display:none;">
<strong>Estimated Price: </strong><span id="domainPrice">$0.00</span>
</div>
<!-- Fields for 4 contacts with roles -->
<h6>Contacts</h6>
<div class="mb-3">
@ -180,6 +185,35 @@ document.addEventListener("DOMContentLoaded", function() {
dnssecData.style.display = 'none';
}
});
const domainInput = document.getElementById('domainName');
const yearInput = document.getElementById('registrationYears');
const priceDisplay = document.getElementById('domainPriceDisplay');
const priceValue = document.getElementById('domainPrice');
// Simulate an API request
function getDomainPrice(domain, years) {
// For now, we'll just return a dummy price. In a real scenario, you'd call your API here.
return new Promise(resolve => {
setTimeout(() => {
resolve(10.00 * years); // Example: Price is $10/year
}, 500); // Simulating API delay
});
}
function updatePrice() {
if (domainInput.value) {
getDomainPrice(domainInput.value, yearInput.value).then(price => {
priceValue.innerText = `$${price.toFixed(2)}`;
priceDisplay.style.display = 'block';
});
} else {
priceDisplay.style.display = 'none';
}
}
domainInput.addEventListener('input', updatePrice);
yearInput.addEventListener('input', updatePrice);
});
</script>
{% endblock %}