-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
93 lines (80 loc) · 2.52 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<script>
function sendUser(name, number) {
// Number can't be more than 9 characters
number = number.substring(0, 9);
console.log("Sending user", encodeURI(name), encodeURI(number));
let xmlHttp = new XMLHttpRequest();
xmlHttp.open("get", "/api/send_user?name=" + encodeURI(name) + "&number=" + encodeURI(number), false);
xmlHttp.send(null);
let errorText = document.getElementById("errorText");
let warningText = document.getElementById("warningText");
errorText.innerHTML = "";
errorText.hidden = true;
warningText.innerHTML = "";
warningText.hidden = true;
let response = xmlHttp.responseText;
if (xmlHttp.status != 200) {
errorText.innerHTML = "Backend error: " + response;
console.log(errorText.innerHTML);
errorText.hidden = false;
return;
}
response = response.split('\n');
if (response[0] != "success" ||
response[1] != name ||
response[2] != number) {
errorText.innerHTML = "Bad response from backend: " + response;
console.log(errorText.innerHTML);
errorText.hidden = false;
return;
}
if (response.length > 3 && response[3].length > 0) {
warningText.innerHTML = "Backend warning: " + response[3];
console.log(warningText.innerHTML);
warningText.hidden = false;
}
console.log("Success:", response);
}
</script>
<style>
/* random flexbox go! */
#main {
display: flex;
justify-content: center;
align-items: center;
padding: 5%;
}
#errorText {
background-color: indianred;
}
#warningText {
background-color: yellow;
}
</style>
<html>
<head>
<title>WARP7 Attendance Site</title>
</head>
<body>
<div id="main">
<ol style="list-style-type: none;">
<li>
<label for="name">Name:</label>
<input type="text" id="name" />
<br />
</li>
<li>
<label for="name">Number:</label>
<input type="text" id="number" />
<br />
</li>
<li>
<button onclick="sendUser(getElementById('name').value, getElementById('number').value)">Submit</button>
</li>
</ol>
</div>
<p hidden id="warningText" />
<p hidden id="errorText" />
</body>
</html>