sij/hand_of_morpheus
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update templates/index.html

Browse source
This commit is contained in:
Sangye Ince-Johannsen 2025-02-08 00:54:32 +00:00
parent cee4dde978
commit e55b532979
1 changed files with 21 additions and 34 deletions

55
templates/index.html
View file

@ -21,51 +21,38 @@
</div>
<div id="registration-closed" class="registration-closed" style="display: none;">
Registration is currently closed
{{ message }}
</div>
<p class="info-text">
<span id="info-message">A registration token will be emailed to you.</span><br>
Token resets in: <span id="countdown" class="countdown">--:--:--</span>
<span id="countdown" class="countdown">--:--:--</span>
</p>
</div>
<script>
function updateCountdown() {
const now = new Date();
const tomorrow = new Date();
tomorrow.setUTCHours(24, 0, 0, 0);
// Registration closes 15 minutes before midnight UTC
const registrationCloseTime = new Date(tomorrow);
registrationCloseTime.setUTCMinutes(-15);
const timeUntilReset = tomorrow - now;
const isRegistrationOpen = now < registrationCloseTime;
// Update UI based on registration status
document.getElementById('registration-form').style.display =
isRegistrationOpen ? 'block' : 'none';
document.getElementById('registration-closed').style.display =
isRegistrationOpen ? 'none' : 'block';
// Update info message based on status
const infoMessage = document.getElementById('info-message');
infoMessage.textContent = isRegistrationOpen
? 'A registration token will be emailed to you.'
: 'Please come back after the token resets.';
// Format time remaining
const hours = String(Math.floor(timeUntilReset / (1000 * 60 * 60))).padStart(2, '0');
const minutes = String(Math.floor((timeUntilReset % (1000 * 60 * 60)) / (1000 * 60))).padStart(2, '0');
const seconds = String(Math.floor((timeUntilReset % (1000 * 60)) / 1000)).padStart(2, '0');
document.getElementById('countdown').textContent = `${hours}:${minutes}:${seconds}`;
function updateStatus() {
fetch('/api/time')
.then(response => response.json())
.then(data => {
const now = new Date();
const registrationClosed = {{ registration_closed|tojson }};
document.getElementById('registration-form').style.display =
registrationClosed ? 'none' : 'block';
document.getElementById('registration-closed').style.display =
registrationClosed ? 'block' : 'none';
const infoMessage = document.getElementById('info-message');
infoMessage.textContent = registrationClosed
? 'Please come back after the token resets.'
: 'A registration token will be emailed to you.';
});
}
// Update immediately and then every second
updateCountdown();
setInterval(updateCountdown, 1000);
updateStatus();
setInterval(updateStatus, 1000);
</script>
</body>
</html>