refs #5834 feat: add tooltip for iban input

This commit is contained in:
Javier Segarra 2024-01-31 08:41:02 +01:00
parent fac4e0f9ca
commit 6fe6cd79e8
3 changed files with 28 additions and 6 deletions

View File

@ -70,7 +70,16 @@ const getBankEntities = () => {
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<div class="col"> <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>
<div class="col"> <div class="col">
<VnSelectCreate <VnSelectCreate

View File

@ -99,10 +99,15 @@ onMounted(() => {
class="row q-gutter-md q-mb-md" class="row q-gutter-md q-mb-md"
> >
<div class="col"> <div class="col">
<VnInput <VnInput :label="t('supplier.accounts.iban')" v-model="row.iban">
:label="t('supplier.accounts.iban')" <template #append>
v-model="row.iban" <QIcon name="info" class="cursor-info">
/> <QTooltip>{{
t('components.iban_tooltip')
}}</QTooltip>
</QIcon>
</template></VnInput
>
</div> </div>
<div class="col"> <div class="col">
<VnSelectCreate <VnSelectCreate

View File

@ -248,7 +248,15 @@ onMounted(async () => {
v-model="data.iban" v-model="data.iban"
:label="t('worker.create.iban')" :label="t('worker.create.iban')"
:rules="validate('Worker.iban')" :rules="validate('Worker.iban')"
/> >
<template #append>
<QIcon name="info" class="cursor-info">
<QTooltip>{{
t('components.iban_tooltip')
}}</QTooltip>
</QIcon>
</template>
</VnInput>
</div> </div>
<VnSelectCreate <VnSelectCreate
:label="t('worker.create.bankEntity')" :label="t('worker.create.bankEntity')"