From 9bd5e21b1bfc93e7b6af5a5808e4a36cc329e4f1 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Sat, 4 May 2024 16:36:03 +0530
Subject: [PATCH] fix: removed CallLog page

---
 crm/fcrm/doctype/crm_call_log/crm_call_log.py |  54 ----
 frontend/src/pages/CallLog.vue                | 258 ------------------
 frontend/src/router.js                        |   6 -
 3 files changed, 318 deletions(-)
 delete mode 100644 frontend/src/pages/CallLog.vue

diff --git a/crm/fcrm/doctype/crm_call_log/crm_call_log.py b/crm/fcrm/doctype/crm_call_log/crm_call_log.py
index 132e9a4a..42752c6a 100644
--- a/crm/fcrm/doctype/crm_call_log/crm_call_log.py
+++ b/crm/fcrm/doctype/crm_call_log/crm_call_log.py
@@ -77,60 +77,6 @@ class CRMCallLog(Document):
 			]
 			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()
 def create_lead_from_call_log(call_log):
 	lead = frappe.new_doc("CRM Lead")
diff --git a/frontend/src/pages/CallLog.vue b/frontend/src/pages/CallLog.vue
deleted file mode 100644
index dd258e06..00000000
--- a/frontend/src/pages/CallLog.vue
+++ /dev/null
@@ -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>
diff --git a/frontend/src/router.js b/frontend/src/router.js
index 7e69658d..901324c8 100644
--- a/frontend/src/router.js
+++ b/frontend/src/router.js
@@ -72,12 +72,6 @@ const routes = [
     component: () => import('@/pages/CallLogs.vue'),
     meta: { scrollPos: { top: 0, left: 0 } },
   },
-  {
-    path: '/call-logs/:callLogId',
-    name: 'Call Log',
-    component: () => import('@/pages/CallLog.vue'),
-    props: true,
-  },
   {
     path: '/email-templates',
     name: 'Email Templates',