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

Merge pull request #55 from shariquerik/call-ui-fix

Browse Source 
fix: Call UI fixes
This commit is contained in:
Shariq Ansari 2024-01-13 13:55:10 +05:30 committed by GitHub
commit 4718843c4c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
21 changed files with 271 additions and 108 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
crm/api/session.py
View File

@ -60,6 +60,27 @@ def get_contacts():
return contacts
@frappe.whitelist()
def get_lead_contacts():
if frappe.session.user == "Guest":
frappe.throw("Authentication failed", exc=frappe.AuthenticationError)
lead_contacts = frappe.get_all(
"CRM Lead",
fields=[
"name",
"lead_name",
"mobile_no",
"phone",
"image",
"modified"
],
order_by="lead_name asc",
distinct=True,
)
return lead_contacts
@frappe.whitelist()
def get_organizations():
if frappe.session.user == "Guest":

5
crm/fcrm/doctype/crm_deal/crm_deal.json
View File

@ -51,8 +51,7 @@
"fieldname": "organization",
"fieldtype": "Link",
"label": "Organization",
"options": "CRM Organization",
"reqd": 1
"options": "CRM Organization"
},
{
"fieldname": "probability",
@ -270,7 +269,7 @@
],
"index_web_pages_for_search": 1,
"links": [],
"modified": "2024-01-06 18:45:26.263974",
"modified": "2024-01-13 11:50:37.361190",
"modified_by": "Administrator",
"module": "FCRM",
"name": "CRM Deal",

45
crm/twilio/api.py
View File

@ -4,6 +4,7 @@ import json
import frappe
from frappe import _
from .twilio_handler import Twilio, IncomingCall, TwilioCallDetails
from .utils import parse_mobile_no
@frappe.whitelist()
def is_enabled():
@ -69,7 +70,7 @@ def create_call_log(call_details: TwilioCallDetails):
'doctype': 'CRM Call Log',
'medium': 'Twilio'
})
call_log.reference_docname, call_log.reference_doctype = get_lead_or_deal_from_number(call_log)
call_log.flags.ignore_permissions = True
call_log.save()
frappe.db.commit()
@ -82,11 +83,10 @@ def update_call_log(call_sid, status=None):
call_details = twilio.get_call_info(call_sid)
call_log = frappe.get_doc("CRM Call Log", call_sid)
call_log.status = status or TwilioCallDetails.get_call_status(call_details.status)
call_log.status = TwilioCallDetails.get_call_status(status or call_details.status)
call_log.duration = call_details.duration
call_log.start_time = get_datetime_from_timestamp(call_details.start_time)
call_log.end_time = get_datetime_from_timestamp(call_details.end_time)
call_log.reference_docname, call_log.reference_doctype = get_lead_or_deal_from_number(call_log)
if call_log.note and call_log.reference_docname:
frappe.db.set_value("CRM Note", call_log.note, "reference_doctype", call_log.reference_doctype)
frappe.db.set_value("CRM Note", call_log.note, "reference_docname", call_log.reference_docname)
@ -105,6 +105,15 @@ def update_recording_info(**kwargs):
except:
frappe.log_error(title=_("Failed to capture Twilio recording"))
@frappe.whitelist(allow_guest=True)
def update_call_status_info(**kwargs):
try:
args = frappe._dict(kwargs)
parent_call_sid = args.ParentCallSid
update_call_log(parent_call_sid, status=args.CallStatus)
except:
frappe.log_error(title=_("Failed to update Twilio call status"))
@frappe.whitelist(allow_guest=True)
def get_call_info(**kwargs):
"""This is a webhook called when the outgoing call status changes.
@ -149,17 +158,25 @@ def add_note_to_call_log(call_sid, note):
def get_lead_or_deal_from_number(call):
"""Get lead/deal from the given number.
"""
def find_record(doctype, mobile_no):
mobile_no = parse_mobile_no(mobile_no)
data = frappe.db.sql(
"""
SELECT name, mobile_no
FROM `tab{doctype}`
WHERE CONCAT('+', REGEXP_REPLACE(mobile_no, '[^0-9]', '')) = {mobile_no}
""".format(doctype=doctype, mobile_no=mobile_no),
as_dict=True
)
return data[0].name if data else None
doctype = "CRM Lead"
doc = None
if call.type == 'Outgoing':
doc = frappe.get_cached_value(doctype, { "mobile_no": call.get('to') })
if not doc:
doctype = "CRM Deal"
doc = frappe.get_cached_value(doctype, { "mobile_no": call.get('to') })
else:
doc = frappe.get_cached_value(doctype, { "mobile_no": call.get('from') })
if not doc:
doctype = "CRM Deal"
doc = frappe.get_cached_value(doctype, { "mobile_no": call.get('from') })
number = call.get('to') if call.type == 'Outgoing' else call.get('from')
doc = find_record(doctype, number) or None
if not doc:
doctype = "CRM Deal"
doc = find_record(doctype, number)
return doc, doctype

23
crm/twilio/twilio_handler.py
View File

@ -72,8 +72,8 @@ class Twilio:
url_path = "/api/method/crm.twilio.api.update_recording_info"
return get_public_url(url_path)
def get_call_status_callback_url(self):
url_path = "/api/method/crm.twilio.api.get_call_info"
def get_update_call_status_callback_url(self):
url_path = "/api/method/crm.twilio.api.update_call_status_info"
return get_public_url(url_path)
def generate_twilio_dial_response(self, from_number: str, to_number: str):
@ -89,15 +89,12 @@ class Twilio:
dial.number(
to_number,
status_callback_event='initiated ringing answered completed',
status_callback=self.get_call_status_callback_url(),
status_callback=self.get_update_call_status_callback_url(),
status_callback_method='POST'
)
resp.append(dial)
return resp
def get_call_info(self, call_sid):
return self.twilio_client.calls(call_sid).fetch()
def generate_twilio_client_response(self, client, ring_tone='at'):
"""Generates voice call instructions to forward the call to agents computer.
"""
@ -108,7 +105,12 @@ class Twilio:
recording_status_callback=self.get_recording_status_callback_url(),
recording_status_callback_event='completed'
)
dial.client(client)
dial.client(
client,
status_callback_event='initiated ringing answered completed',
status_callback=self.get_update_call_status_callback_url(),
status_callback_method='POST'
)
resp.append(dial)
return resp
@ -156,6 +158,9 @@ def get_twilio_number_owners(phone_number):
'owner2': {....}
}
"""
# remove special characters from phone number and get only digits also remove white spaces
# keep + sign in the number at start of the number
phone_number = ''.join([c for c in phone_number if c.isdigit() or c == '+'])
user_voice_settings = frappe.get_all(
'Twilio Agents',
filters={'twilio_number': phone_number},
@ -200,8 +205,8 @@ class TwilioCallDetails:
self.application_sid = call_info.get('ApplicationSid')
self.call_sid = call_info.get('CallSid')
self.call_status = self.get_call_status(call_info.get('CallStatus'))
self._call_from = call_from
self._call_to = call_to
self._call_from = call_from or call_info.get('From')
self._call_to = call_to or call_info.get('To')
def get_direction(self):
if self.call_info.get('Caller').lower().startswith('client'):

9
crm/twilio/utils.py
View File

@ -13,4 +13,11 @@ def merge_dicts(d1: dict, d2: dict):
)
... {'name1': {'age': 20, 'phone': '+xxx'}, 'name2': {'age': 30, 'phone': '+yyy'}}
"""
return {k:{**v, **d2.get(k, {})} for k, v in d1.items()}
return {k:{**v, **d2.get(k, {})} for k, v in d1.items()}
def parse_mobile_no(mobile_no: str):
"""Parse mobile number to remove spaces, brackets, etc.
>>> parse_mobile_no('+91 (766) 667 6666')
... '+917666676666'
"""
return ''.join([c for c in mobile_no if c.isdigit() or c == '+'])

2
frappe-ui

@ -1 +1 @@
Subproject commit f5f5665e944bef20a79ece6ad7223db09984c6a6
Subproject commit d2de676b1e2eb4c5af36d22c006c1f4843c3e19b

2
frontend/package.json
View File

@ -13,7 +13,7 @@
"@vueuse/core": "^10.3.0",
"@vueuse/integrations": "^10.3.0",
"feather-icons": "^4.28.0",
"frappe-ui": "^0.1.22",
"frappe-ui": "^0.1.23",
"mime": "^4.0.1",
"pinia": "^2.0.33",
"socket.io-client": "^4.7.2",

18
frontend/src/components/Activities.vue
View File

@ -709,6 +709,7 @@ import {
startCase,
taskStatusOptions,
} from '@/utils'
import { globalStore } from '@/stores/global'
import { usersStore } from '@/stores/users'
import { contactsStore } from '@/stores/contacts'
import {
@ -724,8 +725,9 @@ import {
import { useElementVisibility } from '@vueuse/core'
import { ref, computed, h, defineModel, markRaw, watch, nextTick } from 'vue'
const { makeCall } = globalStore()
const { getUser } = usersStore()
const { getContact } = contactsStore()
const { getContact, getLeadContact } = contactsStore()
const props = defineProps({
title: {
@ -781,8 +783,11 @@ const calls = createListResource({
doc.duration = secondsToDuration(doc.duration)
if (doc.type === 'Incoming') {
doc.caller = {
label: getContact(doc.from)?.full_name || 'Unknown',
image: getContact(doc.from)?.image,
label:
getContact(doc.from)?.full_name ||
getLeadContact(doc.from)?.full_name ||
'Unknown',
image: getContact(doc.from)?.image || getLeadContact(doc.from)?.image,
}
doc.receiver = {
label: getUser(doc.receiver).full_name,
@ -794,8 +799,11 @@ const calls = createListResource({
image: getUser(doc.caller).user_image,
}
doc.receiver = {
label: getContact(doc.to)?.full_name || 'Unknown',
image: getContact(doc.to)?.image,
label:
getContact(doc.to)?.full_name ||
getLeadContact(doc.to)?.full_name ||
'Unknown',
image: getContact(doc.to)?.image || getLeadContact(doc.to)?.image,
}
}
})

25
frontend/src/components/CallUI.vue
View File

@ -183,11 +183,13 @@ import CountUpTimer from '@/components/CountUpTimer.vue'
import NoteModal from '@/components/Modals/NoteModal.vue'
import { Device } from '@twilio/voice-sdk'
import { useDraggable, useWindowSize } from '@vueuse/core'
import { globalStore } from '@/stores/global'
import { contactsStore } from '@/stores/contacts'
import { Avatar, call } from 'frappe-ui'
import { onMounted, ref, watch, getCurrentInstance } from 'vue'
import { onMounted, ref, watch } from 'vue'
const { getContact } = contactsStore()
const { getContact, getLeadContact } = contactsStore()
const { setMakeCall, setTwilioEnabled } = globalStore()
let device = ''
let log = ref('Connecting...')
@ -197,7 +199,6 @@ const contact = ref({
mobile_no: '',
})
let enabled = ref(false)
let showCallPopup = ref(false)
let showSmallCallWindow = ref(false)
let onCall = ref(false)
@ -308,8 +309,10 @@ function handleIncomingCall(call) {
log.value = `Incoming call from ${call.parameters.From}`
// get name of the caller from the phone number
contact.value = getContact(call.parameters.From)
if (!contact.value) {
contact.value = getLeadContact(call.parameters.From)
}
if (!contact.value) {
contact.value = {
@ -380,6 +383,9 @@ function handleDisconnectedIncomingCall() {
async function makeOutgoingCall(number) {
contact.value = getContact(number)
if (!contact.value) {
contact.value = getLeadContact(number)
}
if (device) {
log.value = `Attempting to call ${contact.value.mobile_no} ...`
@ -475,8 +481,11 @@ function toggleCallWindow() {
}
onMounted(async () => {
enabled.value = await is_twilio_enabled()
enabled.value && startupClient()
let enabled = await is_twilio_enabled()
setTwilioEnabled(enabled)
enabled && startupClient()
setMakeCall(makeOutgoingCall)
})
watch(
@ -486,10 +495,6 @@ watch(
},
{ immediate: true }
)
const app = getCurrentInstance()
app.appContext.config.globalProperties.makeCall = makeOutgoingCall
app.appContext.config.globalProperties.is_twilio_enabled = enabled.value
</script>
<style scoped>

6
frontend/src/components/ColumnSettings.vue
View File

@ -1,10 +1,8 @@
<template>
<NestedPopover>
<template #target>
<Button label="Column Settings">
<template #prefix>
<SettingsIcon class="h-4" />
</template>
<Button>
<SettingsIcon class="h-4" />
</Button>
</template>
<template #body="{ close }">

2
frontend/src/components/ListViews/ContactsListView.vue
View File

@ -1,5 +1,6 @@
<template>
<ListView
:class="$attrs.class"
:columns="columns"
:rows="rows"
:options="{
@ -64,6 +65,7 @@
<ListSelectBanner />
</ListView>
<ListFooter
v-if="pageLengthCount"
class="border-t px-5 py-2"
v-model="pageLengthCount"
:options="{

2
frontend/src/components/ListViews/DealsListView.vue
View File

@ -1,5 +1,6 @@
<template>
<ListView
:class="$attrs.class"
:columns="columns"
:rows="rows"
:options="{
@ -87,6 +88,7 @@
<ListSelectBanner />
</ListView>
<ListFooter
v-if="pageLengthCount"
class="border-t px-5 py-2"
v-model="pageLengthCount"
:options="{

2
frontend/src/components/ListViews/LeadsListView.vue
View File

@ -1,5 +1,6 @@
<template>
<ListView
:class="$attrs.class"
:columns="columns"
:rows="rows"
:options="{
@ -96,6 +97,7 @@
<ListSelectBanner />
</ListView>
<ListFooter
v-if="pageLengthCount"
class="border-t px-5 py-2"
v-model="pageLengthCount"
:options="{

36
frontend/src/pages/CallLog.vue
View File

@ -35,9 +35,9 @@
<div>
<Badge
:variant="'subtle'"
:theme="callLog.data.status === 'Completed' ? 'green' : 'gray'"
:theme="statusColorMap[callLog.data.status]"
size="md"
:label="callLog.data.status"
:label="statusLabelMap[callLog.data.status]"
/>
</div>
</div>
@ -164,7 +164,7 @@ import { useRouter } from 'vue-router'
const router = useRouter()
const { getUser } = usersStore()
const { contacts, getContact } = contactsStore()
const { contacts, getContact, getLeadContact } = contactsStore()
const props = defineProps({
callLogId: {
@ -186,8 +186,11 @@ const callLog = createResource({
doc.duration = secondsToDuration(doc.duration)
if (doc.type === 'Incoming') {
doc.caller = {
label: getContact(doc.from)?.full_name || 'Unknown',
image: getContact(doc.from)?.image,
label:
getContact(doc.from)?.full_name ||
getLeadContact(doc.from)?.full_name ||
'Unknown',
image: getContact(doc.from)?.image || getLeadContact(doc.from)?.image,
}
doc.receiver = {
label: getUser(doc.receiver).full_name,
@ -199,8 +202,11 @@ const callLog = createResource({
image: getUser(doc.caller).user_image,
}
doc.receiver = {
label: getContact(doc.to)?.full_name || 'Unknown',
image: getContact(doc.to)?.image,
label:
getContact(doc.to)?.full_name ||
getLeadContact(doc.to)?.full_name ||
'Unknown',
image: getContact(doc.to)?.image || getLeadContact(doc.to)?.image,
}
}
return doc
@ -239,6 +245,22 @@ const breadcrumbs = computed(() => [
route: { name: 'Call Log', params: { callLogId: props.callLogId } },
},
])
const statusLabelMap = {
Completed: 'Completed',
Busy: 'Declined',
Ringing: 'Ringing',
'No Answer': 'Missed Call',
'In Progress': 'In Progress',
}
const statusColorMap = {
Completed: 'green',
Busy: 'orange',
Ringing: 'gray',
'No Answer': 'red',
'In Progress': 'blue',
}
</script>
<style scoped>

42
frontend/src/pages/CallLogs.vue
View File

@ -4,7 +4,11 @@
<Breadcrumbs :items="breadcrumbs" />
</template>
</LayoutHeader>
<ViewControls v-model="callLogs" v-model:loadMore="loadMore" doctype="CRM Call Log" />
<ViewControls
v-model="callLogs"
v-model:loadMore="loadMore"
doctype="CRM Call Log"
/>
<CallLogsListView
v-if="callLogs.data && rows.length"
v-model="callLogs.data.page_length_count"
@ -46,7 +50,7 @@ import { Breadcrumbs } from 'frappe-ui'
import { computed, ref } from 'vue'
const { getUser } = usersStore()
const { getContact } = contactsStore()
const { getContact, getLeadContact } = contactsStore()
const breadcrumbs = [{ label: 'Call Logs', route: { name: 'Call Logs' } }]
@ -66,20 +70,26 @@ const rows = computed(() => {
if (row === 'caller') {
_rows[row] = {
label: incoming
? getContact(callLog.from)?.full_name || 'Unknown'
? getContact(callLog.from)?.full_name ||
getLeadContact(callLog.from)?.full_name ||
'Unknown'
: getUser(callLog.caller).full_name,
image: incoming
? getContact(callLog.from)?.image
? getContact(callLog.from)?.image ||
getLeadContact(callLog.from)?.image
: getUser(callLog.caller).user_image,
}
} else if (row === 'receiver') {
_rows[row] = {
label: incoming
? getUser(callLog.receiver).full_name
: getContact(callLog.to)?.full_name || 'Unknown',
: getContact(callLog.to)?.full_name ||
getLeadContact(callLog.to)?.full_name ||
'Unknown',
image: incoming
? getUser(callLog.receiver).user_image
: getContact(callLog.to)?.image,
: getContact(callLog.to)?.image ||
getLeadContact(callLog.to)?.image,
}
} else if (row === 'duration') {
_rows[row] = {
@ -93,8 +103,8 @@ const rows = computed(() => {
}
} else if (row === 'status') {
_rows[row] = {
label: callLog.status,
color: callLog.status === 'Completed' ? 'green' : 'gray',
label: statusLabelMap[callLog.status],
color: statusColorMap[callLog.status],
}
} else if (['modified', 'creation'].includes(row)) {
_rows[row] = {
@ -106,4 +116,20 @@ const rows = computed(() => {
return _rows
})
})
const statusLabelMap = {
Completed: 'Completed',
Busy: 'Declined',
Ringing: 'Ringing',
'No Answer': 'Missed Call',
'In Progress': 'In Progress',
}
const statusColorMap = {
Completed: 'green',
Busy: 'orange',
Ringing: 'gray',
'No Answer': 'red',
'In Progress': 'blue',
}
</script>

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

@ -70,14 +70,14 @@
>
&middot;
</span>
<Tooltip
text="Make Call"
v-if="contact.mobile_no"
class="flex cursor-pointer items-center gap-1.5"
@click="makeCall(contact.mobile_no)"
>
<PhoneIcon class="h-4 w-4" />
<span class="">{{ contact.mobile_no }}</span>
<Tooltip text="Make Call" v-if="contact.mobile_no">
<div
class="flex cursor-pointer items-center gap-1.5"
@click="makeCall(contact.mobile_no)"
>
<PhoneIcon class="h-4 w-4" />
<span class="">{{ contact.mobile_no }}</span>
</div>
</Tooltip>
<span
v-if="contact.mobile_no"
@ -153,7 +153,7 @@
<Tabs class="overflow-hidden" v-model="tabIndex" :tabs="tabs">
<template #tab="{ tab, selected }">
<button
class="group -mb-px flex items-center gap-2 border-b border-transparent py-2.5 text-base text-gray-600 duration-300 ease-in-out hover:border-gray-400 hover:text-gray-900"
class="group flex items-center gap-2 border-b border-transparent py-2.5 text-base text-gray-600 duration-300 ease-in-out hover:border-gray-400 hover:text-gray-900"
:class="{ 'text-gray-900': selected }"
>
<component v-if="tab.icon" :is="tab.icon" class="h-5" />
@ -171,8 +171,8 @@
</template>
<template #default="{ tab }">
<DealsListView
class="mt-4"
v-if="tab.label === 'Deals' && rows.length"
class="mt-4"
:rows="rows"
:columns="columns"
:options="{ selectable: false }"
@ -229,7 +229,7 @@ import { statusesStore } from '@/stores/statuses'
import { ref, computed, h } from 'vue'
import { useRouter } from 'vue-router'
const { $dialog } = globalStore()
const { $dialog, makeCall } = globalStore()
const { getContactByName, contacts } = contactsStore()
const { getUser } = usersStore()

2
frontend/src/pages/Deal.vue
View File

@ -310,7 +310,7 @@ import {
import { ref, computed, h } from 'vue'
import { useRouter } from 'vue-router'
const { $dialog } = globalStore()
const { $dialog, makeCall } = globalStore()
const { getContactByName, contacts } = contactsStore()
const { organizations, getOrganization } = organizationsStore()
const { statusOptions, getDealStatus } = statusesStore()

2
frontend/src/pages/Lead.vue
View File

@ -275,7 +275,7 @@ import {
import { ref, computed } from 'vue'
import { useRouter } from 'vue-router'
const { $dialog } = globalStore()
const { $dialog, makeCall } = globalStore()
const { getContactByName, contacts } = contactsStore()
const { organizations } = organizationsStore()
const { statusOptions, getLeadStatus } = statusesStore()

60
frontend/src/pages/Organization.vue
View File

@ -172,7 +172,7 @@
<Tabs v-model="tabIndex" :tabs="tabs">
<template #tab="{ tab, selected }">
<button
class="group -mb-px flex items-center gap-2 border-b border-transparent py-2.5 text-base text-gray-600 duration-300 ease-in-out hover:border-gray-400 hover:text-gray-900"
class="group flex items-center gap-2 border-b border-transparent py-2.5 text-base text-gray-600 duration-300 ease-in-out hover:border-gray-400 hover:text-gray-900"
:class="{ 'text-gray-900': selected }"
>
<component v-if="tab.icon" :is="tab.icon" class="h-5" />
@ -189,36 +189,34 @@
</button>
</template>
<template #default="{ tab }">
<div class="flex h-full">
<LeadsListView
class="mt-4"
v-if="tab.label === 'Leads' && rows.length"
:rows="rows"
:columns="columns"
:options="{ selectable: false }"
/>
<DealsListView
class="mt-4"
v-if="tab.label === 'Deals' && rows.length"
:rows="rows"
:columns="columns"
:options="{ selectable: false }"
/>
<ContactsListView
class="mt-4"
v-if="tab.label === 'Contacts' && rows.length"
:rows="rows"
:columns="columns"
:options="{ selectable: false }"
/>
<div
v-if="!rows.length"
class="grid flex-1 place-items-center text-xl font-medium text-gray-500"
>
<div class="flex flex-col items-center justify-center space-y-3">
<component :is="tab.icon" class="!h-10 !w-10" />
<div>No {{ tab.label }} Found</div>
</div>
<LeadsListView
class="mt-4"
v-if="tab.label === 'Leads' && rows.length"
:rows="rows"
:columns="columns"
:options="{ selectable: false }"
/>
<DealsListView
class="mt-4"
v-if="tab.label === 'Deals' && rows.length"
:rows="rows"
:columns="columns"
:options="{ selectable: false }"
/>
<ContactsListView
class="mt-4"
v-if="tab.label === 'Contacts' && rows.length"
:rows="rows"
:columns="columns"
:options="{ selectable: false }"
/>
<div
v-if="!rows.length"
class="grid flex-1 place-items-center text-xl font-medium text-gray-500"
>
<div class="flex flex-col items-center justify-center space-y-3">
<component :is="tab.icon" class="!h-10 !w-10" />
<div>No {{ tab.label }} Found</div>
</div>
</div>
</template>

32
frontend/src/stores/contacts.js
View File

@ -5,6 +5,7 @@ import { reactive } from 'vue'
export const contactsStore = defineStore('crm-contacts', () => {
let contactsByPhone = reactive({})
let contactsByName = reactive({})
let leadContactsByPhone = reactive({})
const contacts = createResource({
url: 'crm.api.session.get_contacts',
@ -13,6 +14,9 @@ export const contactsStore = defineStore('crm-contacts', () => {
auto: true,
transform(contacts) {
for (let contact of contacts) {
// remove special characters from phone number to make it easier to search
// also remove spaces but keep + sign at the start
contact.mobile_no = contact.mobile_no.replace(/[^0-9+]/g, '')
contactsByPhone[contact.mobile_no] = contact
contactsByName[contact.name] = contact
}
@ -25,16 +29,44 @@ export const contactsStore = defineStore('crm-contacts', () => {
},
})
const leadContacts = createResource({
url: 'crm.api.session.get_lead_contacts',
cache: 'lead_contacts',
initialData: [],
auto: true,
transform(lead_contacts) {
for (let lead_contact of lead_contacts) {
// remove special characters from phone number to make it easier to search
// also remove spaces but keep + sign at the start
lead_contact.mobile_no = lead_contact.mobile_no.replace(/[^0-9+]/g, '')
lead_contact.full_name = lead_contact.lead_name
leadContactsByPhone[lead_contact.mobile_no] = lead_contact
}
return lead_contacts
},
onError(error) {
if (error && error.exc_type === 'AuthenticationError') {
router.push('/login')
}
},
})
function getContact(mobile_no) {
mobile_no = mobile_no.replace(/[^0-9+]/g, '')
return contactsByPhone[mobile_no]
}
function getContactByName(name) {
return contactsByName[name]
}
function getLeadContact(mobile_no) {
mobile_no = mobile_no.replace(/[^0-9+]/g, '')
return leadContactsByPhone[mobile_no]
}
return {
contacts,
getContact,
getContactByName,
getLeadContact,
}
})

21
frontend/src/stores/global.js
View File

@ -1,11 +1,30 @@
import { defineStore } from 'pinia'
import { getCurrentInstance } from 'vue'
import { getCurrentInstance, ref } from 'vue'
export const globalStore = defineStore('crm-global', () => {
const app = getCurrentInstance()
const { $dialog } = app.appContext.config.globalProperties
let twilioEnabled = ref(false)
let callMethod = () => {}
function setTwilioEnabled(value) {
twilioEnabled.value = value
}
function setMakeCall(value) {
callMethod = value
}
function makeCall(number) {
callMethod(number)
}
return {
$dialog,
twilioEnabled,
makeCall,
setTwilioEnabled,
setMakeCall,
}
})