Просмотр исходного кода

refactor: torna possivel digitar nome do banco para recuperar codigo do mesmo no select em dados bancarios

Gustavo Mantovani 2 недель назад
Родитель
Сommit
294ce93b00

+ 4 - 18
src/components/profile/ProfileBankDataDialog.vue

@@ -118,7 +118,6 @@
               input-class="text-text"
               input-debounce="0"
               map-options
-              maxlength="3"
               menu-anchor="bottom left"
               menu-self="top left"
               options-dense
@@ -354,14 +353,8 @@ const getBankList = (response) => {
 //
 
 const filterBanks = (val, update) => {
-  const sanitized = onlyBankCodeDigits(val);
-
-  if (val !== sanitized) {
-    bankSelectRef.value?.updateInputValue(sanitized, true);
-  }
-
   update(() => {
-    const needle = normalizeText(sanitized);
+    const needle = normalizeText(val).trim();
 
     if (!needle) {
       setBankOptions(banks.value);
@@ -370,8 +363,9 @@ const filterBanks = (val, update) => {
 
     const filtered = banks.value.filter((bank) => {
       const code = getBankCode(bank);
+      const name = normalizeText(getBankName(bank));
 
-      return code.includes(needle);
+      return code.includes(needle) || name.includes(needle);
     });
 
     setBankOptions(filtered);
@@ -396,8 +390,6 @@ const normalizeText = (text) =>
     .replace(/[\u0300-\u036f]/g, '')
     .toLowerCase();
 
-const onlyBankCodeDigits = (value) => String(value ?? '').replace(/\D/g, '').slice(0, 3);
-
 const setBankOptions = (list) => {
   bankOptions.value = list.map(formatBankOption).filter((bank) => bank.code);
 };
@@ -419,13 +411,7 @@ const clearInvalidBankInput = () => {
 };
 
 const onBankInputValue = (value) => {
-  const sanitized = onlyBankCodeDigits(value);
-
-  if (value !== sanitized) {
-    bankSelectRef.value?.updateInputValue(sanitized, true);
-  }
-
-  if (sanitized !== bankForm.bank) {
+  if (String(value ?? '') !== bankForm.bank) {
     bankForm.bank = '';
   }
 };

+ 1 - 1
src/i18n/locales/en.json

@@ -515,7 +515,7 @@
       "digit": "Digit",
       "digit_placeholder": "Digit",
       "bank_code": "Bank (code)",
-      "bank_code_placeholder": "Bank code. e.g. 341",
+      "bank_code_placeholder": "Enter the bank name or code",
       "agency_digit": "Digit",
       "account_digit": "Digit",
       "in_development": "Under development",

+ 1 - 1
src/i18n/locales/es.json

@@ -515,7 +515,7 @@
       "digit": "Dígito",
       "digit_placeholder": "Dígito",
       "bank_code": "Banco (código)",
-      "bank_code_placeholder": "Código del banco. Ej.: 341",
+      "bank_code_placeholder": "Ingrese el nombre o código del banco",
       "agency_digit": "Dígito",
       "account_digit": "Dígito",
       "in_development": "En desarrollo",

+ 1 - 1
src/i18n/locales/pt.json

@@ -518,7 +518,7 @@
       "digit": "Dígito",
       "digit_placeholder": "Dígito",
       "bank_code": "Banco (código)",
-      "bank_code_placeholder": "Código do banco. Ex.: 341",
+      "bank_code_placeholder": "Digite o nome ou código do banco",
       "agency_digit": "Dígito",
       "account_digit": "Dígito",
       "in_development": "Em desenvolvimento",