Files
penracourses/templates/cid_selector.html
T

49 lines
1.6 KiB
HTML

{% extends 'base.html' %}
{% block content %}
<div class="">
<h2>Exam / Results checker</h2>
<p>Please enter your CID and passcode</p>
<p>CID: <input type="text" name="cid" id="cid-box" autofocus></p>
<p>Passcode: <input id="passcode-box" type="text" value="Passcode"></p>
<button id="cid-selector-go-button">Go...</button>
</div>
<details>
<summary>What is my CID?</summary>
If you do not have you CID details please the email you signed up with here.
<form>
<input type="text" name="email" id="email-box">
<button id="email-cid-details-button" hx-post="request_cid_details/" hx-swap="outerHTML">Email details</button>
</form>
</details>
<script>
$(document).ready(function () {
window.location.search.substr(1).split("&").forEach((item) =>
{
s = item.split("=");
if (s[0] == "cid") {
$("#cid-box").val(s[1]);
}
if (s[0] == "passcode") {
$("#passcode-box").val(s[1]);
}
});
$("#cid-box, #passcode-box").keypress(function(e) {
// Enter pressed?
console.log(e)
if(e.which == 10 || e.which == 13) {
$("#cid-selector-go-button").click();
}
});
$("#cid-selector-go-button").click(() => {
cid = document.getElementById("cid-box").value;
passcode = document.getElementById("passcode-box").value;
window.location = window.location.href.split('?')[0] + cid + "/" + passcode;
})
})
</script>
{% endblock %}