From 958f6eaabf92b057e3f0897faa1c616c093b1b3e Mon Sep 17 00:00:00 2001
From: Pierre Hubert <pierre.git@communiquons.org>
Date: Wed, 20 Apr 2022 09:16:21 +0200
Subject: [PATCH] Request focus on first input on login page

---
 templates/login/login.html          | 2 +-
 templates/login/opt_input.html      | 2 +-
 templates/login/password_reset.html | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/login/login.html b/templates/login/login.html
index 99cee86..890cd5a 100644
--- a/templates/login/login.html
+++ b/templates/login/login.html
@@ -4,7 +4,7 @@
     <div>
         <div class="form-floating">
             <input name="login" type="text" required class="form-control" id="floatingName" placeholder="unsername"
-                   value="{{ login }}">
+                   value="{{ login }}" autofocus>
             <label for="floatingName">Email address or username</label>
         </div>
 
diff --git a/templates/login/opt_input.html b/templates/login/opt_input.html
index 12f0759..39d449e 100644
--- a/templates/login/opt_input.html
+++ b/templates/login/opt_input.html
@@ -8,7 +8,7 @@
         <div class="form-group">
             <label for="code" class="form-label mt-4">Generated code</label>
             <input type="text" name="code" minlength="6" maxlength="6" class="form-control" id="code"
-                   placeholder="XXXXXX">
+                   placeholder="XXXXXX" autofocus>
         </div>
 
         <button class="w-100 btn btn-primary" type="submit" style="margin: 20px 0px;">Login</button>
diff --git a/templates/login/password_reset.html b/templates/login/password_reset.html
index 2ed3361..69bfad8 100644
--- a/templates/login/password_reset.html
+++ b/templates/login/password_reset.html
@@ -8,7 +8,7 @@
 
         <div class="form-floating">
             <input name="password" type="password" required class="form-control" id="pass1"
-                   placeholder="Password"/>
+                   placeholder="Password" autofocus/>
             <label for="pass1">New password</label>
         </div>