Added autoreload

This commit is contained in:
gpkvt 2023-06-04 02:59:37 +02:00
parent cbc61214e2
commit 5a0a567348
3 changed files with 33 additions and 1 deletions

View File

@ -9,7 +9,7 @@ theme = dark
[i18n]
lang = de
more = Mehr Fragen
more = Weiter »»»
title = A oder B
separator = oder
questions_prefix = Es gibt derzeit

30
static/js/autoReload.js Normal file
View File

@ -0,0 +1,30 @@
function autoReload() {
document.querySelectorAll('input[type="radio"]').forEach(function (el) {
el.addEventListener('change', checkForm, { once: true });
});
const choices = [];
function checkForm(e) {
item = e.target.id.charAt(1);
if (choices.indexOf(item) === -1) {
choices.push(item);
}
if (choices.length === 5) {
countdown();
}
}
function countdown() {
var timeleft = 3;
var reloadTimer = setInterval(function () {
if (timeleft <= 0) {
clearInterval(reloadTimer);
window.location.replace('/')
} else {
document.getElementById("next").innerHTML = timeleft;
}
timeleft -= 1;
}, 1000);
}
}

View File

@ -8,6 +8,7 @@
<head>
<title>{{ title }}</title>
<script type="text/javascript" src="/js/toggle.js?t={{ epoch }}"></script>
<script type="text/javascript" src="/js/autoReload.js?t={{ epoch }}"></script>
<link rel="stylesheet" type="text/css" href="/css/base.css?t={{ epoch }}">
<link rel="stylesheet" type="text/css" href="/css/colors.css?t={{ epoch }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='apple-touch-icon.png') }}">
@ -69,6 +70,7 @@
</div>
<script type="text/javascript">
initToggle();
autoReload();
</script>
</body>