You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.6 KiB
47 lines
1.6 KiB
4 years ago
|
{{define "body"}}
|
||
|
|
<form id="frm-register" method="post" action="/login">
|
||
|
|
<label for="inp-email">E-Mail:</label>
|
||
|
|
<input id="inp-email" name="email" type="email" value=""/>
|
||
|
|
<label for="inp-secret">Registration-Key:</label>
|
||
|
|
<input id="inp-secret" name="secret" type="password" value=""/>
|
||
|
|
<button>Request User</button>
|
||
|
|
</form>
|
||
|
|
<div class="hidden" id="general-info"></div>
|
||
|
|
{{end}}
|
||
|
|
{{define "scripts"}}
|
||
|
|
<script>
|
||
|
|
let frm = document.getElementById("frm-register");
|
||
|
|
let infoBox = document.getElementById("general-info");
|
||
|
|
|
||
|
|
frm.addEventListener("submit", e => {
|
||
|
|
e.preventDefault();
|
||
|
|
let fd = new FormData(frm);
|
||
|
|
fetch("/register", {
|
||
|
|
method: "POST",
|
||
|
|
body: new URLSearchParams({
|
||
|
|
email: fd.get("email"),
|
||
|
|
secret: fd.get("secret")
|
||
|
|
}),
|
||
|
|
headers: {
|
||
|
|
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
|
||
|
|
}
|
||
|
|
|
||
|
|
}).then(res => {
|
||
|
|
if (res.status == 200) {
|
||
|
|
setInfo(infoBox, "Success", "green", "grey1");
|
||
|
|
toggleHidden(infoBox, "off");
|
||
|
|
setTimeout(() => {
|
||
|
|
toggleHidden(infoBox, "on");
|
||
|
|
}, 2000);
|
||
|
|
} else {
|
||
|
|
setInfo(infoBox, "Failure", "red", "grey1");
|
||
|
|
toggleHidden(infoBox, "off");
|
||
|
|
setTimeout(() => {
|
||
|
|
toggleHidden(infoBox, "on");
|
||
|
|
}, 2000);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
<script src="/static/js/helper.js"></script>
|
||
|
|
{{end}}
|