Save nickname in local storage

So that when a user creates a new game they don't have to enter their
name again. (Not that that would be a big penalty, but I do want LMNO
to be as smooth to use as possible.)

diff --git a/templates/choose-nickname.html b/templates/choose-nickname.html
index f35abb607ad12ff3e5718e058cde3ba15cd8cd86..9b06fc6f8122a1f5d4051d79c67bffdad94a44af 100644 (file)
--- a/templates/choose-nickname.html
+++ b/templates/choose-nickname.html
@@ -13,12 +13,22 @@
     if (nickname === "")
       nickname = "Guest";
 
+    try { localStorage.setItem("lmno_nickname", nickname); } catch(e) {}
+
     var request = new XMLHttpRequest();
     request.addEventListener("loadend", () => set_nickname_loadend());
     request.open("PUT", "/profile");
     request.setRequestHeader("Content-Type", "application/json; charset=UTF-8");
     request.send(`{"nickname": "${nickname}"}`);
   }
+
+  document.addEventListener("DOMContentLoaded", function() {
+    try {
+      const nickname = localStorage.getItem("lmno_nickname");
+      if (nickname)
+        document.getElementById("nickname").value = nickname;
+    } catch(e) {}
+  });
 </script>
 {% endblock %}