From 3adc7311961f45852f4d41c23e077142bbaf8c1a Mon Sep 17 00:00:00 2001
From: u-dani <daniellebezerra.dev@gmail.com>
Date: Thu, 1 Feb 2024 22:53:38 -0300
Subject: [PATCH] create handleCredentialInputs function

bad code :/
---
 js/script.js | 35 ++++++++++++++++++++---------------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/js/script.js b/js/script.js
index 6e217c0..a33f9f5 100644
--- a/js/script.js
+++ b/js/script.js
@@ -16,11 +16,10 @@ function validateUsername({ ignoreInputEmpty }) {
     const value = usernameInput.value.trim();
     const isValid = false;
     const inputElement = usernameInput;
-    let typeError;
     // limpar campo caso só tenha espaços
-    if (/^[\s]+$/.test(usernameInput.value)) {
-        usernameInput.value = "";
-    }
+    // if (/^[\s]+$/.test(usernameInput!.value)) {
+    //     usernameInput!.value = "";
+    // }
     if (!ignoreInputEmpty && (value === null || value === void 0 ? void 0 : value.length) === 0) {
         return { isValid, inputElement, typeError: "valueMissing" };
     }
@@ -31,14 +30,14 @@ function validateUsername({ ignoreInputEmpty }) {
         return { isValid, inputElement, typeError: "tooShort" };
     }
     usernameInput === null || usernameInput === void 0 ? void 0 : usernameInput.classList.remove('is-input-invalid');
-    return { isValid: false, typeError: undefined, inputElement: usernameInput };
+    return { isValid: true, inputElement: usernameInput, typeError: undefined };
 }
 function validatePassword({ ignoreInputEmpty }) {
     const value = passwordInput === null || passwordInput === void 0 ? void 0 : passwordInput.value;
     if (!ignoreInputEmpty && (value === null || value === void 0 ? void 0 : value.length) === 0) {
         passwordError.textContent = 'Preencha o campo';
         passwordInput === null || passwordInput === void 0 ? void 0 : passwordInput.classList.add('is-input-invalid');
-        return;
+        // return;
     }
     passwordInput === null || passwordInput === void 0 ? void 0 : passwordInput.classList.remove('is-input-invalid');
 }
@@ -61,20 +60,26 @@ function submitForm(e) {
     validateUsername({});
     const firstInvalidElement = document.querySelector('.is-input-invalid');
     firstInvalidElement === null || firstInvalidElement === void 0 ? void 0 : firstInvalidElement.focus();
-    if (!firstInvalidElement) {
-        const target = e.target;
-        target.submit();
-    }
+    // if (!firstInvalidElement) {
+    //     const target = e.target as HTMLFormElement;
+    //     target.submit();
+    // }
+}
+function handleCredentialInputs(e) {
+    console.log('input');
+    const target = e.target;
+    target.classList.remove('is-input-invalid');
+    const username = validateUsername({});
+    console.log(username);
+    username.isValid
+        ? submitButton === null || submitButton === void 0 ? void 0 : submitButton.setAttribute('aria-disabled', 'false')
+        : submitButton === null || submitButton === void 0 ? void 0 : submitButton.setAttribute('aria-disabled', 'true');
 }
 btnTogglePassword === null || btnTogglePassword === void 0 ? void 0 : btnTogglePassword.addEventListener('click', togglePasswordVisibility);
 loginForm === null || loginForm === void 0 ? void 0 : loginForm.addEventListener('submit', submitForm);
 usernameInput === null || usernameInput === void 0 ? void 0 : usernameInput.addEventListener('focusout', () => validateUsername({ ignoreInputEmpty: true }));
 passwordInput === null || passwordInput === void 0 ? void 0 : passwordInput.addEventListener('focusout', () => validatePassword({ ignoreInputEmpty: true }));
-credentialInputs.forEach(input => input.addEventListener('input', (e) => {
-    const target = e.target;
-    target.classList.remove('is-input-invalid');
-    // button aria-disabled
-}));
+credentialInputs.forEach(input => input.addEventListener('input', handleCredentialInputs));
 /*
     .is-input-invalid