test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: show make call tooltip in contact page if call is enabled

Browse Source
This commit is contained in:
Shariq Ansari 2024-04-24 16:10:28 +05:30
parent 3cc49cc029
commit 87acb33cb1
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/pages/Contact.vue
View File

@ -71,18 +71,20 @@
> >
· ·
</span> </span>
<Tooltip <component
:is="callEnabled ? Tooltip : 'div'"
:text="__('Make Call')" :text="__('Make Call')"
v-if="contact.data.actual_mobile_no" v-if="contact.data.actual_mobile_no"
> >
<div <div
class="flex cursor-pointer items-center gap-1.5" class="flex items-center gap-1.5"
@click="makeCall(contact.data.actual_mobile_no)" :class="callEnabled ? 'cursor-pointer' : ''"
@click="callEnabled && makeCall(contact.data.actual_mobile_no)"
> >
<PhoneIcon class="h-4 w-4" /> <PhoneIcon class="h-4 w-4" />
<span class="">{{ contact.data.actual_mobile_no }}</span> <span class="">{{ contact.data.actual_mobile_no }}</span>
</div> </div>
</Tooltip> </component>
<span <span
v-if="contact.data.actual_mobile_no" v-if="contact.data.actual_mobile_no"
class="text-3xl leading-[0] text-gray-600" class="text-3xl leading-[0] text-gray-600"
@ -232,6 +234,7 @@ import { globalStore } from '@/stores/global.js'
import { usersStore } from '@/stores/users.js' import { usersStore } from '@/stores/users.js'
import { organizationsStore } from '@/stores/organizations.js' import { organizationsStore } from '@/stores/organizations.js'
import { statusesStore } from '@/stores/statuses' import { statusesStore } from '@/stores/statuses'
import { callEnabled } from '@/stores/settings'
import { ref, computed, h } from 'vue' import { ref, computed, h } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'