From 6fe6cd79e876a86a40636bfdbc3b885ba64d7730 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 31 Jan 2024 08:41:02 +0100
Subject: [PATCH] refs #5834 feat: add tooltip for iban input

---
 src/pages/Customer/Card/CustomerBillingData.vue | 11 ++++++++++-
 src/pages/Supplier/Card/SupplierAccounts.vue    | 13 +++++++++----
 src/pages/Worker/WorkerCreate.vue               | 10 +++++++++-
 3 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerBillingData.vue b/src/pages/Customer/Card/CustomerBillingData.vue
index 1543eac7a..195783824 100644
--- a/src/pages/Customer/Card/CustomerBillingData.vue
+++ b/src/pages/Customer/Card/CustomerBillingData.vue
@@ -70,7 +70,16 @@ const getBankEntities = () => {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnInput :label="t('IBAN')" v-model="data.iban" />
+                    <QIcon name="info" class="cursor-info">
+                        <QTooltip> asd</QTooltip>
+                    </QIcon>
+                    <VnInput :label="t('IBAN')" v-model="data.iban">
+                        <template #append>
+                            <QIcon name="info" class="cursor-info">
+                                <QTooltip>{{ t('components.iban_tooltip') }}</QTooltip>
+                            </QIcon>
+                        </template></VnInput
+                    >
                 </div>
                 <div class="col">
                     <VnSelectCreate
diff --git a/src/pages/Supplier/Card/SupplierAccounts.vue b/src/pages/Supplier/Card/SupplierAccounts.vue
index 30edfb2fd..eec958e00 100644
--- a/src/pages/Supplier/Card/SupplierAccounts.vue
+++ b/src/pages/Supplier/Card/SupplierAccounts.vue
@@ -99,10 +99,15 @@ onMounted(() => {
                     class="row q-gutter-md q-mb-md"
                 >
                     <div class="col">
-                        <VnInput
-                            :label="t('supplier.accounts.iban')"
-                            v-model="row.iban"
-                        />
+                        <VnInput :label="t('supplier.accounts.iban')" v-model="row.iban">
+                            <template #append>
+                                <QIcon name="info" class="cursor-info">
+                                    <QTooltip>{{
+                                        t('components.iban_tooltip')
+                                    }}</QTooltip>
+                                </QIcon>
+                            </template></VnInput
+                        >
                     </div>
                     <div class="col">
                         <VnSelectCreate
diff --git a/src/pages/Worker/WorkerCreate.vue b/src/pages/Worker/WorkerCreate.vue
index 3ded85584..34fc26445 100644
--- a/src/pages/Worker/WorkerCreate.vue
+++ b/src/pages/Worker/WorkerCreate.vue
@@ -248,7 +248,15 @@ onMounted(async () => {
                             v-model="data.iban"
                             :label="t('worker.create.iban')"
                             :rules="validate('Worker.iban')"
-                        />
+                        >
+                            <template #append>
+                                <QIcon name="info" class="cursor-info">
+                                    <QTooltip>{{
+                                        t('components.iban_tooltip')
+                                    }}</QTooltip>
+                                </QIcon>
+                            </template>
+                        </VnInput>
                     </div>
                     <VnSelectCreate
                         :label="t('worker.create.bankEntity')"