1 files changed, 26 insertions, 22 deletions
diff --git a/modules/lijst/lijst.html b/modules/lijst/lijst.html
index b849720..66c33a8 100644
--- a/modules/lijst/lijst.html
+++ b/modules/lijst/lijst.html
@@ -4,48 +4,52 @@
 <meta charset="utf-8">
 <title>Lijst</title>
 <script>
-function addItem() {
-	var text = document.getElementById("text").value;
-
+function postReq(url, body) {
 	var xhr = new XMLHttpRequest();
-	xhr.open("POST", location.href + "/add");
+	xhr.open("POST", location.href + url);
 	xhr.responseType = "text";
 	xhr.onreadystatechange = function() {
 		if (xhr.readyState == 4) {
 			if (xhr.status == 200) {
-				location.href = location.href;
+				document.getElementById("tbody").innerHTML = xhr.responseText;
 			} else {
 				alert(xhr.responseText);
 			}
 		}
 	};
-	xhr.send(text);
+	xhr.send(body);
+}
+
+function addItem() {
+	postReq("/add", document.getElementById("text").value);
+	document.getElementById("text").value = "";
 }
 
 function removeItem(id) {
-	var xhr = new XMLHttpRequest();
-	xhr.open("POST", location.href + "/remove/" + id);
-	xhr.responseType = "text";
-	xhr.onreadystatechange = function() {
-		if (xhr.readyState == 4) {
-			if (xhr.status == 200) {
-				location.href = location.href;
-			} else {
-				alert(xhr.responseText);
-			}
-		}
-	};
-	xhr.send();
+	postReq("/remove/" + id);
+}
+
+function vote(id, num) {
+	postReq("/vote/" + id + "/" + num);
 }
 </script>
 <style>
-
+#table {
+	border-collapse: collapse;
+}
+#table td {
+	padding: 2px;
+	padding-left: 7px;
+	padding-right: 7px;
+	border: 1px #eee solid;
+}
 </style>
 </head>
 <body>
-<ol id="lijst">
+<table id="table"><tbody id="tbody">
 <!--[[LIJST_ITEMS]]-->
-</ol>
+</tbody></table>
+<br>
 <input type="text" id="text" placeholder="New item text">
 <input type="button" onclick="addItem()" value="Add item"><br>
 </body>