From 0d6d716600d9794feeeae6090d7b3138df79c3ff Mon Sep 17 00:00:00 2001
From: Klaas van Schelven <klaas@vanschelven.com>
Date: Wed, 29 May 2024 16:25:43 +0200
Subject: [PATCH] Login page: red error msg; show entered values on-failure

---
 templates/bugsink/login.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/bugsink/login.html b/templates/bugsink/login.html
index a610841..7c2e683 100644
--- a/templates/bugsink/login.html
+++ b/templates/bugsink/login.html
@@ -14,7 +14,7 @@
         <div class="p-12 md:pt-24 md:pl-24 md:pr-24 md:pb-16">
 
             {% if form.errors %}
-            <div class="mb-8">Your username and password didn't match. Please try again.</div>
+            <div class="mb-8 text-red-500">Your username and password didn't match. Please try again.</div>
 
             {% elif next %}
                 {% if user.is_authenticated %}
@@ -30,13 +30,13 @@
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="absolute ml-3" width="24">
                         <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
                     </svg>
-                    <input name="username" type="text" class="bg-slate-200 pl-12 py-2 md:py-4 focus:outline-none w-full" placeholder="Username" />
+                    <input name="username" type="text" class="bg-slate-200 pl-12 py-2 md:py-4 focus:outline-none w-full" {% if form.username.value %}value="{{ form.username.value }}"{% endif %}  placeholder="Username" />
                 </div>
                 <div class="flex items-center text-lg mb-6 md:mb-8">
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="absolute ml-3" width="24">
                         <path fill-rule="evenodd" d="M12 1.5a5.25 5.25 0 0 0-5.25 5.25v3a3 3 0 0 0-3 3v6.75a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3v-6.75a3 3 0 0 0-3-3v-3c0-2.9-2.35-5.25-5.25-5.25Zm3.75 8.25v-3a3.75 3.75 0 1 0-7.5 0v3h7.5Z" clip-rule="evenodd" />
                     </svg>
-                    <input name="password" type="password" class="bg-slate-200 pl-12 py-2 md:py-4 focus:outline-none w-full" placeholder="Password" />
+                    <input name="password" type="password"  class="bg-slate-200 pl-12 py-2 md:py-4 focus:outline-none w-full" {% if form.password.value %}value="{{ form.password.value }}"{% endif %} placeholder="Password" />
                 </div>
                 <input type="hidden" name="next" value="{{ next }}">
                 <button class="bg-slate-800 font-medium p-2 md:p-4 text-white uppercase w-full">Login</button>