Add some autofocus attributes to several forms

[lmno-server] / templates / choose-nickname.html

diff --git a/templates/choose-nickname.html b/templates/choose-nickname.html
index 86c3413f1c994baeef236cf525307bb73b6fa321..f35abb607ad12ff3e5718e058cde3ba15cd8cd86 100644 (file)
--- a/templates/choose-nickname.html
+++ b/templates/choose-nickname.html
@@ -9,7 +9,9 @@
   }
 
   function set_nickname(form) {
-    const nickname = form.nickname.value;
+    let nickname = form.nickname.value;
+    if (nickname === "")
+      nickname = "Guest";
 
     var request = new XMLHttpRequest();
     request.addEventListener("loadend", () => set_nickname_loadend());
@@ -22,7 +24,7 @@
 
 {% block page %}
 <h1>
-  Welcome to Empires
+  Welcome to {{ game_name }}
 </h1>
 
 <p>
@@ -32,8 +34,14 @@
 <!-- The return false prevents the page from being reloaded -->
 <form id="nickname-form" onsubmit="set_nickname(this); return false">
   <div class="form-field large">
-    <label for="nickname">Nickname</label>
-    <input type="text" id="nickname" required>
+    <label for="nickname">Your name or nickname</label>
+    <input type="text" id="nickname"
+           {% if options.allow_guest %}
+           placeholder="Guest"
+           {% else %}
+           required
+           {% endif %}
+           autofocus>
   </div>
 
   <div class="form-field large">