fix: added tooltip on read_only field

This commit is contained in:
Shariq Ansari 2023-11-06 17:55:14 +05:30
parent 97edbf6ca0
commit ac77355804
2 changed files with 13 additions and 5 deletions

View File

@ -254,12 +254,12 @@
:debounce="500" :debounce="500"
class="form-control" class="form-control"
/> />
<div <Tooltip :text="field.tooltip"
class="flex h-7 cursor-pointer items-center px-2 py-1" class="flex h-7 cursor-pointer items-center px-2 py-1"
v-else-if="field.type === 'read_only'" v-else-if="field.type === 'read_only'"
> >
{{ field.value }} {{ field.value }}
</div> </Tooltip>
<FormControl <FormControl
v-else v-else
type="text" type="text"
@ -435,6 +435,7 @@ const detailSections = computed(() => {
type: 'read_only', type: 'read_only',
name: 'website', name: 'website',
value: organization.value?.website, value: organization.value?.website,
tooltip: 'It is a read only field, value is fetched from organization',
}, },
{ {
label: 'Amount', label: 'Amount',

View File

@ -264,12 +264,13 @@
</Button> </Button>
</template> </template>
</Dropdown> </Dropdown>
<div <Tooltip
:text="field.tooltip"
class="flex h-7 cursor-pointer items-center px-2 py-1" class="flex h-7 cursor-pointer items-center px-2 py-1"
v-else-if="field.type === 'read_only'" v-else-if="field.type === 'read_only'"
> >
{{ field.value }} {{ field.value }}
</div> </Tooltip>
<FormControl <FormControl
v-else v-else
type="text" type="text"
@ -282,7 +283,11 @@
/> />
</div> </div>
<ExternalLinkIcon <ExternalLinkIcon
v-if="field.type === 'link' && field.link && lead.data[field.name]" v-if="
field.type === 'link' &&
field.link &&
lead.data[field.name]
"
class="h-4 w-4 shrink-0 cursor-pointer text-gray-600" class="h-4 w-4 shrink-0 cursor-pointer text-gray-600"
@click="field.link(lead.data[field.name])" @click="field.link(lead.data[field.name])"
/> />
@ -463,6 +468,8 @@ const detailSections = computed(() => {
type: 'read_only', type: 'read_only',
name: 'website', name: 'website',
value: organization.value?.website, value: organization.value?.website,
tooltip:
'It is a read only field, value is fetched from organization',
}, },
{ {
label: 'Job title', label: 'Job title',