keii.dev
1{% extends "info/info_base.html" %}
2
3{% block title %}
4 {% if date() < date(event.start_date) %}
5 Nedräkning
6 {% else %}
7 Registrering
8 {% endif %}
9{% endblock title %}
10
11{% block jumbo %}
12 <h1>Anmäl dig till QRTag!</h1>
13
14 {% if date() < date(event.start_date) %}
15 <p>Nästa QRTag börjar om <span id="countdown"></span>!</p>
16 {% else %}
17 <p>QRTag har börjat, men du kan fortfarande gå med!</p>
18 {% endif %}
19 <div>
20 <form action="register.php" method="post">
21 <button class="btn btn-success" type="submit">Gå med!</button>
22 </form>
23 {% if date() < date(event.start_date) %}
24 <p class="pt-2">Du <b>måste</b> klicka på knappen för att kunna vara med.</p>
25 {% endif %}
26 </div>
27 {% if date() < date(event.start_date) %}
28 <script>
29 var countDownDate = {{ date(event.start_date).timestamp * 1000 }};
30 const updateCountdown = function() {
31
32 var now = new Date().getTime();
33
34 var distance = countDownDate - now;
35
36 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
37 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
38 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
39 var seconds = Math.floor((distance % (1000 * 60)) / 1000);
40
41 var stringyboi = days == 0 ? '' : days + "d ";
42 stringyboi += days == 0 && hours == 0 ? '' : hours + "h ";
43 stringyboi += days == 0 && hours == 0 && minutes == 0 ? '' : minutes + "m "
44 document.getElementById("countdown").innerHTML = stringyboi + seconds + "s";
45 if (distance < 1) {
46 window.location = window.location;
47 }
48 }
49 updateCountdown();
50 setInterval(updateCountdown, 1000);
51 </script>
52 {% endif %}
53{% endblock jumbo %}