From a785483220d567720c3eef164de3f4d818e9d433 Mon Sep 17 00:00:00 2001
From: Florian Sylvain <floriansylvainpro@gmail.com>
Date: Sun, 13 Aug 2023 21:40:17 +0200
Subject: [PATCH] fix: error messages and modify password validation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This commit enhances the user experience in two ways:

1. The feedback messages within the setup1.html file have been updated for both the username and password fields. The new messages better inform users about the rules for valid input— stating that the username must be 3-20 characters long and the password must contain at least eight characters.

2. The password validation process has been adjusted. Now, only the confirm password field gets marked as invalid when the entered passwords don't match. This helps users understand exactly which field needs correction.
---
 adapters/secondary/gateways/web/templates/setup1.html | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/adapters/secondary/gateways/web/templates/setup1.html b/adapters/secondary/gateways/web/templates/setup1.html
index e7f81ed..cde2665 100644
--- a/adapters/secondary/gateways/web/templates/setup1.html
+++ b/adapters/secondary/gateways/web/templates/setup1.html
@@ -46,6 +46,7 @@
 						   type="text"
 						   value="{{.Username}}">
 					<label for="username">Nom d'utilisateur</label>
+					<div class="invalid-feedback">Le nom d'utilisateur doit être compris entre 3 et 20 caractères.</div>
 				</div>
 				<div class="form-floating">
 					<input class="form-control {{ if .PageError.IsError }} is-invalid {{ end }}"
@@ -55,7 +56,7 @@
 						   required
 						   type="password">
 					<label for="password">Mot de passe</label>
-					<div class="invalid-feedback">Les mots de passe ne correspondent pas.</div>
+					<div class="invalid-feedback">Le mot de passe doit contenir au moins 8 caractères.</div>
 				</div>
 				<div class="form-floating">
 					<input class="form-control {{ if .PageError.IsError }} is-invalid {{ end }}"
@@ -131,11 +132,9 @@
     function validatePasswordMatch() {
         if (docElems.password.value !== docElems.confirmPassword.value) {
             docElems.confirmPassword.classList.add("is-invalid")
-            docElems.password.classList.add("is-invalid")
             return false
         } else {
             docElems.confirmPassword.classList.remove("is-invalid")
-            docElems.password.classList.remove("is-invalid")
             return true
         }
     }