fix: removed CallLog page
This commit is contained in:
Shariq Ansari
parent
0114ffced2
commit
9bd5e21b1b
@ -77,60 +77,6 @@ class CRMCallLog(Document):
|
|||||||
]
|
]
|
||||||
return {'columns': columns, 'rows': rows}
|
return {'columns': columns, 'rows': rows}
|
||||||
|
|
||||||
@frappe.whitelist()
|
|
||||||
def get_call_log(name):
|
|
||||||
doc = frappe.get_doc("CRM Call Log", name)
|
|
||||||
doc = doc.as_dict()
|
|
||||||
if doc.reference_docname and doc.reference_doctype == "CRM Lead":
|
|
||||||
doc.lead = doc.reference_docname
|
|
||||||
doc.lead_name = frappe.db.get_value("CRM Lead", doc.reference_docname, "lead_name")
|
|
||||||
if doc.note:
|
|
||||||
note = frappe.db.get_values("FCRM Note", doc.note, ["title", "content"])[0]
|
|
||||||
doc.note_doc = {
|
|
||||||
"name": doc.note,
|
|
||||||
"title": note[0],
|
|
||||||
"content": note[1]
|
|
||||||
}
|
|
||||||
|
|
||||||
def get_contact(number):
|
|
||||||
c = frappe.db.get_value("Contact", {"mobile_no": number}, ["full_name", "image"], as_dict=True)
|
|
||||||
if c:
|
|
||||||
return [c.full_name, c.image]
|
|
||||||
return [None, None]
|
|
||||||
|
|
||||||
def get_lead_contact(number):
|
|
||||||
l = frappe.db.get_value("CRM Lead", {"mobile_no": number, "converted": 0}, ["lead_name", "image"], as_dict=True)
|
|
||||||
if l:
|
|
||||||
return [l.lead_name, l.image]
|
|
||||||
return [None, None]
|
|
||||||
|
|
||||||
def get_user(user):
|
|
||||||
u = frappe.db.get_value("User", user, ["full_name", "user_image"], as_dict=True)
|
|
||||||
if u:
|
|
||||||
return [u.full_name, u.user_image]
|
|
||||||
return [None, None]
|
|
||||||
|
|
||||||
if doc.type == "Incoming":
|
|
||||||
doc.caller = {
|
|
||||||
"label": get_contact(doc.get("from"))[0] or get_lead_contact(doc.get("from"))[0] or "Unknown",
|
|
||||||
"image": get_contact(doc.get("from"))[1] or get_lead_contact(doc.get("from"))[1]
|
|
||||||
}
|
|
||||||
doc.receiver = {
|
|
||||||
"label": get_user(doc.get("receiver"))[0],
|
|
||||||
"image": get_user(doc.get("receiver"))[1]
|
|
||||||
}
|
|
||||||
else:
|
|
||||||
doc.caller = {
|
|
||||||
"label": get_user(doc.get("caller"))[0],
|
|
||||||
"image": get_user(doc.get("caller"))[1]
|
|
||||||
}
|
|
||||||
doc.receiver = {
|
|
||||||
"label": get_contact(doc.get("to"))[0] or get_lead_contact(doc.get("to"))[0] or "Unknown",
|
|
||||||
"image": get_contact(doc.get("to"))[1] or get_lead_contact(doc.get("to"))[1]
|
|
||||||
}
|
|
||||||
|
|
||||||
return doc
|
|
||||||
|
|
||||||
@frappe.whitelist()
|
@frappe.whitelist()
|
||||||
def create_lead_from_call_log(call_log):
|
def create_lead_from_call_log(call_log):
|
||||||
lead = frappe.new_doc("CRM Lead")
|
lead = frappe.new_doc("CRM Lead")
|
||||||
|
|||||||
@ -1,258 +0,0 @@
|
|||||||
<template>
|
|
||||||
<LayoutHeader v-if="callLog.data">
|
|
||||||
<template #left-header>
|
|
||||||
<Breadcrumbs :items="breadcrumbs" />
|
|
||||||
</template>
|
|
||||||
<template #right-header>
|
|
||||||
<Button
|
|
||||||
v-if="callLog.data.type == 'Incoming' && !callLog.data.lead"
|
|
||||||
variant="solid"
|
|
||||||
:label="__('Create lead')"
|
|
||||||
@click="createLead"
|
|
||||||
>
|
|
||||||
<template #prefix><FeatherIcon name="plus" class="h-4" /></template>
|
|
||||||
</Button>
|
|
||||||
</template>
|
|
||||||
</LayoutHeader>
|
|
||||||
<div v-if="callLog.data" class="max-w-lg p-6">
|
|
||||||
<div class="pb-3 text-base font-medium">{{ __('Call details') }}</div>
|
|
||||||
<div class="mb-3 flex flex-col gap-4 rounded-lg border p-4 shadow-sm">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div class="flex items-center gap-2">
|
|
||||||
<FeatherIcon
|
|
||||||
:name="
|
|
||||||
callLog.data.type == 'Incoming'
|
|
||||||
? 'phone-incoming'
|
|
||||||
: 'phone-outgoing'
|
|
||||||
"
|
|
||||||
class="h-4 w-4 text-gray-600"
|
|
||||||
/>
|
|
||||||
<div class="font-medium">
|
|
||||||
{{
|
|
||||||
callLog.data.type == 'Incoming'
|
|
||||||
? __('Inbound Call')
|
|
||||||
: __('Outbound Call')
|
|
||||||
}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<Badge
|
|
||||||
:variant="'subtle'"
|
|
||||||
:theme="statusColorMap[callLog.data.status]"
|
|
||||||
size="md"
|
|
||||||
:label="__(statusLabelMap[callLog.data.status])"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div class="flex items-center gap-1">
|
|
||||||
<Avatar
|
|
||||||
:image="callLog.data.caller.image"
|
|
||||||
:label="callLog.data.caller.label"
|
|
||||||
size="xl"
|
|
||||||
/>
|
|
||||||
<div class="ml-1 flex flex-col gap-1">
|
|
||||||
<div class="text-base font-medium">
|
|
||||||
{{ __(callLog.data.caller.label) }}
|
|
||||||
</div>
|
|
||||||
<div class="text-xs text-gray-600">
|
|
||||||
{{ callLog.data.from }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<FeatherIcon name="arrow-right" class="mx-2 h-5 w-5 text-gray-600" />
|
|
||||||
<Avatar
|
|
||||||
:image="callLog.data.receiver.image"
|
|
||||||
:label="callLog.data.receiver.label"
|
|
||||||
size="xl"
|
|
||||||
/>
|
|
||||||
<div class="ml-1 flex flex-col gap-1">
|
|
||||||
<div class="text-base font-medium">
|
|
||||||
{{ __(callLog.data.receiver.label) }}
|
|
||||||
</div>
|
|
||||||
<div class="text-xs text-gray-600">
|
|
||||||
{{ callLog.data.to }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div class="flex items-center gap-1">
|
|
||||||
<DurationIcon class="h-4 w-4 text-gray-600" />
|
|
||||||
<div class="text-sm text-gray-600">{{ __('Duration') }}</div>
|
|
||||||
<div class="text-sm">{{ callLog.data.duration }}</div>
|
|
||||||
</div>
|
|
||||||
<Tooltip :text="dateFormat(callLog.data.creation, dateTooltipFormat)">
|
|
||||||
<div class="text-sm text-gray-600">
|
|
||||||
{{ __(timeAgo(callLog.data.creation)) }}
|
|
||||||
</div>
|
|
||||||
</Tooltip>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="callLog.data.recording_url" class="mt-6">
|
|
||||||
<div class="mb-3 text-base font-medium">{{ __('Call recording') }}</div>
|
|
||||||
<div class="flex items-center justify-between rounded border shadow-sm">
|
|
||||||
<audio
|
|
||||||
class="audio-control"
|
|
||||||
controls
|
|
||||||
:src="callLog.data.recording_url"
|
|
||||||
></audio>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="callLog.data.note" class="mt-6">
|
|
||||||
<div class="mb-3 text-base font-medium">{{ __('Call note') }}</div>
|
|
||||||
<div
|
|
||||||
class="flex h-56 cursor-pointer flex-col gap-3 rounded border p-4 shadow-sm"
|
|
||||||
@click="showNoteModal = true"
|
|
||||||
>
|
|
||||||
<div class="truncate text-lg font-medium">
|
|
||||||
{{ callLog.data.note_doc.title }}
|
|
||||||
</div>
|
|
||||||
<TextEditor
|
|
||||||
v-if="callLog.data.note_doc.content"
|
|
||||||
:content="callLog.data.note_doc.content"
|
|
||||||
:editable="false"
|
|
||||||
editor-class="!prose-sm max-w-none !text-sm text-gray-600 focus:outline-none"
|
|
||||||
class="flex-1 overflow-hidden"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="callLog.data.lead" class="mt-6">
|
|
||||||
<div class="mb-3 text-base font-medium">{{ __('Lead') }}</div>
|
|
||||||
|
|
||||||
<Button
|
|
||||||
variant="outline"
|
|
||||||
:route="{ name: 'Lead', params: { leadId: callLog.data.lead } }"
|
|
||||||
:label="callLog.data.lead_name"
|
|
||||||
class="p-4"
|
|
||||||
>
|
|
||||||
<template #prefix><Avatar :label="callLog.data.lead_name" /></template>
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<NoteModal
|
|
||||||
v-model="showNoteModal"
|
|
||||||
:note="callLog.data?.note_doc"
|
|
||||||
@after="updateNote"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import LayoutHeader from '@/components/LayoutHeader.vue'
|
|
||||||
import DurationIcon from '@/components/Icons/DurationIcon.vue'
|
|
||||||
import NoteModal from '@/components/Modals/NoteModal.vue'
|
|
||||||
import {
|
|
||||||
dateFormat,
|
|
||||||
timeAgo,
|
|
||||||
dateTooltipFormat,
|
|
||||||
secondsToDuration,
|
|
||||||
} from '@/utils'
|
|
||||||
import {
|
|
||||||
TextEditor,
|
|
||||||
Avatar,
|
|
||||||
call,
|
|
||||||
Tooltip,
|
|
||||||
createResource,
|
|
||||||
Breadcrumbs,
|
|
||||||
} from 'frappe-ui'
|
|
||||||
import { computed, ref } from 'vue'
|
|
||||||
import { useRouter } from 'vue-router'
|
|
||||||
|
|
||||||
const router = useRouter()
|
|
||||||
|
|
||||||
const props = defineProps({
|
|
||||||
callLogId: {
|
|
||||||
type: String,
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
|
|
||||||
const showNoteModal = ref(false)
|
|
||||||
|
|
||||||
const callLog = createResource({
|
|
||||||
url: 'crm.fcrm.doctype.crm_call_log.crm_call_log.get_call_log',
|
|
||||||
auto: true,
|
|
||||||
cache: ['callLog', props.callLogId],
|
|
||||||
params: {
|
|
||||||
name: props.callLogId,
|
|
||||||
},
|
|
||||||
transform: (doc) => {
|
|
||||||
doc.duration = secondsToDuration(doc.duration)
|
|
||||||
return doc
|
|
||||||
},
|
|
||||||
})
|
|
||||||
|
|
||||||
async function updateNote(_note) {
|
|
||||||
if (_note.title || _note.content) {
|
|
||||||
let d = await call('frappe.client.set_value', {
|
|
||||||
doctype: 'FCRM Note',
|
|
||||||
name: callLog.data?.note,
|
|
||||||
fieldname: _note,
|
|
||||||
})
|
|
||||||
if (d.name) {
|
|
||||||
callLog.reload()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function createLead() {
|
|
||||||
call('crm.fcrm.doctype.crm_call_log.crm_call_log.create_lead_from_call_log', {
|
|
||||||
call_log: callLog.data,
|
|
||||||
}).then((d) => {
|
|
||||||
if (d) {
|
|
||||||
callLog.reload()
|
|
||||||
router.push({ name: 'Lead', params: { leadId: d } })
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const breadcrumbs = computed(() => {
|
|
||||||
let items = [{ label: __('Call Logs'), route: { name: 'Call Logs' } }]
|
|
||||||
items.push({
|
|
||||||
label: callLog.data?.caller.label,
|
|
||||||
route: { name: 'Call Log', params: { callLogId: props.callLogId } },
|
|
||||||
})
|
|
||||||
return items
|
|
||||||
})
|
|
||||||
|
|
||||||
const statusLabelMap = {
|
|
||||||
Completed: 'Completed',
|
|
||||||
Initiated: 'Initiated',
|
|
||||||
Busy: 'Declined',
|
|
||||||
Failed: 'Failed',
|
|
||||||
Queued: 'Queued',
|
|
||||||
Cancelled: 'Cancelled',
|
|
||||||
Ringing: 'Ringing',
|
|
||||||
'No Answer': 'Missed Call',
|
|
||||||
'In Progress': 'In Progress',
|
|
||||||
}
|
|
||||||
|
|
||||||
const statusColorMap = {
|
|
||||||
Completed: 'green',
|
|
||||||
Busy: 'orange',
|
|
||||||
Failed: 'red',
|
|
||||||
Initiated: 'gray',
|
|
||||||
Queued: 'gray',
|
|
||||||
Cancelled: 'gray',
|
|
||||||
Ringing: 'gray',
|
|
||||||
'No Answer': 'red',
|
|
||||||
'In Progress': 'blue',
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.audio-control {
|
|
||||||
width: 100%;
|
|
||||||
height: 40px;
|
|
||||||
outline: none;
|
|
||||||
border: none;
|
|
||||||
background: none;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.audio-control::-webkit-media-controls-panel {
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -72,12 +72,6 @@ const routes = [
|
|||||||
component: () => import('@/pages/CallLogs.vue'),
|
component: () => import('@/pages/CallLogs.vue'),
|
||||||
meta: { scrollPos: { top: 0, left: 0 } },
|
meta: { scrollPos: { top: 0, left: 0 } },
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/call-logs/:callLogId',
|
|
||||||
name: 'Call Log',
|
|
||||||
component: () => import('@/pages/CallLog.vue'),
|
|
||||||
props: true,
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: '/email-templates',
|
path: '/email-templates',
|
||||||
name: 'Email Templates',
|
name: 'Email Templates',
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user