login

1 files changed, 27 insertions, 0 deletions

diff --git a/static/index.js b/static/index.js
index 23d53ea..31099d6 100644
--- a/static/index.js
+++ b/static/index.js
@@ -6,11 +6,26 @@ var el_list = null;
 function setupSocket() {
   socket = io();
 
+  document.getElementById("loginbtn").removeAttribute("disabled");
+
+  socket.on("unauth", function() {
+    document.body.classList.remove("okauth");
+    document.body.classList.add("unauth");
+    var span = document.createElement("span");
+    var unauthlog = document.getElementById("unauthlog");
+    span.appendChild(document.createTextNode("unauth received"));
+    unauthlog.appendChild(span);
+    setTimeout(function() { unauthlog.removeChild(span); }, 1500);
+  });
+
   socket.on("init", function(list) {
     // Reload if server restarted
     if (!is_initialised) is_initialised = true;
     else { location.reload(); return; }
 
+    document.body.classList.remove("unauth");
+    document.body.classList.add("okauth");
+
     glist = list;
     for (var i = 0; i < glist.length; i++) glist[i].push(null);
     initialiseList();
@@ -190,7 +205,19 @@ function reinsertItem(index) {
   insertItem(votes, string);
 }
 
+function doLogin() {
+  const password = document.getElementById("password").value;
+  socket.emit("login", password);
+}
+
+function doPasswordKeypress(ev) {
+  if (ev.key == "Enter" || ev.keyCode == 10 || ev.keyCode == 13) {
+    doLogin();
+  }
+}
+
 window.addEventListener("load", function() {
   el_list = document.getElementById("list");
   setupSocket();
+  document.getElementById("password").focus();
 });