Minor improvments

leepeuker · Apr 11, 2023 · 8df8576 · 8df8576
1 parent 0960570
commit 8df8576
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/public/js/settings-users.js b/public/js/settings-users.js
@@ -44,6 +44,9 @@ function prepareCreateUserModal(name) {
     document.getElementById('userModalPasswordInput').value = ''
     document.getElementById('userModalRepeatPasswordInput').value = ''
     document.getElementById('userModalIsAdminInput').checked = ''
+
+    // Remove class invalid-input from all (input) elements
+    Array.from(document.querySelectorAll('.invalid-input')).forEach((el) => el.classList.remove('invalid-input'));
 }
 
 function prepareEditUserModal(id, name, email, isAdmin, password, repeatPassword) {
@@ -63,6 +66,9 @@ function prepareEditUserModal(id, name, email, isAdmin, password, repeatPassword
     document.getElementById('userModalIsAdminInput').checked = isAdmin
     document.getElementById('userModalPasswordInput').value = ''
     document.getElementById('userModalRepeatPasswordInput').value = ''
+
+    // Remove class invalid-input from all (input) elements
+    Array.from(document.querySelectorAll('.invalid-input')).forEach((el) => el.classList.remove('invalid-input'));
 }
 
 function validateCreateUserInput() {

diff --git a/templates/component/modal-user.html.twig b/templates/component/modal-user.html.twig
@@ -22,12 +22,12 @@
                     <div class="mb-3">
                         <label for="userModalPasswordInput" class="form-label">Password <span class="text-danger" id="userModalPasswordInputRequiredStar">*</span></label>
                         <input type="password" class="form-control" id="userModalPasswordInput" minlength="8" required>
-                        <div id="userModalPasswordInput" class="form-text">Must be at least 8 characters long and match repeated</div>
+                        <div id="userModalPasswordInput" class="form-text">Must be at least 8 characters long</div>
                     </div>
                     <div class="mb-3">
                         <label for="userModalRepeatPasswordInput" class="form-label">Repeat Password <span class="text-danger" id="userModalRepeatPasswordInputRequiredStar">*</span></label>
                         <input type="password" class="form-control" id="userModalRepeatPasswordInput" minlength="8" required>
-                        <div id="userModalRepeatPasswordInput" class="form-text">Must be at least 8 characters long and match repeated</div>
+                        <div id="userModalRepeatPasswordInput" class="form-text">Must match entered password</div>
                     </div>
                     <div class="mb-3">
                         <div class="form-check">