fix: added tooltip on read_only field
This commit is contained in:
parent
97edbf6ca0
commit
ac77355804
@ -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',
|
||||||
|
|||||||
@ -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',
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user