Merge branch 'develop' into fix/image-upload
This commit is contained in:
Md Hussain Nagaria
GitHub
commit
db2a6c65b7
@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
**Simplify Sales, Amplify Relationships**
|
**Simplify Sales, Amplify Relationships**
|
||||||
|
|
||||||
|
[](https://github.com/frappe/crm/releases)
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<picture>
|
<picture>
|
||||||
@ -181,6 +181,7 @@ You need Docker, docker-compose and git setup on your machine. Refer [Docker doc
|
|||||||
- [Discuss Forum](https://discuss.frappe.io/c/frappe-crm)
|
- [Discuss Forum](https://discuss.frappe.io/c/frappe-crm)
|
||||||
- [Documentation](https://docs.frappe.io/crm)
|
- [Documentation](https://docs.frappe.io/crm)
|
||||||
- [YouTube](https://www.youtube.com/channel/UCn3bV5kx77HsVwtnlCeEi_A)
|
- [YouTube](https://www.youtube.com/channel/UCn3bV5kx77HsVwtnlCeEi_A)
|
||||||
|
- [X/Twitter](https://x.com/frappetech)
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
|
|||||||
@ -3,6 +3,7 @@ import json
|
|||||||
import frappe
|
import frappe
|
||||||
from frappe import _
|
from frappe import _
|
||||||
from frappe.custom.doctype.property_setter.property_setter import make_property_setter
|
from frappe.custom.doctype.property_setter.property_setter import make_property_setter
|
||||||
|
from frappe.desk.form.assign_to import set_status
|
||||||
from frappe.model import no_value_fields
|
from frappe.model import no_value_fields
|
||||||
from frappe.model.document import get_controller
|
from frappe.model.document import get_controller
|
||||||
from frappe.utils import make_filter_tuple
|
from frappe.utils import make_filter_tuple
|
||||||
@ -659,6 +660,24 @@ def get_fields_meta(doctype, restricted_fieldtypes=None, as_array=False, only_re
|
|||||||
return fields_meta
|
return fields_meta
|
||||||
|
|
||||||
|
|
||||||
|
@frappe.whitelist()
|
||||||
|
def remove_assignments(doctype, name, assignees, ignore_permissions=False):
|
||||||
|
assignees = json.loads(assignees)
|
||||||
|
|
||||||
|
if not assignees:
|
||||||
|
return
|
||||||
|
|
||||||
|
for assign_to in assignees:
|
||||||
|
set_status(
|
||||||
|
doctype,
|
||||||
|
name,
|
||||||
|
todo=None,
|
||||||
|
assign_to=assign_to,
|
||||||
|
status="Cancelled",
|
||||||
|
ignore_permissions=ignore_permissions,
|
||||||
|
)
|
||||||
|
|
||||||
|
@frappe.whitelist()
|
||||||
def get_assigned_users(doctype, name, default_assigned_to=None):
|
def get_assigned_users(doctype, name, default_assigned_to=None):
|
||||||
assigned_users = frappe.get_all(
|
assigned_users = frappe.get_all(
|
||||||
"ToDo",
|
"ToDo",
|
||||||
|
|||||||
@ -13,7 +13,6 @@ def get_deal(name):
|
|||||||
|
|
||||||
deal["fields_meta"] = get_fields_meta("CRM Deal")
|
deal["fields_meta"] = get_fields_meta("CRM Deal")
|
||||||
deal["_form_script"] = get_form_script("CRM Deal")
|
deal["_form_script"] = get_form_script("CRM Deal")
|
||||||
deal["_assign"] = get_assigned_users("CRM Deal", deal.name)
|
|
||||||
return deal
|
return deal
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -13,5 +13,4 @@ def get_lead(name):
|
|||||||
|
|
||||||
lead["fields_meta"] = get_fields_meta("CRM Lead")
|
lead["fields_meta"] = get_fields_meta("CRM Lead")
|
||||||
lead["_form_script"] = get_form_script("CRM Lead")
|
lead["_form_script"] = get_form_script("CRM Lead")
|
||||||
lead["_assign"] = get_assigned_users("CRM Lead", lead.name)
|
|
||||||
return lead
|
return lead
|
||||||
|
|||||||
@ -7,8 +7,8 @@ msgid ""
|
|||||||
msgstr ""
|
msgstr ""
|
||||||
"Project-Id-Version: Frappe CRM VERSION\n"
|
"Project-Id-Version: Frappe CRM VERSION\n"
|
||||||
"Report-Msgid-Bugs-To: shariq@frappe.io\n"
|
"Report-Msgid-Bugs-To: shariq@frappe.io\n"
|
||||||
"POT-Creation-Date: 2025-05-25 09:35+0000\n"
|
"POT-Creation-Date: 2025-06-01 09:36+0000\n"
|
||||||
"PO-Revision-Date: 2025-05-25 09:35+0000\n"
|
"PO-Revision-Date: 2025-06-01 09:36+0000\n"
|
||||||
"Last-Translator: shariq@frappe.io\n"
|
"Last-Translator: shariq@frappe.io\n"
|
||||||
"Language-Team: shariq@frappe.io\n"
|
"Language-Team: shariq@frappe.io\n"
|
||||||
"MIME-Version: 1.0\n"
|
"MIME-Version: 1.0\n"
|
||||||
@ -25,6 +25,26 @@ msgstr ""
|
|||||||
msgid "01/04/2024 11:30 PM"
|
msgid "01/04/2024 11:30 PM"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:122
|
||||||
|
msgid "1 hour ago"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:118
|
||||||
|
msgid "1 minute ago"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:136
|
||||||
|
msgid "1 month ago"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:132
|
||||||
|
msgid "1 week ago"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:140
|
||||||
|
msgid "1 year ago"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
#. Option for the 'No. of Employees' (Select) field in DocType 'CRM Deal'
|
#. Option for the 'No. of Employees' (Select) field in DocType 'CRM Deal'
|
||||||
#. Option for the 'No. of Employees' (Select) field in DocType 'CRM Lead'
|
#. Option for the 'No. of Employees' (Select) field in DocType 'CRM Lead'
|
||||||
#. Option for the 'No. of Employees' (Select) field in DocType 'CRM
|
#. Option for the 'No. of Employees' (Select) field in DocType 'CRM
|
||||||
@ -176,7 +196,7 @@ msgstr ""
|
|||||||
msgid "Actions"
|
msgid "Actions"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Deal.vue:527 frontend/src/pages/Lead.vue:519
|
#: frontend/src/pages/Deal.vue:527 frontend/src/pages/Lead.vue:520
|
||||||
#: frontend/src/pages/MobileDeal.vue:428 frontend/src/pages/MobileLead.vue:331
|
#: frontend/src/pages/MobileDeal.vue:428 frontend/src/pages/MobileLead.vue:331
|
||||||
msgid "Activity"
|
msgid "Activity"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@ -421,7 +441,7 @@ msgstr ""
|
|||||||
msgid "Attach a file"
|
msgid "Attach a file"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Deal.vue:562 frontend/src/pages/Lead.vue:554
|
#: frontend/src/pages/Deal.vue:562 frontend/src/pages/Lead.vue:555
|
||||||
#: frontend/src/pages/MobileDeal.vue:464 frontend/src/pages/MobileLead.vue:367
|
#: frontend/src/pages/MobileDeal.vue:464 frontend/src/pages/MobileLead.vue:367
|
||||||
msgid "Attachments"
|
msgid "Attachments"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@ -685,7 +705,7 @@ msgstr ""
|
|||||||
msgid "Calling..."
|
msgid "Calling..."
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Deal.vue:547 frontend/src/pages/Lead.vue:539
|
#: frontend/src/pages/Deal.vue:547 frontend/src/pages/Lead.vue:540
|
||||||
#: frontend/src/pages/MobileDeal.vue:448 frontend/src/pages/MobileLead.vue:351
|
#: frontend/src/pages/MobileDeal.vue:448 frontend/src/pages/MobileLead.vue:351
|
||||||
msgid "Calls"
|
msgid "Calls"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@ -829,7 +849,7 @@ msgstr ""
|
|||||||
msgid "Comment"
|
msgid "Comment"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Deal.vue:537 frontend/src/pages/Lead.vue:529
|
#: frontend/src/pages/Deal.vue:537 frontend/src/pages/Lead.vue:530
|
||||||
#: frontend/src/pages/MobileDeal.vue:438 frontend/src/pages/MobileLead.vue:341
|
#: frontend/src/pages/MobileDeal.vue:438 frontend/src/pages/MobileLead.vue:341
|
||||||
msgid "Comments"
|
msgid "Comments"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@ -975,7 +995,7 @@ msgstr ""
|
|||||||
msgid "Converted successfully"
|
msgid "Converted successfully"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/utils/index.js:218
|
#: frontend/src/utils/index.js:295
|
||||||
msgid "Copied to clipboard"
|
msgid "Copied to clipboard"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
@ -1104,7 +1124,7 @@ msgstr ""
|
|||||||
|
|
||||||
#: frontend/src/components/Activities/DataFields.vue:6
|
#: frontend/src/components/Activities/DataFields.vue:6
|
||||||
#: frontend/src/components/Layouts/AppSidebar.vue:569
|
#: frontend/src/components/Layouts/AppSidebar.vue:569
|
||||||
#: frontend/src/pages/Deal.vue:542 frontend/src/pages/Lead.vue:534
|
#: frontend/src/pages/Deal.vue:542 frontend/src/pages/Lead.vue:535
|
||||||
#: frontend/src/pages/MobileDeal.vue:443 frontend/src/pages/MobileLead.vue:346
|
#: frontend/src/pages/MobileDeal.vue:443 frontend/src/pages/MobileLead.vue:346
|
||||||
msgid "Data"
|
msgid "Data"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@ -1567,7 +1587,7 @@ msgstr ""
|
|||||||
msgid "Email template"
|
msgid "Email template"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Deal.vue:532 frontend/src/pages/Lead.vue:524
|
#: frontend/src/pages/Deal.vue:532 frontend/src/pages/Lead.vue:525
|
||||||
#: frontend/src/pages/MobileDeal.vue:433 frontend/src/pages/MobileLead.vue:336
|
#: frontend/src/pages/MobileDeal.vue:433 frontend/src/pages/MobileLead.vue:336
|
||||||
msgid "Emails"
|
msgid "Emails"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@ -1636,7 +1656,7 @@ msgstr ""
|
|||||||
msgid "Equals"
|
msgid "Equals"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Lead.vue:642
|
#: frontend/src/pages/Lead.vue:651
|
||||||
msgid "Error converting to deal: {0}"
|
msgid "Error converting to deal: {0}"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
@ -1652,7 +1672,7 @@ msgstr ""
|
|||||||
msgid "Error updating document"
|
msgid "Error updating document"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Lead.vue:464
|
#: frontend/src/pages/Lead.vue:465
|
||||||
msgid "Error updating lead"
|
msgid "Error updating lead"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
@ -1759,7 +1779,7 @@ msgstr ""
|
|||||||
msgid "Failed to create email account, Invalid credentials"
|
msgid "Failed to create email account, Invalid credentials"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/data/script.js:97
|
#: frontend/src/data/script.js:105
|
||||||
msgid "Failed to load form controller: {0}"
|
msgid "Failed to load form controller: {0}"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
@ -2357,13 +2377,13 @@ msgstr ""
|
|||||||
msgid "Lead Statuses"
|
msgid "Lead Statuses"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Lead.vue:460 frontend/src/pages/MobileLead.vue:266
|
#: frontend/src/pages/Lead.vue:461 frontend/src/pages/MobileLead.vue:266
|
||||||
msgid "Lead updated successfully"
|
msgid "Lead updated successfully"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#. Label of a shortcut in the Frappe CRM Workspace
|
#. Label of a shortcut in the Frappe CRM Workspace
|
||||||
#: crm/fcrm/workspace/frappe_crm/frappe_crm.json
|
#: crm/fcrm/workspace/frappe_crm/frappe_crm.json
|
||||||
#: frontend/src/pages/Lead.vue:479 frontend/src/pages/MobileLead.vue:285
|
#: frontend/src/pages/Lead.vue:480 frontend/src/pages/MobileLead.vue:285
|
||||||
msgid "Leads"
|
msgid "Leads"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
@ -2876,7 +2896,7 @@ msgid "Not allowed to set primary contact for Deal"
|
|||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Contact.vue:256 frontend/src/pages/Deal.vue:417
|
#: frontend/src/pages/Contact.vue:256 frontend/src/pages/Deal.vue:417
|
||||||
#: frontend/src/pages/Lead.vue:427 frontend/src/pages/Organization.vue:245
|
#: frontend/src/pages/Lead.vue:428 frontend/src/pages/Organization.vue:245
|
||||||
msgid "Not permitted"
|
msgid "Not permitted"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
@ -2886,7 +2906,7 @@ msgstr ""
|
|||||||
msgid "Note"
|
msgid "Note"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Deal.vue:557 frontend/src/pages/Lead.vue:549
|
#: frontend/src/pages/Deal.vue:557 frontend/src/pages/Lead.vue:550
|
||||||
#: frontend/src/pages/MobileDeal.vue:459 frontend/src/pages/MobileLead.vue:362
|
#: frontend/src/pages/MobileDeal.vue:459 frontend/src/pages/MobileLead.vue:362
|
||||||
msgid "Notes"
|
msgid "Notes"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@ -2934,7 +2954,7 @@ msgstr ""
|
|||||||
msgid "Old Parent"
|
msgid "Old Parent"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Contact.vue:304 frontend/src/pages/Lead.vue:583
|
#: frontend/src/pages/Contact.vue:304 frontend/src/pages/Lead.vue:584
|
||||||
#: frontend/src/pages/MobileContact.vue:275
|
#: frontend/src/pages/MobileContact.vue:275
|
||||||
#: frontend/src/pages/MobileOrganization.vue:258
|
#: frontend/src/pages/MobileOrganization.vue:258
|
||||||
#: frontend/src/pages/Organization.vue:300
|
#: frontend/src/pages/Organization.vue:300
|
||||||
@ -3148,11 +3168,11 @@ msgstr ""
|
|||||||
msgid "Please enter a valid URL"
|
msgid "Please enter a valid URL"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Lead.vue:619 frontend/src/pages/MobileLead.vue:424
|
#: frontend/src/pages/Lead.vue:622 frontend/src/pages/MobileLead.vue:424
|
||||||
msgid "Please select an existing contact"
|
msgid "Please select an existing contact"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Lead.vue:624 frontend/src/pages/MobileLead.vue:429
|
#: frontend/src/pages/Lead.vue:627 frontend/src/pages/MobileLead.vue:429
|
||||||
msgid "Please select an existing organization"
|
msgid "Please select an existing organization"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
@ -3929,7 +3949,7 @@ msgstr ""
|
|||||||
msgid "Task"
|
msgid "Task"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Deal.vue:552 frontend/src/pages/Lead.vue:544
|
#: frontend/src/pages/Deal.vue:552 frontend/src/pages/Lead.vue:545
|
||||||
#: frontend/src/pages/MobileDeal.vue:454 frontend/src/pages/MobileLead.vue:357
|
#: frontend/src/pages/MobileDeal.vue:454 frontend/src/pages/MobileLead.vue:357
|
||||||
msgid "Tasks"
|
msgid "Tasks"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@ -4320,7 +4340,7 @@ msgstr ""
|
|||||||
#: crm/fcrm/doctype/crm_notification/crm_notification.json
|
#: crm/fcrm/doctype/crm_notification/crm_notification.json
|
||||||
#: frontend/src/components/Layouts/AppSidebar.vue:592
|
#: frontend/src/components/Layouts/AppSidebar.vue:592
|
||||||
#: frontend/src/components/Settings/Settings.vue:124
|
#: frontend/src/components/Settings/Settings.vue:124
|
||||||
#: frontend/src/pages/Deal.vue:567 frontend/src/pages/Lead.vue:559
|
#: frontend/src/pages/Deal.vue:567 frontend/src/pages/Lead.vue:560
|
||||||
#: frontend/src/pages/MobileDeal.vue:469 frontend/src/pages/MobileLead.vue:372
|
#: frontend/src/pages/MobileDeal.vue:469 frontend/src/pages/MobileLead.vue:372
|
||||||
msgid "WhatsApp"
|
msgid "WhatsApp"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@ -4479,6 +4499,10 @@ msgstr ""
|
|||||||
msgid "john@doe.com"
|
msgid "john@doe.com"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:116
|
||||||
|
msgid "just now"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
#. Option for the 'Type' (Select) field in DocType 'CRM View Settings'
|
#. Option for the 'Type' (Select) field in DocType 'CRM View Settings'
|
||||||
#: crm/fcrm/doctype/crm_view_settings/crm_view_settings.json
|
#: crm/fcrm/doctype/crm_view_settings/crm_view_settings.json
|
||||||
msgid "kanban"
|
msgid "kanban"
|
||||||
@ -4502,6 +4526,10 @@ msgstr ""
|
|||||||
msgid "next"
|
msgid "next"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:95
|
||||||
|
msgid "now"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
#. Option for the 'Color' (Select) field in DocType 'CRM Deal Status'
|
#. Option for the 'Color' (Select) field in DocType 'CRM Deal Status'
|
||||||
#. Option for the 'Color' (Select) field in DocType 'CRM Lead Status'
|
#. Option for the 'Color' (Select) field in DocType 'CRM Lead Status'
|
||||||
#: crm/fcrm/doctype/crm_deal_status/crm_deal_status.json
|
#: crm/fcrm/doctype/crm_deal_status/crm_deal_status.json
|
||||||
@ -4572,11 +4600,35 @@ msgstr ""
|
|||||||
msgid "yellow"
|
msgid "yellow"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:128
|
||||||
|
msgid "yesterday"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:107
|
||||||
|
msgid "{0} M"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
#: crm/api/todo.py:50
|
#: crm/api/todo.py:50
|
||||||
msgid "{0} assigned a {1} {2} to you"
|
msgid "{0} assigned a {1} {2} to you"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/pages/Deal.vue:480 frontend/src/pages/Lead.vue:472
|
#: frontend/src/utils/index.js:103
|
||||||
|
msgid "{0} d"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:130
|
||||||
|
msgid "{0} days ago"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:99
|
||||||
|
msgid "{0} h"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:124
|
||||||
|
msgid "{0} hours ago"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/pages/Deal.vue:480 frontend/src/pages/Lead.vue:473
|
||||||
#: frontend/src/pages/MobileDeal.vue:375 frontend/src/pages/MobileLead.vue:278
|
#: frontend/src/pages/MobileDeal.vue:375 frontend/src/pages/MobileLead.vue:278
|
||||||
msgid "{0} is a required field"
|
msgid "{0} is a required field"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
@ -4588,23 +4640,51 @@ msgstr ""
|
|||||||
msgid "{0} is an invalid email address"
|
msgid "{0} is an invalid email address"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/data/script.js:232
|
#: frontend/src/utils/index.js:97
|
||||||
|
msgid "{0} m"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:120
|
||||||
|
msgid "{0} minutes ago"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:138
|
||||||
|
msgid "{0} months ago"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:105
|
||||||
|
msgid "{0} w"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:134
|
||||||
|
msgid "{0} weeks ago"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:109
|
||||||
|
msgid "{0} y"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/utils/index.js:142
|
||||||
|
msgid "{0} years ago"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#: frontend/src/data/script.js:250
|
||||||
msgid "⚠️ Avoid using \"trigger\" as a field name — it conflicts with the built-in trigger() method."
|
msgid "⚠️ Avoid using \"trigger\" as a field name — it conflicts with the built-in trigger() method."
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/data/script.js:244
|
#: frontend/src/data/script.js:262
|
||||||
msgid "⚠️ Method \"{0}\" not found in class."
|
msgid "⚠️ Method \"{0}\" not found in class."
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/data/script.js:74
|
#: frontend/src/data/script.js:82
|
||||||
msgid "⚠️ No class found for doctype: {0}, it is mandatory to have a class for the parent doctype. it can be empty, but it should be present."
|
msgid "⚠️ No class found for doctype: {0}, it is mandatory to have a class for the parent doctype. it can be empty, but it should be present."
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/data/script.js:167
|
#: frontend/src/data/script.js:174
|
||||||
msgid "⚠️ No data found for parent field: {0}"
|
msgid "⚠️ No data found for parent field: {0}"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: frontend/src/data/script.js:175
|
#: frontend/src/data/script.js:182
|
||||||
msgid "⚠️ No row found for idx: {0} in parent field: {1}"
|
msgid "⚠️ No row found for idx: {0} in parent field: {1}"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
|
|||||||
@ -250,14 +250,14 @@
|
|||||||
</span>
|
</span>
|
||||||
<span v-if="activity.type">{{ __(activity.type) }}</span>
|
<span v-if="activity.type">{{ __(activity.type) }}</span>
|
||||||
<span
|
<span
|
||||||
v-if="activity.data.field_label"
|
v-if="activity.data?.field_label"
|
||||||
class="max-w-xs truncate font-medium text-ink-gray-8"
|
class="max-w-xs truncate font-medium text-ink-gray-8"
|
||||||
>
|
>
|
||||||
{{ __(activity.data.field_label) }}
|
{{ __(activity.data.field_label) }}
|
||||||
</span>
|
</span>
|
||||||
<span v-if="activity.value">{{ __(activity.value) }}</span>
|
<span v-if="activity.value">{{ __(activity.value) }}</span>
|
||||||
<span
|
<span
|
||||||
v-if="activity.data.old_value"
|
v-if="activity.data?.old_value"
|
||||||
class="max-w-xs font-medium text-ink-gray-8"
|
class="max-w-xs font-medium text-ink-gray-8"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
@ -273,7 +273,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<span v-if="activity.to">{{ __('to') }}</span>
|
<span v-if="activity.to">{{ __('to') }}</span>
|
||||||
<span
|
<span
|
||||||
v-if="activity.data.value"
|
v-if="activity.data?.value"
|
||||||
class="max-w-xs font-medium text-ink-gray-8"
|
class="max-w-xs font-medium text-ink-gray-8"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
@ -307,7 +307,7 @@
|
|||||||
>
|
>
|
||||||
<div class="inline-flex flex-wrap gap-1 text-ink-gray-5">
|
<div class="inline-flex flex-wrap gap-1 text-ink-gray-5">
|
||||||
<span
|
<span
|
||||||
v-if="activity.data.field_label"
|
v-if="activity.data?.field_label"
|
||||||
class="max-w-xs truncate text-ink-gray-5"
|
class="max-w-xs truncate text-ink-gray-5"
|
||||||
>
|
>
|
||||||
{{ __(activity.data.field_label) }}
|
{{ __(activity.data.field_label) }}
|
||||||
@ -320,7 +320,7 @@
|
|||||||
{{ startCase(__(activity.type)) }}
|
{{ startCase(__(activity.type)) }}
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
v-if="activity.data.old_value"
|
v-if="activity.data?.old_value"
|
||||||
class="max-w-xs font-medium text-ink-gray-8"
|
class="max-w-xs font-medium text-ink-gray-8"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
@ -336,7 +336,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<span v-if="activity.to">{{ __('to') }}</span>
|
<span v-if="activity.to">{{ __('to') }}</span>
|
||||||
<span
|
<span
|
||||||
v-if="activity.data.value"
|
v-if="activity.data?.value"
|
||||||
class="max-w-xs font-medium text-ink-gray-8"
|
class="max-w-xs font-medium text-ink-gray-8"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
@ -365,7 +365,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else-if="title == 'Data'" class="h-full flex flex-col px-3 sm:px-10">
|
<div v-else-if="title == 'Data'" class="h-full flex flex-col px-3 sm:px-10">
|
||||||
<DataFields :doctype="doctype" :docname="doc.data.name" />
|
<DataFields
|
||||||
|
:doctype="doctype"
|
||||||
|
:docname="doc.data.name"
|
||||||
|
@afterSave="(data) => emit('afterSave', data)"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
v-else
|
v-else
|
||||||
@ -514,6 +518,8 @@ const props = defineProps({
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
|
const emit = defineEmits(['afterSave'])
|
||||||
|
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
|
|
||||||
const doc = defineModel()
|
const doc = defineModel()
|
||||||
|
|||||||
@ -16,8 +16,9 @@
|
|||||||
@after="redirect('notes')"
|
@after="redirect('notes')"
|
||||||
/>
|
/>
|
||||||
<CallLogModal
|
<CallLogModal
|
||||||
|
v-if="showCallLogModal"
|
||||||
v-model="showCallLogModal"
|
v-model="showCallLogModal"
|
||||||
v-model:callLog="callLog"
|
:data="callLog"
|
||||||
:options="{ afterInsert: () => activities.reload() }"
|
:options="{ afterInsert: () => activities.reload() }"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
@ -91,10 +92,8 @@ function createCallLog() {
|
|||||||
let doctype = props.doctype
|
let doctype = props.doctype
|
||||||
let docname = props.doc.data?.name
|
let docname = props.doc.data?.name
|
||||||
callLog.value = {
|
callLog.value = {
|
||||||
data: {
|
reference_doctype: doctype,
|
||||||
reference_doctype: doctype,
|
reference_docname: docname,
|
||||||
reference_docname: docname,
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
showCallLogModal.value = true
|
showCallLogModal.value = true
|
||||||
}
|
}
|
||||||
|
|||||||
@ -97,7 +97,11 @@
|
|||||||
v-model:callLogModal="showCallLogModal"
|
v-model:callLogModal="showCallLogModal"
|
||||||
v-model:callLog="callLog"
|
v-model:callLog="callLog"
|
||||||
/>
|
/>
|
||||||
<CallLogModal v-model="showCallLogModal" v-model:callLog="callLog" />
|
<CallLogModal
|
||||||
|
v-if="showCallLogModal"
|
||||||
|
v-model="showCallLogModal"
|
||||||
|
:data="callLog.data"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
|
|||||||
@ -76,6 +76,9 @@ const props = defineProps({
|
|||||||
required: true,
|
required: true,
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
|
const emit = defineEmits(['afterSave'])
|
||||||
|
|
||||||
const { isManager } = usersStore()
|
const { isManager } = usersStore()
|
||||||
|
|
||||||
const showDataFieldsModal = ref(false)
|
const showDataFieldsModal = ref(false)
|
||||||
@ -90,7 +93,21 @@ const tabs = createResource({
|
|||||||
})
|
})
|
||||||
|
|
||||||
function saveChanges() {
|
function saveChanges() {
|
||||||
document.save.submit()
|
if (!document.isDirty) return
|
||||||
|
|
||||||
|
const updatedDoc = { ...document.doc }
|
||||||
|
const oldDoc = { ...document.originalDoc }
|
||||||
|
|
||||||
|
const changes = Object.keys(updatedDoc).reduce((acc, key) => {
|
||||||
|
if (JSON.stringify(updatedDoc[key]) !== JSON.stringify(oldDoc[key])) {
|
||||||
|
acc[key] = updatedDoc[key]
|
||||||
|
}
|
||||||
|
return acc
|
||||||
|
}, {})
|
||||||
|
|
||||||
|
document.save.submit(null, {
|
||||||
|
onSuccess: () => emit('afterSave', changes),
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
watch(
|
watch(
|
||||||
|
|||||||
@ -5,9 +5,11 @@
|
|||||||
<MobileAppHeader />
|
<MobileAppHeader />
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
|
<GlobalModals />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import MobileSidebar from '@/components/Mobile/MobileSidebar.vue'
|
import MobileSidebar from '@/components/Mobile/MobileSidebar.vue'
|
||||||
import MobileAppHeader from '@/components/Mobile/MobileAppHeader.vue'
|
import MobileAppHeader from '@/components/Mobile/MobileAppHeader.vue'
|
||||||
|
import GlobalModals from '@/components/Modals/GlobalModals.vue'
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -22,8 +22,12 @@
|
|||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="tabs.data">
|
<div v-if="tabs.data && _address.doc">
|
||||||
<FieldLayout :tabs="tabs.data" :data="_address" doctype="Address" />
|
<FieldLayout
|
||||||
|
:tabs="tabs.data"
|
||||||
|
:data="_address.doc"
|
||||||
|
doctype="Address"
|
||||||
|
/>
|
||||||
<ErrorMessage class="mt-2" :message="error" />
|
<ErrorMessage class="mt-2" :message="error" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -41,24 +45,24 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</Dialog>
|
</Dialog>
|
||||||
<QuickEntryModal
|
|
||||||
v-if="showQuickEntryModal"
|
|
||||||
v-model="showQuickEntryModal"
|
|
||||||
doctype="Address"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
|
|
||||||
import FieldLayout from '@/components/FieldLayout/FieldLayout.vue'
|
import FieldLayout from '@/components/FieldLayout/FieldLayout.vue'
|
||||||
import EditIcon from '@/components/Icons/EditIcon.vue'
|
import EditIcon from '@/components/Icons/EditIcon.vue'
|
||||||
import { usersStore } from '@/stores/users'
|
import { usersStore } from '@/stores/users'
|
||||||
import { isMobileView } from '@/composables/settings'
|
import { isMobileView } from '@/composables/settings'
|
||||||
|
import { showQuickEntryModal, quickEntryProps } from '@/composables/modals'
|
||||||
|
import { useDocument } from '@/data/document'
|
||||||
import { capture } from '@/telemetry'
|
import { capture } from '@/telemetry'
|
||||||
import { FeatherIcon, createResource, ErrorMessage } from 'frappe-ui'
|
import { FeatherIcon, createResource, ErrorMessage } from 'frappe-ui'
|
||||||
import { ref, nextTick, watch, computed } from 'vue'
|
import { ref, nextTick, computed, onMounted } from 'vue'
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
|
address: {
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
},
|
||||||
options: {
|
options: {
|
||||||
type: Object,
|
type: Object,
|
||||||
default: {
|
default: {
|
||||||
@ -70,30 +74,18 @@ const props = defineProps({
|
|||||||
const { isManager } = usersStore()
|
const { isManager } = usersStore()
|
||||||
|
|
||||||
const show = defineModel()
|
const show = defineModel()
|
||||||
const address = defineModel('address')
|
|
||||||
|
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
const error = ref(null)
|
const error = ref(null)
|
||||||
const title = ref(null)
|
const title = ref(null)
|
||||||
const editMode = ref(false)
|
const editMode = ref(false)
|
||||||
|
|
||||||
let _address = ref({
|
const { document: _address } = useDocument('Address', props.address || '')
|
||||||
name: '',
|
|
||||||
address_title: '',
|
|
||||||
address_type: 'Billing',
|
|
||||||
address_line1: '',
|
|
||||||
address_line2: '',
|
|
||||||
city: '',
|
|
||||||
county: '',
|
|
||||||
state: '',
|
|
||||||
country: '',
|
|
||||||
pincode: '',
|
|
||||||
})
|
|
||||||
|
|
||||||
const dialogOptions = computed(() => {
|
const dialogOptions = computed(() => {
|
||||||
let title = !editMode.value
|
let title = !editMode.value
|
||||||
? __('New Address')
|
? __('New Address')
|
||||||
: __(_address.value.address_title)
|
: __(_address.doc?.address_title)
|
||||||
let size = 'xl'
|
let size = 'xl'
|
||||||
let actions = [
|
let actions = [
|
||||||
{
|
{
|
||||||
@ -114,42 +106,28 @@ const tabs = createResource({
|
|||||||
auto: true,
|
auto: true,
|
||||||
})
|
})
|
||||||
|
|
||||||
let doc = ref({})
|
const callBacks = {
|
||||||
|
onSuccess: (doc) => {
|
||||||
function updateAddress() {
|
|
||||||
error.value = null
|
|
||||||
const old = { ...doc.value }
|
|
||||||
const newAddress = { ..._address.value }
|
|
||||||
|
|
||||||
const dirty = JSON.stringify(old) !== JSON.stringify(newAddress)
|
|
||||||
const values = newAddress
|
|
||||||
|
|
||||||
if (!dirty) {
|
|
||||||
show.value = false
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
loading.value = true
|
|
||||||
updateAddressValues.submit({
|
|
||||||
doctype: 'Address',
|
|
||||||
name: _address.value.name,
|
|
||||||
fieldname: values,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const updateAddressValues = createResource({
|
|
||||||
url: 'frappe.client.set_value',
|
|
||||||
onSuccess(doc) {
|
|
||||||
loading.value = false
|
loading.value = false
|
||||||
if (doc.name) {
|
handleAddressUpdate(doc)
|
||||||
handleAddressUpdate(doc)
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
onError(err) {
|
onError: (err) => {
|
||||||
loading.value = false
|
loading.value = false
|
||||||
|
if (err.exc_type == 'MandatoryError') {
|
||||||
|
const errorMessage = err.messages
|
||||||
|
.map((msg) => msg.split(': ')[2].trim())
|
||||||
|
.join(', ')
|
||||||
|
error.value = __('These fields are required: {0}', [errorMessage])
|
||||||
|
return
|
||||||
|
}
|
||||||
error.value = err
|
error.value = err
|
||||||
},
|
},
|
||||||
})
|
}
|
||||||
|
|
||||||
|
async function updateAddress() {
|
||||||
|
loading.value = true
|
||||||
|
await _address.save.submit(null, callBacks)
|
||||||
|
}
|
||||||
|
|
||||||
const createAddress = createResource({
|
const createAddress = createResource({
|
||||||
url: 'frappe.client.insert',
|
url: 'frappe.client.insert',
|
||||||
@ -157,7 +135,7 @@ const createAddress = createResource({
|
|||||||
return {
|
return {
|
||||||
doc: {
|
doc: {
|
||||||
doctype: 'Address',
|
doctype: 'Address',
|
||||||
..._address.value,
|
..._address.doc,
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -179,27 +157,17 @@ function handleAddressUpdate(doc) {
|
|||||||
props.options.afterInsert && props.options.afterInsert(doc)
|
props.options.afterInsert && props.options.afterInsert(doc)
|
||||||
}
|
}
|
||||||
|
|
||||||
watch(
|
onMounted(() => {
|
||||||
() => show.value,
|
editMode.value = props.address ? true : false
|
||||||
(value) => {
|
|
||||||
if (!value) return
|
|
||||||
editMode.value = false
|
|
||||||
nextTick(() => {
|
|
||||||
// TODO: Issue with FormControl
|
|
||||||
// title.value.el.focus()
|
|
||||||
doc.value = address.value?.doc || address.value || {}
|
|
||||||
_address.value = { ...doc.value }
|
|
||||||
if (_address.value.name) {
|
|
||||||
editMode.value = true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
)
|
|
||||||
|
|
||||||
const showQuickEntryModal = ref(false)
|
if (!props.address) {
|
||||||
|
_address.doc = { address_type: 'Billing' }
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
function openQuickEntryModal() {
|
function openQuickEntryModal() {
|
||||||
showQuickEntryModal.value = true
|
showQuickEntryModal.value = true
|
||||||
|
quickEntryProps.value = { doctype: 'Address' }
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
show.value = false
|
show.value = false
|
||||||
})
|
})
|
||||||
|
|||||||
@ -145,13 +145,11 @@ function updateAssignees() {
|
|||||||
.map((assignee) => assignee.name)
|
.map((assignee) => assignee.name)
|
||||||
|
|
||||||
if (removedAssignees.length) {
|
if (removedAssignees.length) {
|
||||||
for (let a of removedAssignees) {
|
call('crm.api.doc.remove_assignments', {
|
||||||
call('frappe.desk.form.assign_to.remove', {
|
doctype: props.doctype,
|
||||||
doctype: props.doctype,
|
name: props.doc.name,
|
||||||
name: props.doc.name,
|
assignees: JSON.stringify(removedAssignees),
|
||||||
assign_to: a,
|
})
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (addedAssignees.length) {
|
if (addedAssignees.length) {
|
||||||
|
|||||||
@ -3,13 +3,19 @@
|
|||||||
<template #body>
|
<template #body>
|
||||||
<div class="px-4 pt-5 pb-6 bg-surface-modal sm:px-6">
|
<div class="px-4 pt-5 pb-6 bg-surface-modal sm:px-6">
|
||||||
<div class="flex items-center justify-between mb-5">
|
<div class="flex items-center justify-between mb-5">
|
||||||
<div>
|
<div class="flex items-center gap-2">
|
||||||
<h3 class="text-2xl font-semibold leading-6 text-ink-gray-9">
|
<h3 class="text-2xl font-semibold leading-6 text-ink-gray-9">
|
||||||
{{ __(dialogOptions.title) || __('Untitled') }}
|
{{ __(dialogOptions.title) || __('Untitled') }}
|
||||||
</h3>
|
</h3>
|
||||||
|
<Badge v-if="callLog.isDirty" :label="'Not Saved'" theme="orange" />
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center gap-1">
|
<div class="flex items-center gap-1">
|
||||||
<Button v-if="isManager() && !isMobileView" variant="ghost" class="w-7" @click="openQuickEntryModal">
|
<Button
|
||||||
|
v-if="isManager() && !isMobileView"
|
||||||
|
variant="ghost"
|
||||||
|
class="w-7"
|
||||||
|
@click="openQuickEntryModal"
|
||||||
|
>
|
||||||
<EditIcon class="w-4 h-4" />
|
<EditIcon class="w-4 h-4" />
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="ghost" class="w-7" @click="show = false">
|
<Button variant="ghost" class="w-7" @click="show = false">
|
||||||
@ -18,37 +24,51 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="tabs.data">
|
<div v-if="tabs.data">
|
||||||
<FieldLayout :tabs="tabs.data" :data="_callLog" doctype="CRM Call Log" />
|
<FieldLayout
|
||||||
|
:tabs="tabs.data"
|
||||||
|
:data="callLog.doc"
|
||||||
|
doctype="CRM Call Log"
|
||||||
|
/>
|
||||||
<ErrorMessage class="mt-8" :message="error" />
|
<ErrorMessage class="mt-8" :message="error" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="px-4 pt-4 pb-7 sm:px-6">
|
<div class="px-4 pt-4 pb-7 sm:px-6">
|
||||||
<div class="space-y-2">
|
<div class="space-y-2">
|
||||||
<Button class="w-full" v-for="action in dialogOptions.actions" :key="action.label" v-bind="action"
|
<Button
|
||||||
:label="__(action.label)" :loading="loading" />
|
class="w-full"
|
||||||
|
v-for="action in dialogOptions.actions"
|
||||||
|
:key="action.label"
|
||||||
|
v-bind="action"
|
||||||
|
:label="__(action.label)"
|
||||||
|
:loading="loading"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</Dialog>
|
</Dialog>
|
||||||
<QuickEntryModal v-if="showQuickEntryModal" v-model="showQuickEntryModal" doctype="CRM Call Log" />
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
|
|
||||||
import FieldLayout from '@/components/FieldLayout/FieldLayout.vue'
|
import FieldLayout from '@/components/FieldLayout/FieldLayout.vue'
|
||||||
import EditIcon from '@/components/Icons/EditIcon.vue'
|
import EditIcon from '@/components/Icons/EditIcon.vue'
|
||||||
import { usersStore } from '@/stores/users'
|
import { usersStore } from '@/stores/users'
|
||||||
import { isMobileView } from '@/composables/settings'
|
import { isMobileView } from '@/composables/settings'
|
||||||
|
import { showQuickEntryModal, quickEntryProps } from '@/composables/modals'
|
||||||
import { getRandom } from '@/utils'
|
import { getRandom } from '@/utils'
|
||||||
import { capture } from '@/telemetry'
|
import { capture } from '@/telemetry'
|
||||||
import { FeatherIcon, createResource, ErrorMessage } from 'frappe-ui'
|
import { useDocument } from '@/data/document'
|
||||||
import { ref, nextTick, watch, computed } from 'vue'
|
import { FeatherIcon, createResource, ErrorMessage, Badge } from 'frappe-ui'
|
||||||
|
import { ref, nextTick, computed, onMounted } from 'vue'
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
|
data: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
options: {
|
options: {
|
||||||
type: Object,
|
type: Object,
|
||||||
default: {
|
default: {
|
||||||
afterInsert: () => { },
|
afterInsert: () => {},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
@ -56,26 +76,15 @@ const props = defineProps({
|
|||||||
const { isManager } = usersStore()
|
const { isManager } = usersStore()
|
||||||
|
|
||||||
const show = defineModel()
|
const show = defineModel()
|
||||||
const callLog = defineModel('callLog')
|
|
||||||
|
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
const error = ref(null)
|
const error = ref(null)
|
||||||
const title = ref(null)
|
|
||||||
const editMode = ref(false)
|
const editMode = ref(false)
|
||||||
|
|
||||||
let _callLog = ref({
|
const { document: callLog } = useDocument(
|
||||||
name: '',
|
'CRM Call Log',
|
||||||
type: '',
|
props.data?.name || '',
|
||||||
from: '',
|
)
|
||||||
to: '',
|
|
||||||
medium: '',
|
|
||||||
duration: '',
|
|
||||||
caller: '',
|
|
||||||
receiver: '',
|
|
||||||
status: '',
|
|
||||||
recording_url: '',
|
|
||||||
telephony_medium: 'Manual',
|
|
||||||
})
|
|
||||||
|
|
||||||
const dialogOptions = computed(() => {
|
const dialogOptions = computed(() => {
|
||||||
let title = !editMode.value ? __('New Call Log') : __('Edit Call Log')
|
let title = !editMode.value ? __('New Call Log') : __('Edit Call Log')
|
||||||
@ -99,41 +108,28 @@ const tabs = createResource({
|
|||||||
auto: true,
|
auto: true,
|
||||||
})
|
})
|
||||||
|
|
||||||
let doc = ref({})
|
const callBacks = {
|
||||||
|
onSuccess: (doc) => {
|
||||||
function updateCallLog() {
|
|
||||||
error.value = null
|
|
||||||
const old = { ...doc.value }
|
|
||||||
const newCallLog = { ..._callLog.value }
|
|
||||||
|
|
||||||
const dirty = JSON.stringify(old) !== JSON.stringify(newCallLog)
|
|
||||||
|
|
||||||
if (!dirty) {
|
|
||||||
show.value = false
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
loading.value = true
|
|
||||||
updateCallLogValues.submit({
|
|
||||||
doctype: 'CRM Call Log',
|
|
||||||
name: _callLog.value.name,
|
|
||||||
fieldname: newCallLog,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const updateCallLogValues = createResource({
|
|
||||||
url: 'frappe.client.set_value',
|
|
||||||
onSuccess(doc) {
|
|
||||||
loading.value = false
|
loading.value = false
|
||||||
if (doc.name) {
|
handleCallLogUpdate(doc)
|
||||||
handleCallLogUpdate(doc)
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
onError(err) {
|
onError: (err) => {
|
||||||
loading.value = false
|
loading.value = false
|
||||||
|
if (err.exc_type == 'MandatoryError') {
|
||||||
|
const errorMessage = err.messages
|
||||||
|
.map((msg) => msg.split(': ')[2].trim())
|
||||||
|
.join(', ')
|
||||||
|
error.value = __('These fields are required: {0}', [errorMessage])
|
||||||
|
return
|
||||||
|
}
|
||||||
error.value = err
|
error.value = err
|
||||||
},
|
},
|
||||||
})
|
}
|
||||||
|
|
||||||
|
async function updateCallLog() {
|
||||||
|
loading.value = true
|
||||||
|
await callLog.save.submit(null, callBacks)
|
||||||
|
}
|
||||||
|
|
||||||
const createCallLog = createResource({
|
const createCallLog = createResource({
|
||||||
url: 'frappe.client.insert',
|
url: 'frappe.client.insert',
|
||||||
@ -143,7 +139,7 @@ const createCallLog = createResource({
|
|||||||
doctype: 'CRM Call Log',
|
doctype: 'CRM Call Log',
|
||||||
id: getRandom(6),
|
id: getRandom(6),
|
||||||
telephony_medium: 'Manual',
|
telephony_medium: 'Manual',
|
||||||
..._callLog.value,
|
...callLog.doc,
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -155,15 +151,7 @@ const createCallLog = createResource({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
onError(err) {
|
onError(err) {
|
||||||
loading.value = false
|
callBacks.onError(err)
|
||||||
if (err.exc_type == 'MandatoryError') {
|
|
||||||
const errorMessage = err.messages
|
|
||||||
.map(msg => msg.split('Log:')[1].trim())
|
|
||||||
.join(', ')
|
|
||||||
error.value = `These fields are required: ${errorMessage}`
|
|
||||||
return
|
|
||||||
}
|
|
||||||
error.value = err
|
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
@ -172,29 +160,17 @@ function handleCallLogUpdate(doc) {
|
|||||||
props.options.afterInsert && props.options.afterInsert(doc)
|
props.options.afterInsert && props.options.afterInsert(doc)
|
||||||
}
|
}
|
||||||
|
|
||||||
watch(
|
onMounted(() => {
|
||||||
() => show.value,
|
editMode.value = props.data?.name ? true : false
|
||||||
(value) => {
|
|
||||||
if (!value) return
|
|
||||||
editMode.value = false
|
|
||||||
nextTick(() => {
|
|
||||||
// TODO: Issue with FormControl
|
|
||||||
// title.value.el.focus()
|
|
||||||
doc.value = callLog.value?.data || {}
|
|
||||||
_callLog.value = { ...doc.value }
|
|
||||||
if (_callLog.value.name) {
|
|
||||||
editMode.value = true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
)
|
|
||||||
|
|
||||||
const showQuickEntryModal = ref(false)
|
if (!props.data?.name) {
|
||||||
|
callLog.doc = { ...props.data }
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
function openQuickEntryModal() {
|
function openQuickEntryModal() {
|
||||||
showQuickEntryModal.value = true
|
showQuickEntryModal.value = true
|
||||||
nextTick(() => {
|
quickEntryProps.value = { doctype: 'CRM Call Log' }
|
||||||
show.value = false
|
nextTick(() => (show.value = false))
|
||||||
})
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -25,7 +25,7 @@
|
|||||||
<FieldLayout
|
<FieldLayout
|
||||||
v-if="tabs.data?.length"
|
v-if="tabs.data?.length"
|
||||||
:tabs="tabs.data"
|
:tabs="tabs.data"
|
||||||
:data="_contact"
|
:data="_contact.doc"
|
||||||
doctype="Contact"
|
doctype="Contact"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@ -49,9 +49,16 @@ import FieldLayout from '@/components/FieldLayout/FieldLayout.vue'
|
|||||||
import EditIcon from '@/components/Icons/EditIcon.vue'
|
import EditIcon from '@/components/Icons/EditIcon.vue'
|
||||||
import { usersStore } from '@/stores/users'
|
import { usersStore } from '@/stores/users'
|
||||||
import { isMobileView } from '@/composables/settings'
|
import { isMobileView } from '@/composables/settings'
|
||||||
|
import {
|
||||||
|
showQuickEntryModal,
|
||||||
|
quickEntryProps,
|
||||||
|
showAddressModal,
|
||||||
|
addressProps,
|
||||||
|
} from '@/composables/modals'
|
||||||
|
import { useDocument } from '@/data/document'
|
||||||
import { capture } from '@/telemetry'
|
import { capture } from '@/telemetry'
|
||||||
import { call, createResource } from 'frappe-ui'
|
import { call, createResource } from 'frappe-ui'
|
||||||
import { ref, nextTick, watch } from 'vue'
|
import { ref, nextTick, onMounted } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
@ -68,8 +75,6 @@ const props = defineProps({
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
const emit = defineEmits(['openAddressModal'])
|
|
||||||
|
|
||||||
const { isManager } = usersStore()
|
const { isManager } = usersStore()
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
@ -77,23 +82,23 @@ const show = defineModel()
|
|||||||
|
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
|
|
||||||
let _contact = ref({})
|
const { document: _contact } = useDocument('Contact')
|
||||||
|
|
||||||
async function createContact() {
|
async function createContact() {
|
||||||
if (_contact.value.email_id) {
|
if (_contact.doc.email_id) {
|
||||||
_contact.value.email_ids = [{ email_id: _contact.value.email_id }]
|
_contact.doc.email_ids = [{ email_id: _contact.doc.email_id }]
|
||||||
delete _contact.value.email_id
|
delete _contact.doc.email_id
|
||||||
}
|
}
|
||||||
|
|
||||||
if (_contact.value.mobile_no) {
|
if (_contact.doc.mobile_no) {
|
||||||
_contact.value.phone_nos = [{ phone: _contact.value.mobile_no }]
|
_contact.doc.phone_nos = [{ phone: _contact.doc.mobile_no }]
|
||||||
delete _contact.value.mobile_no
|
delete _contact.doc.mobile_no
|
||||||
}
|
}
|
||||||
|
|
||||||
const doc = await call('frappe.client.insert', {
|
const doc = await call('frappe.client.insert', {
|
||||||
doc: {
|
doc: {
|
||||||
doctype: 'Contact',
|
doctype: 'Contact',
|
||||||
..._contact.value,
|
..._contact.doc,
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
if (doc.name) {
|
if (doc.name) {
|
||||||
@ -130,17 +135,13 @@ const tabs = createResource({
|
|||||||
field.read_only = false
|
field.read_only = false
|
||||||
} else if (field.fieldname == 'address') {
|
} else if (field.fieldname == 'address') {
|
||||||
field.create = (value, close) => {
|
field.create = (value, close) => {
|
||||||
_contact.value.address = value
|
_contact.doc.address = value
|
||||||
emit('openAddressModal')
|
openAddressModal()
|
||||||
show.value = false
|
|
||||||
close()
|
close()
|
||||||
}
|
}
|
||||||
field.edit = (address) => {
|
field.edit = (address) => openAddressModal(address)
|
||||||
emit('openAddressModal', address)
|
|
||||||
show.value = false
|
|
||||||
}
|
|
||||||
} else if (field.fieldtype === 'Table') {
|
} else if (field.fieldtype === 'Table') {
|
||||||
_contact.value[field.fieldname] = []
|
_contact.doc[field.fieldname] = []
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
@ -149,20 +150,23 @@ const tabs = createResource({
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
watch(
|
onMounted(() => {
|
||||||
() => show.value,
|
_contact.doc = {}
|
||||||
(value) => {
|
Object.assign(_contact.doc, props.contact.data || props.contact)
|
||||||
if (!value) return
|
})
|
||||||
nextTick(() => {
|
|
||||||
_contact.value = { ...props.contact.data }
|
|
||||||
})
|
|
||||||
},
|
|
||||||
)
|
|
||||||
|
|
||||||
const showQuickEntryModal = defineModel('showQuickEntryModal')
|
|
||||||
|
|
||||||
function openQuickEntryModal() {
|
function openQuickEntryModal() {
|
||||||
showQuickEntryModal.value = true
|
showQuickEntryModal.value = true
|
||||||
|
quickEntryProps.value = { doctype: 'Contact' }
|
||||||
|
nextTick(() => (show.value = false))
|
||||||
|
}
|
||||||
|
|
||||||
|
function openAddressModal(_address) {
|
||||||
|
showAddressModal.value = true
|
||||||
|
addressProps.value = {
|
||||||
|
doctype: 'Address',
|
||||||
|
address: _address,
|
||||||
|
}
|
||||||
nextTick(() => (show.value = false))
|
nextTick(() => (show.value = false))
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -48,6 +48,7 @@ import FieldLayout from '@/components/FieldLayout/FieldLayout.vue'
|
|||||||
import EditIcon from '@/components/Icons/EditIcon.vue'
|
import EditIcon from '@/components/Icons/EditIcon.vue'
|
||||||
import { usersStore } from '@/stores/users'
|
import { usersStore } from '@/stores/users'
|
||||||
import { isMobileView } from '@/composables/settings'
|
import { isMobileView } from '@/composables/settings'
|
||||||
|
import { showQuickEntryModal, quickEntryProps } from '@/composables/modals'
|
||||||
import { FeatherIcon, createResource, ErrorMessage, call } from 'frappe-ui'
|
import { FeatherIcon, createResource, ErrorMessage, call } from 'frappe-ui'
|
||||||
import { ref, nextTick, watch, computed } from 'vue'
|
import { ref, nextTick, watch, computed } from 'vue'
|
||||||
|
|
||||||
@ -62,7 +63,7 @@ const props = defineProps({
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
const emit = defineEmits(['showQuickEntryModal', 'callback'])
|
const emit = defineEmits(['callback'])
|
||||||
|
|
||||||
const { isManager } = usersStore()
|
const { isManager } = usersStore()
|
||||||
|
|
||||||
@ -139,9 +140,8 @@ watch(
|
|||||||
)
|
)
|
||||||
|
|
||||||
function openQuickEntryModal() {
|
function openQuickEntryModal() {
|
||||||
emit('showQuickEntryModal', props.doctype)
|
showQuickEntryModal.value = true
|
||||||
nextTick(() => {
|
quickEntryProps.value = { doctype: props.doctype }
|
||||||
show.value = false
|
nextTick(() => (show.value = false))
|
||||||
})
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -50,7 +50,7 @@
|
|||||||
ref="fieldLayoutRef"
|
ref="fieldLayoutRef"
|
||||||
v-if="tabs.data?.length"
|
v-if="tabs.data?.length"
|
||||||
:tabs="tabs.data"
|
:tabs="tabs.data"
|
||||||
:data="deal"
|
:data="deal.doc"
|
||||||
doctype="CRM Deal"
|
doctype="CRM Deal"
|
||||||
/>
|
/>
|
||||||
<ErrorMessage class="mt-4" v-if="error" :message="__(error)" />
|
<ErrorMessage class="mt-4" v-if="error" :message="__(error)" />
|
||||||
@ -76,9 +76,11 @@ import FieldLayout from '@/components/FieldLayout/FieldLayout.vue'
|
|||||||
import { usersStore } from '@/stores/users'
|
import { usersStore } from '@/stores/users'
|
||||||
import { statusesStore } from '@/stores/statuses'
|
import { statusesStore } from '@/stores/statuses'
|
||||||
import { isMobileView } from '@/composables/settings'
|
import { isMobileView } from '@/composables/settings'
|
||||||
|
import { showQuickEntryModal, quickEntryProps } from '@/composables/modals'
|
||||||
|
import { useDocument } from '@/data/document'
|
||||||
import { capture } from '@/telemetry'
|
import { capture } from '@/telemetry'
|
||||||
import { Switch, createResource } from 'frappe-ui'
|
import { Switch, createResource } from 'frappe-ui'
|
||||||
import { computed, ref, reactive, onMounted, nextTick, watch } from 'vue'
|
import { computed, ref, onMounted, nextTick, watch } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
@ -92,24 +94,7 @@ const show = defineModel()
|
|||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const error = ref(null)
|
const error = ref(null)
|
||||||
|
|
||||||
const deal = reactive({
|
const { document: deal } = useDocument('CRM Deal')
|
||||||
organization: '',
|
|
||||||
organization_name: '',
|
|
||||||
website: '',
|
|
||||||
no_of_employees: '',
|
|
||||||
territory: '',
|
|
||||||
annual_revenue: '',
|
|
||||||
industry: '',
|
|
||||||
contact: '',
|
|
||||||
salutation: '',
|
|
||||||
first_name: '',
|
|
||||||
last_name: '',
|
|
||||||
email: '',
|
|
||||||
mobile_no: '',
|
|
||||||
gender: '',
|
|
||||||
status: '',
|
|
||||||
deal_owner: '',
|
|
||||||
})
|
|
||||||
|
|
||||||
const hasOrganizationSections = ref(true)
|
const hasOrganizationSections = ref(true)
|
||||||
const hasContactSections = ref(true)
|
const hasContactSections = ref(true)
|
||||||
@ -165,11 +150,11 @@ const tabs = createResource({
|
|||||||
if (field.fieldname == 'status') {
|
if (field.fieldname == 'status') {
|
||||||
field.fieldtype = 'Select'
|
field.fieldtype = 'Select'
|
||||||
field.options = dealStatuses.value
|
field.options = dealStatuses.value
|
||||||
field.prefix = getDealStatus(deal.status).color
|
field.prefix = getDealStatus(deal.doc.status).color
|
||||||
}
|
}
|
||||||
|
|
||||||
if (field.fieldtype === 'Table') {
|
if (field.fieldtype === 'Table') {
|
||||||
deal[field.fieldname] = []
|
deal.doc[field.fieldname] = []
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
@ -180,46 +165,49 @@ const tabs = createResource({
|
|||||||
|
|
||||||
const dealStatuses = computed(() => {
|
const dealStatuses = computed(() => {
|
||||||
let statuses = statusOptions('deal')
|
let statuses = statusOptions('deal')
|
||||||
if (!deal.status) {
|
if (!deal.doc.status) {
|
||||||
deal.status = statuses[0].value
|
deal.doc.status = statuses[0].value
|
||||||
}
|
}
|
||||||
return statuses
|
return statuses
|
||||||
})
|
})
|
||||||
|
|
||||||
function createDeal() {
|
function createDeal() {
|
||||||
if (deal.website && !deal.website.startsWith('http')) {
|
if (deal.doc.website && !deal.doc.website.startsWith('http')) {
|
||||||
deal.website = 'https://' + deal.website
|
deal.doc.website = 'https://' + deal.doc.website
|
||||||
}
|
}
|
||||||
if (chooseExistingContact.value) {
|
if (chooseExistingContact.value) {
|
||||||
deal['first_name'] = null
|
deal.doc['first_name'] = null
|
||||||
deal['last_name'] = null
|
deal.doc['last_name'] = null
|
||||||
deal['email'] = null
|
deal.doc['email'] = null
|
||||||
deal['mobile_no'] = null
|
deal.doc['mobile_no'] = null
|
||||||
} else deal['contact'] = null
|
} else deal.doc['contact'] = null
|
||||||
|
|
||||||
createResource({
|
createResource({
|
||||||
url: 'crm.fcrm.doctype.crm_deal.crm_deal.create_deal',
|
url: 'crm.fcrm.doctype.crm_deal.crm_deal.create_deal',
|
||||||
params: { args: deal },
|
params: { args: deal.doc },
|
||||||
auto: true,
|
auto: true,
|
||||||
validate() {
|
validate() {
|
||||||
error.value = null
|
error.value = null
|
||||||
if (deal.annual_revenue) {
|
if (deal.doc.annual_revenue) {
|
||||||
if (typeof deal.annual_revenue === 'string') {
|
if (typeof deal.doc.annual_revenue === 'string') {
|
||||||
deal.annual_revenue = deal.annual_revenue.replace(/,/g, '')
|
deal.doc.annual_revenue = deal.doc.annual_revenue.replace(/,/g, '')
|
||||||
} else if (isNaN(deal.annual_revenue)) {
|
} else if (isNaN(deal.doc.annual_revenue)) {
|
||||||
error.value = __('Annual Revenue should be a number')
|
error.value = __('Annual Revenue should be a number')
|
||||||
return error.value
|
return error.value
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (deal.mobile_no && isNaN(deal.mobile_no.replace(/[-+() ]/g, ''))) {
|
if (
|
||||||
|
deal.doc.mobile_no &&
|
||||||
|
isNaN(deal.doc.mobile_no.replace(/[-+() ]/g, ''))
|
||||||
|
) {
|
||||||
error.value = __('Mobile No should be a number')
|
error.value = __('Mobile No should be a number')
|
||||||
return error.value
|
return error.value
|
||||||
}
|
}
|
||||||
if (deal.email && !deal.email.includes('@')) {
|
if (deal.doc.email && !deal.doc.email.includes('@')) {
|
||||||
error.value = __('Invalid Email')
|
error.value = __('Invalid Email')
|
||||||
return error.value
|
return error.value
|
||||||
}
|
}
|
||||||
if (!deal.status) {
|
if (!deal.doc.status) {
|
||||||
error.value = __('Status is required')
|
error.value = __('Status is required')
|
||||||
return error.value
|
return error.value
|
||||||
}
|
}
|
||||||
@ -242,22 +230,21 @@ function createDeal() {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const showQuickEntryModal = defineModel('quickEntry')
|
|
||||||
|
|
||||||
function openQuickEntryModal() {
|
function openQuickEntryModal() {
|
||||||
showQuickEntryModal.value = true
|
showQuickEntryModal.value = true
|
||||||
nextTick(() => {
|
quickEntryProps.value = { doctype: 'CRM Deal' }
|
||||||
show.value = false
|
nextTick(() => (show.value = false))
|
||||||
})
|
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
Object.assign(deal, props.defaults)
|
deal.doc = { no_of_employees: '1-10' }
|
||||||
if (!deal.deal_owner) {
|
Object.assign(deal.doc, props.defaults)
|
||||||
deal.deal_owner = getUser().name
|
|
||||||
|
if (!deal.doc.deal_owner) {
|
||||||
|
deal.doc.deal_owner = getUser().name
|
||||||
}
|
}
|
||||||
if (!deal.status && dealStatuses.value[0].value) {
|
if (!deal.doc.status && dealStatuses.value[0].value) {
|
||||||
deal.status = dealStatuses.value[0].value
|
deal.doc.status = dealStatuses.value[0].value
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -4,19 +4,24 @@
|
|||||||
v-model="showCreateDocumentModal"
|
v-model="showCreateDocumentModal"
|
||||||
:doctype="createDocumentDoctype"
|
:doctype="createDocumentDoctype"
|
||||||
:data="createDocumentData"
|
:data="createDocumentData"
|
||||||
@showQuickEntryModal="(dt) => openQuickEntryModal(dt)"
|
|
||||||
@callback="(data) => createDocumentCallback(data)"
|
@callback="(data) => createDocumentCallback(data)"
|
||||||
/>
|
/>
|
||||||
<QuickEntryModal
|
<QuickEntryModal
|
||||||
v-if="showQuickEntryModal"
|
v-if="showQuickEntryModal"
|
||||||
v-model="showQuickEntryModal"
|
v-model="showQuickEntryModal"
|
||||||
:doctype="quickEntryDoctype"
|
v-bind="quickEntryProps"
|
||||||
|
/>
|
||||||
|
<AddressModal
|
||||||
|
v-if="showAddressModal"
|
||||||
|
v-model="showAddressModal"
|
||||||
|
v-bind="addressProps"
|
||||||
/>
|
/>
|
||||||
<AboutModal v-model="showAboutModal" />
|
<AboutModal v-model="showAboutModal" />
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import CreateDocumentModal from '@/components/Modals/CreateDocumentModal.vue'
|
import CreateDocumentModal from '@/components/Modals/CreateDocumentModal.vue'
|
||||||
import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
|
import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
|
||||||
|
import AddressModal from '@/components/Modals/AddressModal.vue'
|
||||||
import AboutModal from '@/components/Modals/AboutModal.vue'
|
import AboutModal from '@/components/Modals/AboutModal.vue'
|
||||||
import {
|
import {
|
||||||
showCreateDocumentModal,
|
showCreateDocumentModal,
|
||||||
@ -24,14 +29,11 @@ import {
|
|||||||
createDocumentData,
|
createDocumentData,
|
||||||
createDocumentCallback,
|
createDocumentCallback,
|
||||||
} from '@/composables/document'
|
} from '@/composables/document'
|
||||||
import { showAboutModal } from '@/composables/settings'
|
import {
|
||||||
import { ref } from 'vue'
|
showQuickEntryModal,
|
||||||
|
quickEntryProps,
|
||||||
const showQuickEntryModal = ref(false)
|
showAddressModal,
|
||||||
const quickEntryDoctype = ref('')
|
addressProps,
|
||||||
|
showAboutModal
|
||||||
function openQuickEntryModal(dt) {
|
} from '@/composables/modals'
|
||||||
showQuickEntryModal.value = true
|
|
||||||
quickEntryDoctype.value = dt
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -23,7 +23,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<FieldLayout v-if="tabs.data" :tabs="tabs.data" :data="lead" />
|
<FieldLayout v-if="tabs.data" :tabs="tabs.data" :data="lead.doc" />
|
||||||
<ErrorMessage class="mt-4" v-if="error" :message="__(error)" />
|
<ErrorMessage class="mt-4" v-if="error" :message="__(error)" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -48,10 +48,12 @@ import { usersStore } from '@/stores/users'
|
|||||||
import { statusesStore } from '@/stores/statuses'
|
import { statusesStore } from '@/stores/statuses'
|
||||||
import { sessionStore } from '@/stores/session'
|
import { sessionStore } from '@/stores/session'
|
||||||
import { isMobileView } from '@/composables/settings'
|
import { isMobileView } from '@/composables/settings'
|
||||||
|
import { showQuickEntryModal, quickEntryProps } from '@/composables/modals'
|
||||||
import { capture } from '@/telemetry'
|
import { capture } from '@/telemetry'
|
||||||
import { createResource } from 'frappe-ui'
|
import { createResource } from 'frappe-ui'
|
||||||
import { useOnboarding } from 'frappe-ui/frappe'
|
import { useOnboarding } from 'frappe-ui/frappe'
|
||||||
import { computed, onMounted, ref, reactive, nextTick } from 'vue'
|
import { useDocument } from '@/data/document'
|
||||||
|
import { computed, onMounted, ref, nextTick } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
@ -68,6 +70,16 @@ const router = useRouter()
|
|||||||
const error = ref(null)
|
const error = ref(null)
|
||||||
const isLeadCreating = ref(false)
|
const isLeadCreating = ref(false)
|
||||||
|
|
||||||
|
const { document: lead } = useDocument('CRM Lead')
|
||||||
|
|
||||||
|
const leadStatuses = computed(() => {
|
||||||
|
let statuses = statusOptions('lead')
|
||||||
|
if (!lead.doc.status) {
|
||||||
|
lead.doc.status = statuses?.[0]?.value
|
||||||
|
}
|
||||||
|
return statuses
|
||||||
|
})
|
||||||
|
|
||||||
const tabs = createResource({
|
const tabs = createResource({
|
||||||
url: 'crm.fcrm.doctype.crm_fields_layout.crm_fields_layout.get_fields_layout',
|
url: 'crm.fcrm.doctype.crm_fields_layout.crm_fields_layout.get_fields_layout',
|
||||||
cache: ['QuickEntry', 'CRM Lead'],
|
cache: ['QuickEntry', 'CRM Lead'],
|
||||||
@ -81,11 +93,11 @@ const tabs = createResource({
|
|||||||
if (field.fieldname == 'status') {
|
if (field.fieldname == 'status') {
|
||||||
field.fieldtype = 'Select'
|
field.fieldtype = 'Select'
|
||||||
field.options = leadStatuses.value
|
field.options = leadStatuses.value
|
||||||
field.prefix = getLeadStatus(lead.status).color
|
field.prefix = getLeadStatus(lead.doc.status).color
|
||||||
}
|
}
|
||||||
|
|
||||||
if (field.fieldtype === 'Table') {
|
if (field.fieldtype === 'Table') {
|
||||||
lead[field.fieldname] = []
|
lead.doc[field.fieldname] = []
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
@ -94,23 +106,6 @@ const tabs = createResource({
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
const lead = reactive({
|
|
||||||
salutation: '',
|
|
||||||
first_name: '',
|
|
||||||
last_name: '',
|
|
||||||
email: '',
|
|
||||||
mobile_no: '',
|
|
||||||
gender: '',
|
|
||||||
organization: '',
|
|
||||||
website: '',
|
|
||||||
no_of_employees: '',
|
|
||||||
territory: '',
|
|
||||||
annual_revenue: '',
|
|
||||||
industry: '',
|
|
||||||
status: '',
|
|
||||||
lead_owner: '',
|
|
||||||
})
|
|
||||||
|
|
||||||
const createLead = createResource({
|
const createLead = createResource({
|
||||||
url: 'frappe.client.insert',
|
url: 'frappe.client.insert',
|
||||||
makeParams(values) {
|
makeParams(values) {
|
||||||
@ -123,43 +118,38 @@ const createLead = createResource({
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
const leadStatuses = computed(() => {
|
|
||||||
let statuses = statusOptions('lead')
|
|
||||||
if (!lead.status) {
|
|
||||||
lead.status = statuses?.[0]?.value
|
|
||||||
}
|
|
||||||
return statuses
|
|
||||||
})
|
|
||||||
|
|
||||||
function createNewLead() {
|
function createNewLead() {
|
||||||
if (lead.website && !lead.website.startsWith('http')) {
|
if (lead.doc.website && !lead.doc.website.startsWith('http')) {
|
||||||
lead.website = 'https://' + lead.website
|
lead.doc.website = 'https://' + lead.doc.website
|
||||||
}
|
}
|
||||||
|
|
||||||
createLead.submit(lead, {
|
createLead.submit(lead.doc, {
|
||||||
validate() {
|
validate() {
|
||||||
error.value = null
|
error.value = null
|
||||||
if (!lead.first_name) {
|
if (!lead.doc.first_name) {
|
||||||
error.value = __('First Name is mandatory')
|
error.value = __('First Name is mandatory')
|
||||||
return error.value
|
return error.value
|
||||||
}
|
}
|
||||||
if (lead.annual_revenue) {
|
if (lead.doc.annual_revenue) {
|
||||||
if (typeof lead.annual_revenue === 'string') {
|
if (typeof lead.doc.annual_revenue === 'string') {
|
||||||
lead.annual_revenue = lead.annual_revenue.replace(/,/g, '')
|
lead.doc.annual_revenue = lead.doc.annual_revenue.replace(/,/g, '')
|
||||||
} else if (isNaN(lead.annual_revenue)) {
|
} else if (isNaN(lead.doc.annual_revenue)) {
|
||||||
error.value = __('Annual Revenue should be a number')
|
error.value = __('Annual Revenue should be a number')
|
||||||
return error.value
|
return error.value
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (lead.mobile_no && isNaN(lead.mobile_no.replace(/[-+() ]/g, ''))) {
|
if (
|
||||||
|
lead.doc.mobile_no &&
|
||||||
|
isNaN(lead.doc.mobile_no.replace(/[-+() ]/g, ''))
|
||||||
|
) {
|
||||||
error.value = __('Mobile No should be a number')
|
error.value = __('Mobile No should be a number')
|
||||||
return error.value
|
return error.value
|
||||||
}
|
}
|
||||||
if (lead.email && !lead.email.includes('@')) {
|
if (lead.doc.email && !lead.doc.email.includes('@')) {
|
||||||
error.value = __('Invalid Email')
|
error.value = __('Invalid Email')
|
||||||
return error.value
|
return error.value
|
||||||
}
|
}
|
||||||
if (!lead.status) {
|
if (!lead.doc.status) {
|
||||||
error.value = __('Status is required')
|
error.value = __('Status is required')
|
||||||
return error.value
|
return error.value
|
||||||
}
|
}
|
||||||
@ -185,22 +175,21 @@ function createNewLead() {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const showQuickEntryModal = defineModel('quickEntry')
|
|
||||||
|
|
||||||
function openQuickEntryModal() {
|
function openQuickEntryModal() {
|
||||||
showQuickEntryModal.value = true
|
showQuickEntryModal.value = true
|
||||||
nextTick(() => {
|
quickEntryProps.value = { doctype: 'CRM Lead' }
|
||||||
show.value = false
|
nextTick(() => (show.value = false))
|
||||||
})
|
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
Object.assign(lead, props.defaults)
|
lead.doc = { no_of_employees: '1-10' }
|
||||||
if (!lead.lead_owner) {
|
Object.assign(lead.doc, props.defaults)
|
||||||
lead.lead_owner = getUser().name
|
|
||||||
|
if (!lead.doc?.lead_owner) {
|
||||||
|
lead.doc.lead_owner = getUser().name
|
||||||
}
|
}
|
||||||
if (!lead.status && leadStatuses.value[0]?.value) {
|
if (!lead.doc?.status && leadStatuses.value[0]?.value) {
|
||||||
lead.status = leadStatuses.value[0].value
|
lead.doc.status = leadStatuses.value[0].value
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -9,7 +9,12 @@
|
|||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center gap-1">
|
<div class="flex items-center gap-1">
|
||||||
<Button v-if="isManager() && !isMobileView" variant="ghost" class="w-7" @click="openQuickEntryModal">
|
<Button
|
||||||
|
v-if="isManager() && !isMobileView"
|
||||||
|
variant="ghost"
|
||||||
|
class="w-7"
|
||||||
|
@click="openQuickEntryModal"
|
||||||
|
>
|
||||||
<EditIcon class="w-4 h-4" />
|
<EditIcon class="w-4 h-4" />
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="ghost" class="w-7" @click="show = false">
|
<Button variant="ghost" class="w-7" @click="show = false">
|
||||||
@ -17,12 +22,23 @@
|
|||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<FieldLayout v-if="tabs.data?.length" :tabs="tabs.data" :data="_organization" doctype="CRM Organization" />
|
<FieldLayout
|
||||||
|
v-if="tabs.data?.length"
|
||||||
|
:tabs="tabs.data"
|
||||||
|
:data="organization.doc"
|
||||||
|
doctype="CRM Organization"
|
||||||
|
/>
|
||||||
<ErrorMessage class="mt-8" v-if="error" :message="__(error)" />
|
<ErrorMessage class="mt-8" v-if="error" :message="__(error)" />
|
||||||
</div>
|
</div>
|
||||||
<div class="px-4 pt-4 pb-7 sm:px-6">
|
<div class="px-4 pt-4 pb-7 sm:px-6">
|
||||||
<div class="space-y-2">
|
<div class="space-y-2">
|
||||||
<Button class="w-full" variant="solid" :label="__('Create')" :loading="loading" @click="createOrganization" />
|
<Button
|
||||||
|
class="w-full"
|
||||||
|
variant="solid"
|
||||||
|
:label="__('Create')"
|
||||||
|
:loading="loading"
|
||||||
|
@click="createOrganization"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -34,56 +50,59 @@ import FieldLayout from '@/components/FieldLayout/FieldLayout.vue'
|
|||||||
import EditIcon from '@/components/Icons/EditIcon.vue'
|
import EditIcon from '@/components/Icons/EditIcon.vue'
|
||||||
import { usersStore } from '@/stores/users'
|
import { usersStore } from '@/stores/users'
|
||||||
import { isMobileView } from '@/composables/settings'
|
import { isMobileView } from '@/composables/settings'
|
||||||
|
import {
|
||||||
|
showQuickEntryModal,
|
||||||
|
quickEntryProps,
|
||||||
|
showAddressModal,
|
||||||
|
addressProps,
|
||||||
|
} from '@/composables/modals'
|
||||||
|
import { useDocument } from '@/data/document'
|
||||||
import { capture } from '@/telemetry'
|
import { capture } from '@/telemetry'
|
||||||
import { call, FeatherIcon, createResource } from 'frappe-ui'
|
import { call, FeatherIcon, createResource } from 'frappe-ui'
|
||||||
import { ref, nextTick, watch } from 'vue'
|
import { ref, nextTick, onMounted } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
|
data: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
options: {
|
options: {
|
||||||
type: Object,
|
type: Object,
|
||||||
default: {
|
default: {
|
||||||
redirect: true,
|
redirect: true,
|
||||||
afterInsert: () => { },
|
afterInsert: () => {},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
const emit = defineEmits(['openAddressModal'])
|
|
||||||
|
|
||||||
const { isManager } = usersStore()
|
const { isManager } = usersStore()
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const show = defineModel()
|
const show = defineModel()
|
||||||
const organization = defineModel('organization')
|
|
||||||
|
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
const title = ref(null)
|
|
||||||
|
|
||||||
let _organization = ref({
|
|
||||||
organization_name: '',
|
|
||||||
website: '',
|
|
||||||
annual_revenue: '',
|
|
||||||
no_of_employees: '1-10',
|
|
||||||
industry: '',
|
|
||||||
})
|
|
||||||
|
|
||||||
let doc = ref({})
|
|
||||||
const error = ref(null)
|
const error = ref(null)
|
||||||
|
|
||||||
|
const { document: organization } = useDocument('CRM Organization')
|
||||||
|
|
||||||
async function createOrganization() {
|
async function createOrganization() {
|
||||||
const doc = await call('frappe.client.insert', {
|
const doc = await call(
|
||||||
doc: {
|
'frappe.client.insert',
|
||||||
doctype: 'CRM Organization',
|
{
|
||||||
..._organization.value,
|
doc: {
|
||||||
|
doctype: 'CRM Organization',
|
||||||
|
...organization.doc,
|
||||||
|
},
|
||||||
},
|
},
|
||||||
}, {
|
{
|
||||||
onError: (err) => {
|
onError: (err) => {
|
||||||
if (err.error.exc_type == 'ValidationError') {
|
if (err.error.exc_type == 'ValidationError') {
|
||||||
error.value = err.error?.messages?.[0]
|
error.value = err.error?.messages?.[0]
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
})
|
},
|
||||||
|
)
|
||||||
loading.value = false
|
loading.value = false
|
||||||
if (doc.name) {
|
if (doc.name) {
|
||||||
capture('organization_created')
|
capture('organization_created')
|
||||||
@ -97,8 +116,6 @@ function handleOrganizationUpdate(doc) {
|
|||||||
name: 'Organization',
|
name: 'Organization',
|
||||||
params: { organizationId: doc.name },
|
params: { organizationId: doc.name },
|
||||||
})
|
})
|
||||||
} else {
|
|
||||||
organization.value?.reload?.()
|
|
||||||
}
|
}
|
||||||
show.value = false
|
show.value = false
|
||||||
props.options.afterInsert && props.options.afterInsert(doc)
|
props.options.afterInsert && props.options.afterInsert(doc)
|
||||||
@ -116,17 +133,13 @@ const tabs = createResource({
|
|||||||
column.fields.forEach((field) => {
|
column.fields.forEach((field) => {
|
||||||
if (field.fieldname == 'address') {
|
if (field.fieldname == 'address') {
|
||||||
field.create = (value, close) => {
|
field.create = (value, close) => {
|
||||||
_organization.value.address = value
|
organization.doc.address = value
|
||||||
emit('openAddressModal')
|
openAddressModal()
|
||||||
show.value = false
|
|
||||||
close()
|
close()
|
||||||
}
|
}
|
||||||
field.edit = (address) => {
|
field.edit = (address) => openAddressModal(address)
|
||||||
emit('openAddressModal', address)
|
|
||||||
show.value = false
|
|
||||||
}
|
|
||||||
} else if (field.fieldtype === 'Table') {
|
} else if (field.fieldtype === 'Table') {
|
||||||
_organization.value[field.fieldname] = []
|
organization.doc[field.fieldname] = []
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
@ -135,23 +148,23 @@ const tabs = createResource({
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
watch(
|
onMounted(() => {
|
||||||
() => show.value,
|
organization.doc = { no_of_employees: '1-10' }
|
||||||
(value) => {
|
Object.assign(organization.doc, props.data)
|
||||||
if (!value) return
|
})
|
||||||
nextTick(() => {
|
|
||||||
// TODO: Issue with FormControl
|
|
||||||
// title.value.el.focus()
|
|
||||||
doc.value = organization.value?.doc || organization.value || {}
|
|
||||||
_organization.value = { ...doc.value }
|
|
||||||
})
|
|
||||||
},
|
|
||||||
)
|
|
||||||
|
|
||||||
const showQuickEntryModal = defineModel('showQuickEntryModal')
|
|
||||||
|
|
||||||
function openQuickEntryModal() {
|
function openQuickEntryModal() {
|
||||||
showQuickEntryModal.value = true
|
showQuickEntryModal.value = true
|
||||||
|
quickEntryProps.value = { doctype: 'CRM Organization' }
|
||||||
|
nextTick(() => (show.value = false))
|
||||||
|
}
|
||||||
|
|
||||||
|
function openAddressModal(_address) {
|
||||||
|
showAddressModal.value = true
|
||||||
|
addressProps.value = {
|
||||||
|
doctype: 'Address',
|
||||||
|
address: _address,
|
||||||
|
}
|
||||||
nextTick(() => (show.value = false))
|
nextTick(() => (show.value = false))
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -417,13 +417,13 @@ const props = defineProps({
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
|
const emit = defineEmits(['afterFieldChange', 'reload'])
|
||||||
|
|
||||||
const { getFormattedPercent, getFormattedFloat, getFormattedCurrency } =
|
const { getFormattedPercent, getFormattedFloat, getFormattedCurrency } =
|
||||||
getMeta(props.doctype)
|
getMeta(props.doctype)
|
||||||
|
|
||||||
const { isManager, getUser } = usersStore()
|
const { isManager, getUser } = usersStore()
|
||||||
|
|
||||||
const emit = defineEmits(['reload'])
|
|
||||||
|
|
||||||
const showSidePanelModal = ref(false)
|
const showSidePanelModal = ref(false)
|
||||||
|
|
||||||
let document = { doc: {} }
|
let document = { doc: {} }
|
||||||
@ -493,7 +493,13 @@ async function fieldChange(value, df) {
|
|||||||
|
|
||||||
await triggerOnChange(df.fieldname)
|
await triggerOnChange(df.fieldname)
|
||||||
|
|
||||||
document.save.submit()
|
document.save.submit(null, {
|
||||||
|
onSuccess: () => {
|
||||||
|
emit('afterFieldChange', {
|
||||||
|
[df.fieldname]: value,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function parsedSection(section, editButtonAdded) {
|
function parsedSection(section, editButtonAdded) {
|
||||||
|
|||||||
@ -55,11 +55,8 @@ import Apps from '@/components/Apps.vue'
|
|||||||
import { sessionStore } from '@/stores/session'
|
import { sessionStore } from '@/stores/session'
|
||||||
import { usersStore } from '@/stores/users'
|
import { usersStore } from '@/stores/users'
|
||||||
import { getSettings } from '@/stores/settings'
|
import { getSettings } from '@/stores/settings'
|
||||||
import {
|
import { showSettings, isMobileView } from '@/composables/settings'
|
||||||
showSettings,
|
import { showAboutModal } from '@/composables/modals'
|
||||||
isMobileView,
|
|
||||||
showAboutModal,
|
|
||||||
} from '@/composables/settings'
|
|
||||||
import { confirmLoginToFrappeCloud } from '@/composables/frappecloud'
|
import { confirmLoginToFrappeCloud } from '@/composables/frappecloud'
|
||||||
import { Dropdown } from 'frappe-ui'
|
import { Dropdown } from 'frappe-ui'
|
||||||
import { theme, toggleTheme } from '@/stores/theme'
|
import { theme, toggleTheme } from '@/stores/theme'
|
||||||
|
|||||||
9
frontend/src/composables/modals.js
Normal file
9
frontend/src/composables/modals.js
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
import { ref } from 'vue';
|
||||||
|
|
||||||
|
export const showQuickEntryModal = ref(false);
|
||||||
|
export const quickEntryProps = ref({});
|
||||||
|
|
||||||
|
export const showAddressModal = ref(false);
|
||||||
|
export const addressProps = ref({});
|
||||||
|
|
||||||
|
export const showAboutModal = ref(false);
|
||||||
@ -42,5 +42,3 @@ export const isMobileView = computed(() => window.innerWidth < 768)
|
|||||||
|
|
||||||
export const showSettings = ref(false)
|
export const showSettings = ref(false)
|
||||||
export const activeSettingsPage = ref('')
|
export const activeSettingsPage = ref('')
|
||||||
|
|
||||||
export const showAboutModal = ref(false)
|
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
import { getScript } from '@/data/script'
|
import { getScript } from '@/data/script'
|
||||||
import { runSequentially } from '@/utils'
|
import { runSequentially, parseAssignees } from '@/utils'
|
||||||
import { createDocumentResource, toast } from 'frappe-ui'
|
import { createDocumentResource, createResource, toast } from 'frappe-ui'
|
||||||
|
import { reactive } from 'vue'
|
||||||
|
|
||||||
const documentsCache = {}
|
const documentsCache = {}
|
||||||
const controllersCache = {}
|
const controllersCache = {}
|
||||||
@ -10,27 +11,46 @@ export function useDocument(doctype, docname) {
|
|||||||
|
|
||||||
documentsCache[doctype] = documentsCache[doctype] || {}
|
documentsCache[doctype] = documentsCache[doctype] || {}
|
||||||
|
|
||||||
if (!documentsCache[doctype][docname]) {
|
if (!documentsCache[doctype][docname || '']) {
|
||||||
documentsCache[doctype][docname] = createDocumentResource({
|
if (docname) {
|
||||||
|
documentsCache[doctype][docname] = createDocumentResource({
|
||||||
|
doctype: doctype,
|
||||||
|
name: docname,
|
||||||
|
onSuccess: async () => await setupFormScript(),
|
||||||
|
setValue: {
|
||||||
|
onSuccess: () => {
|
||||||
|
triggerOnSave()
|
||||||
|
toast.success(__('Document updated successfully'))
|
||||||
|
},
|
||||||
|
onError: (err) => {
|
||||||
|
toast.error(__('Error updating document'))
|
||||||
|
console.error(err)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
documentsCache[doctype][''] = reactive({
|
||||||
|
doc: {},
|
||||||
|
})
|
||||||
|
setupFormScript()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const assignees = createResource({
|
||||||
|
url: 'crm.api.doc.get_assigned_users',
|
||||||
|
cache: `assignees:${doctype}:${docname}`,
|
||||||
|
auto: docname ? true : false,
|
||||||
|
params: {
|
||||||
doctype: doctype,
|
doctype: doctype,
|
||||||
name: docname,
|
name: docname,
|
||||||
onSuccess: async () => await setupFormScript(),
|
},
|
||||||
setValue: {
|
transform: (data) => parseAssignees(data),
|
||||||
onSuccess: () => {
|
})
|
||||||
toast.success(__('Document updated successfully'))
|
|
||||||
},
|
|
||||||
onError: (err) => {
|
|
||||||
toast.error(__('Error updating document'))
|
|
||||||
console.error(err)
|
|
||||||
},
|
|
||||||
},
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
async function setupFormScript() {
|
async function setupFormScript() {
|
||||||
if (
|
if (
|
||||||
controllersCache[doctype] &&
|
controllersCache[doctype] &&
|
||||||
typeof controllersCache[doctype][docname] === 'object'
|
typeof controllersCache[doctype][docname || ''] === 'object'
|
||||||
) {
|
) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@ -39,9 +59,11 @@ export function useDocument(doctype, docname) {
|
|||||||
controllersCache[doctype] = {}
|
controllersCache[doctype] = {}
|
||||||
}
|
}
|
||||||
|
|
||||||
controllersCache[doctype][docname] = {}
|
controllersCache[doctype][docname || ''] = {}
|
||||||
|
|
||||||
const controllersArray = await setupScript(documentsCache[doctype][docname])
|
const controllersArray = await setupScript(
|
||||||
|
documentsCache[doctype][docname || ''],
|
||||||
|
)
|
||||||
|
|
||||||
if (!controllersArray || controllersArray.length === 0) return
|
if (!controllersArray || controllersArray.length === 0) return
|
||||||
|
|
||||||
@ -53,14 +75,16 @@ export function useDocument(doctype, docname) {
|
|||||||
}
|
}
|
||||||
organizedControllers[controllerKey].push(controller)
|
organizedControllers[controllerKey].push(controller)
|
||||||
}
|
}
|
||||||
controllersCache[doctype][docname] = organizedControllers
|
controllersCache[doctype][docname || ''] = organizedControllers
|
||||||
|
|
||||||
|
triggerOnLoad()
|
||||||
}
|
}
|
||||||
|
|
||||||
function getControllers(row = null) {
|
function getControllers(row = null) {
|
||||||
const _doctype = row?.doctype || doctype
|
const _doctype = row?.doctype || doctype
|
||||||
const controllerKey = _doctype.replace(/\s+/g, '')
|
const controllerKey = _doctype.replace(/\s+/g, '')
|
||||||
|
|
||||||
const docControllers = controllersCache[doctype]?.[docname]
|
const docControllers = controllersCache[doctype]?.[docname || '']
|
||||||
|
|
||||||
if (
|
if (
|
||||||
typeof docControllers === 'object' &&
|
typeof docControllers === 'object' &&
|
||||||
@ -72,9 +96,23 @@ export function useDocument(doctype, docname) {
|
|||||||
return []
|
return []
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async function triggerOnLoad() {
|
||||||
|
const handler = async function () {
|
||||||
|
await (this.onLoad?.() || this.on_load?.() || this.onload?.())
|
||||||
|
}
|
||||||
|
await trigger(handler)
|
||||||
|
}
|
||||||
|
|
||||||
|
async function triggerOnSave() {
|
||||||
|
const handler = async function () {
|
||||||
|
await (this.onSave?.() || this.on_save?.())
|
||||||
|
}
|
||||||
|
await trigger(handler)
|
||||||
|
}
|
||||||
|
|
||||||
async function triggerOnRefresh() {
|
async function triggerOnRefresh() {
|
||||||
const handler = async function () {
|
const handler = async function () {
|
||||||
await this.refresh()
|
await this.refresh?.()
|
||||||
}
|
}
|
||||||
await trigger(handler)
|
await trigger(handler)
|
||||||
}
|
}
|
||||||
@ -86,7 +124,7 @@ export function useDocument(doctype, docname) {
|
|||||||
this.value = row[fieldname]
|
this.value = row[fieldname]
|
||||||
this.oldValue = getOldValue(fieldname, row)
|
this.oldValue = getOldValue(fieldname, row)
|
||||||
} else {
|
} else {
|
||||||
this.value = documentsCache[doctype][docname].doc[fieldname]
|
this.value = documentsCache[doctype][docname || ''].doc[fieldname]
|
||||||
this.oldValue = getOldValue(fieldname)
|
this.oldValue = getOldValue(fieldname)
|
||||||
}
|
}
|
||||||
await this[fieldname]?.()
|
await this[fieldname]?.()
|
||||||
@ -126,7 +164,7 @@ export function useDocument(doctype, docname) {
|
|||||||
async function triggerOnCreateLead() {
|
async function triggerOnCreateLead() {
|
||||||
const args = Array.from(arguments)
|
const args = Array.from(arguments)
|
||||||
const handler = async function () {
|
const handler = async function () {
|
||||||
await this.on_create_lead?.(...args)
|
await (this.onCreateLead?.(...args) || this.on_create_lead?.(...args))
|
||||||
}
|
}
|
||||||
await trigger(handler)
|
await trigger(handler)
|
||||||
}
|
}
|
||||||
@ -134,7 +172,8 @@ export function useDocument(doctype, docname) {
|
|||||||
async function triggerConvertToDeal() {
|
async function triggerConvertToDeal() {
|
||||||
const args = Array.from(arguments)
|
const args = Array.from(arguments)
|
||||||
const handler = async function () {
|
const handler = async function () {
|
||||||
await this.convert_to_deal?.(...args)
|
await (this.convertToDeal?.(...args) ||
|
||||||
|
this.on_convert_to_deal?.(...args))
|
||||||
}
|
}
|
||||||
await trigger(handler)
|
await trigger(handler)
|
||||||
}
|
}
|
||||||
@ -151,9 +190,9 @@ export function useDocument(doctype, docname) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function getOldValue(fieldname, row) {
|
function getOldValue(fieldname, row) {
|
||||||
if (!documentsCache[doctype][docname]) return ''
|
if (!documentsCache[doctype][docname || '']) return ''
|
||||||
|
|
||||||
const document = documentsCache[doctype][docname]
|
const document = documentsCache[doctype][docname || '']
|
||||||
const oldDoc = document.originalDoc
|
const oldDoc = document.originalDoc
|
||||||
|
|
||||||
if (row?.name) {
|
if (row?.name) {
|
||||||
@ -166,11 +205,15 @@ export function useDocument(doctype, docname) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
document: documentsCache[doctype][docname],
|
document: documentsCache[doctype][docname || ''],
|
||||||
|
assignees,
|
||||||
|
getControllers,
|
||||||
|
triggerOnLoad,
|
||||||
|
triggerOnSave,
|
||||||
|
triggerOnRefresh,
|
||||||
triggerOnChange,
|
triggerOnChange,
|
||||||
triggerOnRowAdd,
|
triggerOnRowAdd,
|
||||||
triggerOnRowRemove,
|
triggerOnRowRemove,
|
||||||
triggerOnRefresh,
|
|
||||||
setupFormScript,
|
setupFormScript,
|
||||||
triggerOnCreateLead,
|
triggerOnCreateLead,
|
||||||
triggerConvertToDeal,
|
triggerConvertToDeal,
|
||||||
|
|||||||
@ -33,7 +33,7 @@ export function getScript(doctype, view = 'Form') {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function setupScript(document, helpers = {}) {
|
async function setupScript(document, helpers = {}) {
|
||||||
await scripts.promise
|
await scripts.list.promise
|
||||||
|
|
||||||
let scriptDefs = doctypeScripts[doctype]
|
let scriptDefs = doctypeScripts[doctype]
|
||||||
if (!scriptDefs || Object.keys(scriptDefs).length === 0) return null
|
if (!scriptDefs || Object.keys(scriptDefs).length === 0) return null
|
||||||
@ -116,8 +116,13 @@ export function getScript(doctype, view = 'Form') {
|
|||||||
parentInstance = null,
|
parentInstance = null,
|
||||||
isChildDoctype = false,
|
isChildDoctype = false,
|
||||||
) {
|
) {
|
||||||
|
document.actions = document.actions || []
|
||||||
|
document.statuses = document.statuses || []
|
||||||
|
|
||||||
let instance = new FormClass()
|
let instance = new FormClass()
|
||||||
|
|
||||||
|
// Store the original document context to be used by properties like 'actions'
|
||||||
|
instance._originalDocumentContext = document
|
||||||
instance._isChildDoctype = isChildDoctype
|
instance._isChildDoctype = isChildDoctype
|
||||||
|
|
||||||
for (const key in document) {
|
for (const key in document) {
|
||||||
@ -199,6 +204,76 @@ export function getScript(doctype, view = 'Form') {
|
|||||||
return createDocProxy(row, this)
|
return createDocProxy(row, this)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (!Object.prototype.hasOwnProperty.call(FormClass.prototype, 'actions')) {
|
||||||
|
Object.defineProperty(FormClass.prototype, 'actions', {
|
||||||
|
configurable: true,
|
||||||
|
enumerable: true,
|
||||||
|
get() {
|
||||||
|
if (!this._originalDocumentContext) {
|
||||||
|
console.warn(
|
||||||
|
'CRM Script: _originalDocumentContext not found on instance for actions getter.',
|
||||||
|
)
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
|
||||||
|
return this._originalDocumentContext.actions
|
||||||
|
},
|
||||||
|
set(newValue) {
|
||||||
|
if (!this._originalDocumentContext) {
|
||||||
|
console.warn(
|
||||||
|
'CRM Script: _originalDocumentContext not found on instance for actions setter.',
|
||||||
|
)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (!Array.isArray(newValue)) {
|
||||||
|
console.warn(
|
||||||
|
'CRM Script: "actions" property must be an array. Value was not set.',
|
||||||
|
newValue,
|
||||||
|
)
|
||||||
|
this._originalDocumentContext.actions = []
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this._originalDocumentContext.actions = newValue
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
!Object.prototype.hasOwnProperty.call(FormClass.prototype, 'statuses')
|
||||||
|
) {
|
||||||
|
Object.defineProperty(FormClass.prototype, 'statuses', {
|
||||||
|
configurable: true,
|
||||||
|
enumerable: true,
|
||||||
|
get() {
|
||||||
|
if (!this._originalDocumentContext) {
|
||||||
|
console.warn(
|
||||||
|
'CRM Script: _originalDocumentContext not found on instance for statuses getter.',
|
||||||
|
)
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
|
||||||
|
return this._originalDocumentContext.statuses
|
||||||
|
},
|
||||||
|
set(newValue) {
|
||||||
|
if (!this._originalDocumentContext) {
|
||||||
|
console.warn(
|
||||||
|
'CRM Script: _originalDocumentContext not found on instance for statuses setter.',
|
||||||
|
)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (!Array.isArray(newValue)) {
|
||||||
|
console.warn(
|
||||||
|
'CRM Script: "statuses" property must be an array. Value was not set.',
|
||||||
|
newValue,
|
||||||
|
)
|
||||||
|
this._originalDocumentContext.statuses = []
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this._originalDocumentContext.statuses = newValue
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// utility function to setup a form controller
|
// utility function to setup a form controller
|
||||||
|
|||||||
@ -62,8 +62,9 @@
|
|||||||
v-model:callLog="callLog"
|
v-model:callLog="callLog"
|
||||||
/>
|
/>
|
||||||
<CallLogModal
|
<CallLogModal
|
||||||
|
v-if="showCallLogModal"
|
||||||
v-model="showCallLogModal"
|
v-model="showCallLogModal"
|
||||||
v-model:callLog="callLog"
|
:data="callLog.data"
|
||||||
:options="{ afterInsert: () => callLogs.reload() }"
|
:options="{ afterInsert: () => callLogs.reload() }"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -172,7 +172,6 @@
|
|||||||
:errorTitle="errorTitle"
|
:errorTitle="errorTitle"
|
||||||
:errorMessage="errorMessage"
|
:errorMessage="errorMessage"
|
||||||
/>
|
/>
|
||||||
<AddressModal v-model="showAddressModal" v-model:address="_address" />
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
@ -187,6 +186,7 @@ import DealsIcon from '@/components/Icons/DealsIcon.vue'
|
|||||||
import DealsListView from '@/components/ListViews/DealsListView.vue'
|
import DealsListView from '@/components/ListViews/DealsListView.vue'
|
||||||
import AddressModal from '@/components/Modals/AddressModal.vue'
|
import AddressModal from '@/components/Modals/AddressModal.vue'
|
||||||
import { formatDate, timeAgo, validateIsImageFile } from '@/utils'
|
import { formatDate, timeAgo, validateIsImageFile } from '@/utils'
|
||||||
|
import { showAddressModal, addressProps } from '@/composables/modals'
|
||||||
import { getView } from '@/utils/view'
|
import { getView } from '@/utils/view'
|
||||||
import { getSettings } from '@/stores/settings'
|
import { getSettings } from '@/stores/settings'
|
||||||
import { getMeta } from '@/stores/meta'
|
import { getMeta } from '@/stores/meta'
|
||||||
@ -208,7 +208,6 @@ import {
|
|||||||
} from 'frappe-ui'
|
} from 'frappe-ui'
|
||||||
import { ref, computed, h } from 'vue'
|
import { ref, computed, h } from 'vue'
|
||||||
import { useRoute, useRouter } from 'vue-router'
|
import { useRoute, useRouter } from 'vue-router'
|
||||||
import { errorMessage as _errorMessage } from '../utils'
|
|
||||||
|
|
||||||
const { brand } = getSettings()
|
const { brand } = getSettings()
|
||||||
const { $dialog, makeCall } = globalStore()
|
const { $dialog, makeCall } = globalStore()
|
||||||
@ -228,9 +227,7 @@ const props = defineProps({
|
|||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
||||||
const showAddressModal = ref(false)
|
|
||||||
const _contact = ref({})
|
const _contact = ref({})
|
||||||
const _address = ref({})
|
|
||||||
|
|
||||||
const errorTitle = ref('')
|
const errorTitle = ref('')
|
||||||
const errorMessage = ref('')
|
const errorMessage = ref('')
|
||||||
@ -486,17 +483,10 @@ function getParsedSections(_sections) {
|
|||||||
...field,
|
...field,
|
||||||
create: (value, close) => {
|
create: (value, close) => {
|
||||||
_contact.value.address = value
|
_contact.value.address = value
|
||||||
_address.value = {}
|
openAddressModal()
|
||||||
showAddressModal.value = true
|
|
||||||
close()
|
close()
|
||||||
},
|
},
|
||||||
edit: async (addr) => {
|
edit: (address) => openAddressModal(address),
|
||||||
_address.value = await call('frappe.client.get', {
|
|
||||||
doctype: 'Address',
|
|
||||||
name: addr,
|
|
||||||
})
|
|
||||||
showAddressModal.value = true
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
return field
|
return field
|
||||||
@ -555,18 +545,6 @@ async function deleteOption(doctype, name) {
|
|||||||
toast.success(__('Contact updated'))
|
toast.success(__('Contact updated'))
|
||||||
}
|
}
|
||||||
|
|
||||||
async function updateField(fieldname, value) {
|
|
||||||
await call('frappe.client.set_value', {
|
|
||||||
doctype: 'Contact',
|
|
||||||
name: props.contactId,
|
|
||||||
fieldname,
|
|
||||||
value,
|
|
||||||
})
|
|
||||||
toast.success(__('Contact updated'))
|
|
||||||
|
|
||||||
contact.reload()
|
|
||||||
}
|
|
||||||
|
|
||||||
const { getFormattedCurrency } = getMeta('CRM Deal')
|
const { getFormattedCurrency } = getMeta('CRM Deal')
|
||||||
|
|
||||||
const columns = computed(() => dealColumns)
|
const columns = computed(() => dealColumns)
|
||||||
@ -634,4 +612,12 @@ const dealColumns = [
|
|||||||
width: '8rem',
|
width: '8rem',
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|
||||||
|
function openAddressModal(_address) {
|
||||||
|
showAddressModal.value = true
|
||||||
|
addressProps.value = {
|
||||||
|
doctype: 'Address',
|
||||||
|
address: _address,
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -63,17 +63,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ContactModal
|
<ContactModal
|
||||||
|
v-if="showContactModal"
|
||||||
v-model="showContactModal"
|
v-model="showContactModal"
|
||||||
v-model:showQuickEntryModal="showQuickEntryModal"
|
|
||||||
:contact="{}"
|
:contact="{}"
|
||||||
@openAddressModal="(_address) => openAddressModal(_address)"
|
|
||||||
/>
|
/>
|
||||||
<QuickEntryModal
|
|
||||||
v-if="showQuickEntryModal"
|
|
||||||
v-model="showQuickEntryModal"
|
|
||||||
doctype="Contact"
|
|
||||||
/>
|
|
||||||
<AddressModal v-model="showAddressModal" v-model:address="address" />
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
@ -82,14 +75,11 @@ import CustomActions from '@/components/CustomActions.vue'
|
|||||||
import ContactsIcon from '@/components/Icons/ContactsIcon.vue'
|
import ContactsIcon from '@/components/Icons/ContactsIcon.vue'
|
||||||
import LayoutHeader from '@/components/LayoutHeader.vue'
|
import LayoutHeader from '@/components/LayoutHeader.vue'
|
||||||
import ContactModal from '@/components/Modals/ContactModal.vue'
|
import ContactModal from '@/components/Modals/ContactModal.vue'
|
||||||
import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
|
|
||||||
import AddressModal from '@/components/Modals/AddressModal.vue'
|
|
||||||
import ContactsListView from '@/components/ListViews/ContactsListView.vue'
|
import ContactsListView from '@/components/ListViews/ContactsListView.vue'
|
||||||
import ViewControls from '@/components/ViewControls.vue'
|
import ViewControls from '@/components/ViewControls.vue'
|
||||||
import { getMeta } from '@/stores/meta'
|
import { getMeta } from '@/stores/meta'
|
||||||
import { organizationsStore } from '@/stores/organizations.js'
|
import { organizationsStore } from '@/stores/organizations.js'
|
||||||
import { formatDate, timeAgo } from '@/utils'
|
import { formatDate, timeAgo } from '@/utils'
|
||||||
import { call } from 'frappe-ui'
|
|
||||||
import { ref, computed } from 'vue'
|
import { ref, computed } from 'vue'
|
||||||
|
|
||||||
const { getFormattedPercent, getFormattedFloat, getFormattedCurrency } =
|
const { getFormattedPercent, getFormattedFloat, getFormattedCurrency } =
|
||||||
@ -97,14 +87,11 @@ const { getFormattedPercent, getFormattedFloat, getFormattedCurrency } =
|
|||||||
const { getOrganization } = organizationsStore()
|
const { getOrganization } = organizationsStore()
|
||||||
|
|
||||||
const showContactModal = ref(false)
|
const showContactModal = ref(false)
|
||||||
const showQuickEntryModal = ref(false)
|
|
||||||
const showAddressModal = ref(false)
|
|
||||||
|
|
||||||
const contactsListView = ref(null)
|
const contactsListView = ref(null)
|
||||||
|
|
||||||
// contacts data is loaded in the ViewControls component
|
// contacts data is loaded in the ViewControls component
|
||||||
const contacts = ref({})
|
const contacts = ref({})
|
||||||
const address = ref({})
|
|
||||||
const loadMore = ref(1)
|
const loadMore = ref(1)
|
||||||
const triggerResize = ref(1)
|
const triggerResize = ref(1)
|
||||||
const updatedPageCount = ref(20)
|
const updatedPageCount = ref(20)
|
||||||
@ -166,15 +153,4 @@ const rows = computed(() => {
|
|||||||
return _rows
|
return _rows
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
async function openAddressModal(_address) {
|
|
||||||
if (_address) {
|
|
||||||
_address = await call('frappe.client.get', {
|
|
||||||
doctype: 'Address',
|
|
||||||
name: _address,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
showAddressModal.value = true
|
|
||||||
address.value = _address || {}
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -12,18 +12,25 @@
|
|||||||
v-if="deal.data._customActions?.length"
|
v-if="deal.data._customActions?.length"
|
||||||
:actions="deal.data._customActions"
|
:actions="deal.data._customActions"
|
||||||
/>
|
/>
|
||||||
|
<CustomActions
|
||||||
|
v-if="document.actions?.length"
|
||||||
|
:actions="document.actions"
|
||||||
|
/>
|
||||||
<AssignTo
|
<AssignTo
|
||||||
v-model="deal.data._assignedTo"
|
v-model="assignees.data"
|
||||||
:data="deal.data"
|
:data="document.doc"
|
||||||
doctype="CRM Deal"
|
doctype="CRM Deal"
|
||||||
/>
|
/>
|
||||||
<Dropdown
|
<Dropdown
|
||||||
:options="statusOptions('deal', updateField, deal.data._customStatuses)"
|
v-if="document.doc"
|
||||||
|
:options="statusOptions('deal', document, deal.data._customStatuses)"
|
||||||
>
|
>
|
||||||
<template #default="{ open }">
|
<template #default="{ open }">
|
||||||
<Button :label="deal.data.status">
|
<Button :label="document.doc.status">
|
||||||
<template #prefix>
|
<template #prefix>
|
||||||
<IndicatorIcon :class="getDealStatus(deal.data.status).color" />
|
<IndicatorIcon
|
||||||
|
:class="getDealStatus(document.doc.status).color"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template #suffix>
|
<template #suffix>
|
||||||
<FeatherIcon
|
<FeatherIcon
|
||||||
@ -46,6 +53,7 @@
|
|||||||
v-model:reload="reload"
|
v-model:reload="reload"
|
||||||
v-model:tabIndex="tabIndex"
|
v-model:tabIndex="tabIndex"
|
||||||
v-model="deal"
|
v-model="deal"
|
||||||
|
@afterSave="reloadAssignees"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
</Tabs>
|
</Tabs>
|
||||||
@ -134,6 +142,7 @@
|
|||||||
doctype="CRM Deal"
|
doctype="CRM Deal"
|
||||||
:docname="deal.data.name"
|
:docname="deal.data.name"
|
||||||
@reload="sections.reload"
|
@reload="sections.reload"
|
||||||
|
@afterFieldChange="reloadAssignees"
|
||||||
>
|
>
|
||||||
<template #actions="{ section }">
|
<template #actions="{ section }">
|
||||||
<div v-if="section.name == 'contacts_section'" class="pr-2">
|
<div v-if="section.name == 'contacts_section'" class="pr-2">
|
||||||
@ -272,14 +281,16 @@
|
|||||||
:errorMessage="errorMessage"
|
:errorMessage="errorMessage"
|
||||||
/>
|
/>
|
||||||
<OrganizationModal
|
<OrganizationModal
|
||||||
|
v-if="showOrganizationModal"
|
||||||
v-model="showOrganizationModal"
|
v-model="showOrganizationModal"
|
||||||
v-model:organization="_organization"
|
:data="_organization"
|
||||||
:options="{
|
:options="{
|
||||||
redirect: false,
|
redirect: false,
|
||||||
afterInsert: (doc) => updateField('organization', doc.name),
|
afterInsert: (doc) => updateField('organization', doc.name),
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
<ContactModal
|
<ContactModal
|
||||||
|
v-if="showContactModal"
|
||||||
v-model="showContactModal"
|
v-model="showContactModal"
|
||||||
:contact="_contact"
|
:contact="_contact"
|
||||||
:options="{
|
:options="{
|
||||||
@ -330,17 +341,13 @@ import Section from '@/components/Section.vue'
|
|||||||
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import SLASection from '@/components/SLASection.vue'
|
import SLASection from '@/components/SLASection.vue'
|
||||||
import CustomActions from '@/components/CustomActions.vue'
|
import CustomActions from '@/components/CustomActions.vue'
|
||||||
import {
|
import { openWebsite, setupCustomizations, copyToClipboard } from '@/utils'
|
||||||
openWebsite,
|
|
||||||
setupAssignees,
|
|
||||||
setupCustomizations,
|
|
||||||
copyToClipboard,
|
|
||||||
} from '@/utils'
|
|
||||||
import { getView } from '@/utils/view'
|
import { getView } from '@/utils/view'
|
||||||
import { getSettings } from '@/stores/settings'
|
import { getSettings } from '@/stores/settings'
|
||||||
import { globalStore } from '@/stores/global'
|
import { globalStore } from '@/stores/global'
|
||||||
import { statusesStore } from '@/stores/statuses'
|
import { statusesStore } from '@/stores/statuses'
|
||||||
import { getMeta } from '@/stores/meta'
|
import { getMeta } from '@/stores/meta'
|
||||||
|
import { useDocument } from '@/data/document'
|
||||||
import { whatsappEnabled, callEnabled } from '@/composables/settings'
|
import { whatsappEnabled, callEnabled } from '@/composables/settings'
|
||||||
import {
|
import {
|
||||||
createResource,
|
createResource,
|
||||||
@ -394,7 +401,6 @@ const deal = createResource({
|
|||||||
organization.fetch()
|
organization.fetch()
|
||||||
}
|
}
|
||||||
|
|
||||||
setupAssignees(deal)
|
|
||||||
setupCustomizations(deal, {
|
setupCustomizations(deal, {
|
||||||
doc: data,
|
doc: data,
|
||||||
$dialog,
|
$dialog,
|
||||||
@ -719,4 +725,12 @@ const activities = ref(null)
|
|||||||
function openEmailBox() {
|
function openEmailBox() {
|
||||||
activities.value.emailBox.show = true
|
activities.value.emailBox.show = true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const { assignees, document } = useDocument('CRM Deal', props.dealId)
|
||||||
|
|
||||||
|
function reloadAssignees(data) {
|
||||||
|
if (data?.hasOwnProperty('deal_owner')) {
|
||||||
|
assignees.reload()
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -241,7 +241,6 @@
|
|||||||
<DealModal
|
<DealModal
|
||||||
v-if="showDealModal"
|
v-if="showDealModal"
|
||||||
v-model="showDealModal"
|
v-model="showDealModal"
|
||||||
v-model:quickEntry="showQuickEntryModal"
|
|
||||||
:defaults="defaults"
|
:defaults="defaults"
|
||||||
/>
|
/>
|
||||||
<NoteModal
|
<NoteModal
|
||||||
@ -258,11 +257,6 @@
|
|||||||
doctype="CRM Deal"
|
doctype="CRM Deal"
|
||||||
:doc="docname"
|
:doc="docname"
|
||||||
/>
|
/>
|
||||||
<QuickEntryModal
|
|
||||||
v-if="showQuickEntryModal"
|
|
||||||
v-model="showQuickEntryModal"
|
|
||||||
doctype="CRM Deal"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
@ -282,7 +276,6 @@ import KanbanView from '@/components/Kanban/KanbanView.vue'
|
|||||||
import DealModal from '@/components/Modals/DealModal.vue'
|
import DealModal from '@/components/Modals/DealModal.vue'
|
||||||
import NoteModal from '@/components/Modals/NoteModal.vue'
|
import NoteModal from '@/components/Modals/NoteModal.vue'
|
||||||
import TaskModal from '@/components/Modals/TaskModal.vue'
|
import TaskModal from '@/components/Modals/TaskModal.vue'
|
||||||
import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
|
|
||||||
import ViewControls from '@/components/ViewControls.vue'
|
import ViewControls from '@/components/ViewControls.vue'
|
||||||
import { getMeta } from '@/stores/meta'
|
import { getMeta } from '@/stores/meta'
|
||||||
import { globalStore } from '@/stores/global'
|
import { globalStore } from '@/stores/global'
|
||||||
@ -306,7 +299,6 @@ const route = useRoute()
|
|||||||
|
|
||||||
const dealsListView = ref(null)
|
const dealsListView = ref(null)
|
||||||
const showDealModal = ref(false)
|
const showDealModal = ref(false)
|
||||||
const showQuickEntryModal = ref(false)
|
|
||||||
|
|
||||||
const defaults = reactive({})
|
const defaults = reactive({})
|
||||||
|
|
||||||
|
|||||||
@ -12,18 +12,25 @@
|
|||||||
v-if="lead.data._customActions?.length"
|
v-if="lead.data._customActions?.length"
|
||||||
:actions="lead.data._customActions"
|
:actions="lead.data._customActions"
|
||||||
/>
|
/>
|
||||||
|
<CustomActions
|
||||||
|
v-if="document.actions?.length"
|
||||||
|
:actions="document.actions"
|
||||||
|
/>
|
||||||
<AssignTo
|
<AssignTo
|
||||||
v-model="lead.data._assignedTo"
|
v-model="assignees.data"
|
||||||
:data="lead.data"
|
:data="document.doc"
|
||||||
doctype="CRM Lead"
|
doctype="CRM Lead"
|
||||||
/>
|
/>
|
||||||
<Dropdown
|
<Dropdown
|
||||||
:options="statusOptions('lead', updateField, lead.data._customStatuses)"
|
v-if="document.doc"
|
||||||
|
:options="statusOptions('lead', document, lead.data._customStatuses)"
|
||||||
>
|
>
|
||||||
<template #default="{ open }">
|
<template #default="{ open }">
|
||||||
<Button :label="lead.data.status">
|
<Button :label="document.doc.status">
|
||||||
<template #prefix>
|
<template #prefix>
|
||||||
<IndicatorIcon :class="getLeadStatus(lead.data.status).color" />
|
<IndicatorIcon
|
||||||
|
:class="getLeadStatus(document.doc.status).color"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template #suffix>
|
<template #suffix>
|
||||||
<FeatherIcon
|
<FeatherIcon
|
||||||
@ -51,6 +58,7 @@
|
|||||||
v-model:reload="reload"
|
v-model:reload="reload"
|
||||||
v-model:tabIndex="tabIndex"
|
v-model:tabIndex="tabIndex"
|
||||||
v-model="lead"
|
v-model="lead"
|
||||||
|
@afterSave="reloadAssignees"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
</Tabs>
|
</Tabs>
|
||||||
@ -186,6 +194,7 @@
|
|||||||
doctype="CRM Lead"
|
doctype="CRM Lead"
|
||||||
:docname="lead.data.name"
|
:docname="lead.data.name"
|
||||||
@reload="sections.reload"
|
@reload="sections.reload"
|
||||||
|
@afterFieldChange="reloadAssignees"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</Resizer>
|
</Resizer>
|
||||||
@ -293,12 +302,6 @@
|
|||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
</Dialog>
|
</Dialog>
|
||||||
<QuickEntryModal
|
|
||||||
v-if="showQuickEntryModal"
|
|
||||||
v-model="showQuickEntryModal"
|
|
||||||
doctype="CRM Deal"
|
|
||||||
:onlyRequired="true"
|
|
||||||
/>
|
|
||||||
<FilesUploader
|
<FilesUploader
|
||||||
v-if="lead.data?.name"
|
v-if="lead.data?.name"
|
||||||
v-model="showFilesUploader"
|
v-model="showFilesUploader"
|
||||||
@ -339,16 +342,10 @@ import FilesUploader from '@/components/FilesUploader/FilesUploader.vue'
|
|||||||
import Link from '@/components/Controls/Link.vue'
|
import Link from '@/components/Controls/Link.vue'
|
||||||
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import FieldLayout from '@/components/FieldLayout/FieldLayout.vue'
|
import FieldLayout from '@/components/FieldLayout/FieldLayout.vue'
|
||||||
import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
|
|
||||||
import SLASection from '@/components/SLASection.vue'
|
import SLASection from '@/components/SLASection.vue'
|
||||||
import CustomActions from '@/components/CustomActions.vue'
|
import CustomActions from '@/components/CustomActions.vue'
|
||||||
import {
|
import { openWebsite, setupCustomizations, copyToClipboard, validateIsImageFile } from '@/utils'
|
||||||
openWebsite,
|
import { showQuickEntryModal, quickEntryProps } from '@/composables/modals'
|
||||||
setupAssignees,
|
|
||||||
setupCustomizations,
|
|
||||||
copyToClipboard,
|
|
||||||
validateIsImageFile
|
|
||||||
} from '@/utils'
|
|
||||||
import { getView } from '@/utils/view'
|
import { getView } from '@/utils/view'
|
||||||
import { getSettings } from '@/stores/settings'
|
import { getSettings } from '@/stores/settings'
|
||||||
import { sessionStore } from '@/stores/session'
|
import { sessionStore } from '@/stores/session'
|
||||||
@ -410,7 +407,6 @@ const lead = createResource({
|
|||||||
onSuccess: (data) => {
|
onSuccess: (data) => {
|
||||||
errorTitle.value = ''
|
errorTitle.value = ''
|
||||||
errorMessage.value = ''
|
errorMessage.value = ''
|
||||||
setupAssignees(lead)
|
|
||||||
setupCustomizations(lead, {
|
setupCustomizations(lead, {
|
||||||
doc: data,
|
doc: data,
|
||||||
$dialog,
|
$dialog,
|
||||||
@ -609,7 +605,10 @@ const existingOrganizationChecked = ref(false)
|
|||||||
const existingContact = ref('')
|
const existingContact = ref('')
|
||||||
const existingOrganization = ref('')
|
const existingOrganization = ref('')
|
||||||
|
|
||||||
const { triggerConvertToDeal } = useDocument('CRM Lead', props.leadId)
|
const { triggerConvertToDeal, assignees, document } = useDocument(
|
||||||
|
'CRM Lead',
|
||||||
|
props.leadId,
|
||||||
|
)
|
||||||
|
|
||||||
async function convertToDeal() {
|
async function convertToDeal() {
|
||||||
if (existingContactChecked.value && !existingContact.value) {
|
if (existingContactChecked.value && !existingContact.value) {
|
||||||
@ -703,10 +702,18 @@ const dealTabs = createResource({
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
const showQuickEntryModal = ref(false)
|
|
||||||
|
|
||||||
function openQuickEntryModal() {
|
function openQuickEntryModal() {
|
||||||
showQuickEntryModal.value = true
|
showQuickEntryModal.value = true
|
||||||
|
quickEntryProps.value = {
|
||||||
|
doctype: 'CRM Deal',
|
||||||
|
onlyRequired: true,
|
||||||
|
}
|
||||||
showConvertToDealModal.value = false
|
showConvertToDealModal.value = false
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function reloadAssignees(data) {
|
||||||
|
if (data?.hasOwnProperty('lead_owner')) {
|
||||||
|
assignees.reload()
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -267,7 +267,6 @@
|
|||||||
<LeadModal
|
<LeadModal
|
||||||
v-if="showLeadModal"
|
v-if="showLeadModal"
|
||||||
v-model="showLeadModal"
|
v-model="showLeadModal"
|
||||||
v-model:quickEntry="showQuickEntryModal"
|
|
||||||
:defaults="defaults"
|
:defaults="defaults"
|
||||||
/>
|
/>
|
||||||
<NoteModal
|
<NoteModal
|
||||||
@ -284,7 +283,6 @@
|
|||||||
doctype="CRM Lead"
|
doctype="CRM Lead"
|
||||||
:doc="docname"
|
:doc="docname"
|
||||||
/>
|
/>
|
||||||
<QuickEntryModal v-if="showQuickEntryModal" v-model="showQuickEntryModal" />
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
@ -304,7 +302,6 @@ import KanbanView from '@/components/Kanban/KanbanView.vue'
|
|||||||
import LeadModal from '@/components/Modals/LeadModal.vue'
|
import LeadModal from '@/components/Modals/LeadModal.vue'
|
||||||
import NoteModal from '@/components/Modals/NoteModal.vue'
|
import NoteModal from '@/components/Modals/NoteModal.vue'
|
||||||
import TaskModal from '@/components/Modals/TaskModal.vue'
|
import TaskModal from '@/components/Modals/TaskModal.vue'
|
||||||
import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
|
|
||||||
import ViewControls from '@/components/ViewControls.vue'
|
import ViewControls from '@/components/ViewControls.vue'
|
||||||
import { getMeta } from '@/stores/meta'
|
import { getMeta } from '@/stores/meta'
|
||||||
import { globalStore } from '@/stores/global'
|
import { globalStore } from '@/stores/global'
|
||||||
@ -326,7 +323,6 @@ const route = useRoute()
|
|||||||
|
|
||||||
const leadsListView = ref(null)
|
const leadsListView = ref(null)
|
||||||
const showLeadModal = ref(false)
|
const showLeadModal = ref(false)
|
||||||
const showQuickEntryModal = ref(false)
|
|
||||||
|
|
||||||
const defaults = reactive({})
|
const defaults = reactive({})
|
||||||
|
|
||||||
|
|||||||
@ -156,7 +156,6 @@
|
|||||||
</TabPanel>
|
</TabPanel>
|
||||||
</Tabs>
|
</Tabs>
|
||||||
</div>
|
</div>
|
||||||
<AddressModal v-model="showAddressModal" v-model:address="_address" />
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
@ -171,6 +170,7 @@ import DealsListView from '@/components/ListViews/DealsListView.vue'
|
|||||||
import AddressModal from '@/components/Modals/AddressModal.vue'
|
import AddressModal from '@/components/Modals/AddressModal.vue'
|
||||||
import { formatDate, timeAgo, validateIsImageFile } from '@/utils'
|
import { formatDate, timeAgo, validateIsImageFile } from '@/utils'
|
||||||
import { getView } from '@/utils/view'
|
import { getView } from '@/utils/view'
|
||||||
|
import { showAddressModal, addressProps } from '@/composables/modals'
|
||||||
import { getSettings } from '@/stores/settings'
|
import { getSettings } from '@/stores/settings'
|
||||||
import { getMeta } from '@/stores/meta'
|
import { getMeta } from '@/stores/meta'
|
||||||
import { globalStore } from '@/stores/global.js'
|
import { globalStore } from '@/stores/global.js'
|
||||||
@ -212,9 +212,7 @@ const props = defineProps({
|
|||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
||||||
const showAddressModal = ref(false)
|
|
||||||
const _contact = ref({})
|
const _contact = ref({})
|
||||||
const _address = ref({})
|
|
||||||
|
|
||||||
const contact = createResource({
|
const contact = createResource({
|
||||||
url: 'crm.api.contact.get_contact',
|
url: 'crm.api.contact.get_contact',
|
||||||
@ -460,17 +458,10 @@ function getParsedSections(_sections) {
|
|||||||
...field,
|
...field,
|
||||||
create: (value, close) => {
|
create: (value, close) => {
|
||||||
_contact.value.address = value
|
_contact.value.address = value
|
||||||
_address.value = {}
|
openAddressModal()
|
||||||
showAddressModal.value = true
|
|
||||||
close()
|
close()
|
||||||
},
|
},
|
||||||
edit: async (addr) => {
|
edit: (address) => openAddressModal(address),
|
||||||
_address.value = await call('frappe.client.get', {
|
|
||||||
doctype: 'Address',
|
|
||||||
name: addr,
|
|
||||||
})
|
|
||||||
showAddressModal.value = true
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
return field
|
return field
|
||||||
@ -529,18 +520,6 @@ async function deleteOption(doctype, name) {
|
|||||||
toast.success(__('Contact updated'))
|
toast.success(__('Contact updated'))
|
||||||
}
|
}
|
||||||
|
|
||||||
async function updateField(fieldname, value) {
|
|
||||||
await call('frappe.client.set_value', {
|
|
||||||
doctype: 'Contact',
|
|
||||||
name: props.contactId,
|
|
||||||
fieldname,
|
|
||||||
value,
|
|
||||||
})
|
|
||||||
toast.success(__('Contact updated'))
|
|
||||||
|
|
||||||
contact.reload()
|
|
||||||
}
|
|
||||||
|
|
||||||
const { getFormattedCurrency } = getMeta('CRM Deal')
|
const { getFormattedCurrency } = getMeta('CRM Deal')
|
||||||
|
|
||||||
const columns = computed(() => dealColumns)
|
const columns = computed(() => dealColumns)
|
||||||
@ -608,4 +587,12 @@ const dealColumns = [
|
|||||||
width: '8rem',
|
width: '8rem',
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|
||||||
|
function openAddressModal(_address) {
|
||||||
|
showAddressModal.value = true
|
||||||
|
addressProps.value = {
|
||||||
|
doctype: 'Address',
|
||||||
|
address: _address,
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -10,14 +10,15 @@
|
|||||||
</Breadcrumbs>
|
</Breadcrumbs>
|
||||||
<div class="absolute right-0">
|
<div class="absolute right-0">
|
||||||
<Dropdown
|
<Dropdown
|
||||||
:options="
|
v-if="document.doc"
|
||||||
statusOptions('deal', updateField, deal.data._customStatuses)
|
:options="statusOptions('deal', document, deal.data._customStatuses)"
|
||||||
"
|
|
||||||
>
|
>
|
||||||
<template #default="{ open }">
|
<template #default="{ open }">
|
||||||
<Button :label="deal.data.status">
|
<Button :label="document.doc.status">
|
||||||
<template #prefix>
|
<template #prefix>
|
||||||
<IndicatorIcon :class="getDealStatus(deal.data.status).color" />
|
<IndicatorIcon
|
||||||
|
:class="getDealStatus(document.doc.status).color"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template #suffix>
|
<template #suffix>
|
||||||
<FeatherIcon
|
<FeatherIcon
|
||||||
@ -36,8 +37,8 @@
|
|||||||
class="flex h-12 items-center justify-between gap-2 border-b px-3 py-2.5"
|
class="flex h-12 items-center justify-between gap-2 border-b px-3 py-2.5"
|
||||||
>
|
>
|
||||||
<AssignTo
|
<AssignTo
|
||||||
v-model="deal.data._assignedTo"
|
v-model="assignees.data"
|
||||||
:data="deal.data"
|
:data="document.doc"
|
||||||
doctype="CRM Deal"
|
doctype="CRM Deal"
|
||||||
/>
|
/>
|
||||||
<div class="flex items-center gap-2">
|
<div class="flex items-center gap-2">
|
||||||
@ -45,6 +46,10 @@
|
|||||||
v-if="deal.data._customActions?.length"
|
v-if="deal.data._customActions?.length"
|
||||||
:actions="deal.data._customActions"
|
:actions="deal.data._customActions"
|
||||||
/>
|
/>
|
||||||
|
<CustomActions
|
||||||
|
v-if="document.actions?.length"
|
||||||
|
:actions="document.actions"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="deal.data" class="flex h-full overflow-hidden">
|
<div v-if="deal.data" class="flex h-full overflow-hidden">
|
||||||
@ -66,6 +71,7 @@
|
|||||||
doctype="CRM Deal"
|
doctype="CRM Deal"
|
||||||
:docname="deal.data.name"
|
:docname="deal.data.name"
|
||||||
@reload="sections.reload"
|
@reload="sections.reload"
|
||||||
|
@afterFieldChange="reloadAssignees"
|
||||||
>
|
>
|
||||||
<template #actions="{ section }">
|
<template #actions="{ section }">
|
||||||
<div v-if="section.name == 'contacts_section'" class="pr-2">
|
<div v-if="section.name == 'contacts_section'" class="pr-2">
|
||||||
@ -214,14 +220,16 @@
|
|||||||
</Tabs>
|
</Tabs>
|
||||||
</div>
|
</div>
|
||||||
<OrganizationModal
|
<OrganizationModal
|
||||||
|
v-if="showOrganizationModal"
|
||||||
v-model="showOrganizationModal"
|
v-model="showOrganizationModal"
|
||||||
v-model:organization="_organization"
|
:data="_organization"
|
||||||
:options="{
|
:options="{
|
||||||
redirect: false,
|
redirect: false,
|
||||||
afterInsert: (doc) => updateField('organization', doc.name),
|
afterInsert: (doc) => updateField('organization', doc.name),
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
<ContactModal
|
<ContactModal
|
||||||
|
v-if="showContactModal"
|
||||||
v-model="showContactModal"
|
v-model="showContactModal"
|
||||||
:contact="_contact"
|
:contact="_contact"
|
||||||
:options="{
|
:options="{
|
||||||
@ -256,12 +264,13 @@ import Link from '@/components/Controls/Link.vue'
|
|||||||
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import SLASection from '@/components/SLASection.vue'
|
import SLASection from '@/components/SLASection.vue'
|
||||||
import CustomActions from '@/components/CustomActions.vue'
|
import CustomActions from '@/components/CustomActions.vue'
|
||||||
import { setupAssignees, setupCustomizations } from '@/utils'
|
import { setupCustomizations } from '@/utils'
|
||||||
import { getView } from '@/utils/view'
|
import { getView } from '@/utils/view'
|
||||||
import { getSettings } from '@/stores/settings'
|
import { getSettings } from '@/stores/settings'
|
||||||
import { globalStore } from '@/stores/global'
|
import { globalStore } from '@/stores/global'
|
||||||
import { statusesStore } from '@/stores/statuses'
|
import { statusesStore } from '@/stores/statuses'
|
||||||
import { getMeta } from '@/stores/meta'
|
import { getMeta } from '@/stores/meta'
|
||||||
|
import { useDocument } from '@/data/document'
|
||||||
import {
|
import {
|
||||||
whatsappEnabled,
|
whatsappEnabled,
|
||||||
callEnabled,
|
callEnabled,
|
||||||
@ -309,7 +318,6 @@ const deal = createResource({
|
|||||||
organization.fetch()
|
organization.fetch()
|
||||||
}
|
}
|
||||||
|
|
||||||
setupAssignees(deal)
|
|
||||||
setupCustomizations(deal, {
|
setupCustomizations(deal, {
|
||||||
doc: data,
|
doc: data,
|
||||||
$dialog,
|
$dialog,
|
||||||
@ -603,4 +611,12 @@ async function deleteDeal(name) {
|
|||||||
})
|
})
|
||||||
router.push({ name: 'Deals' })
|
router.push({ name: 'Deals' })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const { assignees, document } = useDocument('CRM Deal', props.dealId)
|
||||||
|
|
||||||
|
function reloadAssignees(data) {
|
||||||
|
if (data?.hasOwnProperty('deal_owner')) {
|
||||||
|
assignees.reload()
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -10,14 +10,15 @@
|
|||||||
</Breadcrumbs>
|
</Breadcrumbs>
|
||||||
<div class="absolute right-0">
|
<div class="absolute right-0">
|
||||||
<Dropdown
|
<Dropdown
|
||||||
:options="
|
v-if="document.doc"
|
||||||
statusOptions('lead', updateField, lead.data._customStatuses)
|
:options="statusOptions('lead', document, lead.data._customStatuses)"
|
||||||
"
|
|
||||||
>
|
>
|
||||||
<template #default="{ open }">
|
<template #default="{ open }">
|
||||||
<Button :label="lead.data.status">
|
<Button :label="document.doc.status">
|
||||||
<template #prefix>
|
<template #prefix>
|
||||||
<IndicatorIcon :class="getLeadStatus(lead.data.status).color" />
|
<IndicatorIcon
|
||||||
|
:class="getLeadStatus(document.doc.status).color"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template #suffix>
|
<template #suffix>
|
||||||
<FeatherIcon
|
<FeatherIcon
|
||||||
@ -36,8 +37,8 @@
|
|||||||
class="flex h-12 items-center justify-between gap-2 border-b px-3 py-2.5"
|
class="flex h-12 items-center justify-between gap-2 border-b px-3 py-2.5"
|
||||||
>
|
>
|
||||||
<AssignTo
|
<AssignTo
|
||||||
v-model="lead.data._assignedTo"
|
v-model="assignees.data"
|
||||||
:data="lead.data"
|
:data="document.doc"
|
||||||
doctype="CRM Lead"
|
doctype="CRM Lead"
|
||||||
/>
|
/>
|
||||||
<div class="flex items-center gap-2">
|
<div class="flex items-center gap-2">
|
||||||
@ -45,6 +46,10 @@
|
|||||||
v-if="lead.data._customActions?.length"
|
v-if="lead.data._customActions?.length"
|
||||||
:actions="lead.data._customActions"
|
:actions="lead.data._customActions"
|
||||||
/>
|
/>
|
||||||
|
<CustomActions
|
||||||
|
v-if="document.actions?.length"
|
||||||
|
:actions="document.actions"
|
||||||
|
/>
|
||||||
<Button
|
<Button
|
||||||
:label="__('Convert')"
|
:label="__('Convert')"
|
||||||
variant="solid"
|
variant="solid"
|
||||||
@ -71,6 +76,7 @@
|
|||||||
doctype="CRM Lead"
|
doctype="CRM Lead"
|
||||||
:docname="lead.data.name"
|
:docname="lead.data.name"
|
||||||
@reload="sections.reload"
|
@reload="sections.reload"
|
||||||
|
@afterFieldChange="reloadAssignees"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -173,12 +179,13 @@ import Link from '@/components/Controls/Link.vue'
|
|||||||
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import SLASection from '@/components/SLASection.vue'
|
import SLASection from '@/components/SLASection.vue'
|
||||||
import CustomActions from '@/components/CustomActions.vue'
|
import CustomActions from '@/components/CustomActions.vue'
|
||||||
import { setupAssignees, setupCustomizations } from '@/utils'
|
import { setupCustomizations } from '@/utils'
|
||||||
import { getView } from '@/utils/view'
|
import { getView } from '@/utils/view'
|
||||||
import { getSettings } from '@/stores/settings'
|
import { getSettings } from '@/stores/settings'
|
||||||
import { globalStore } from '@/stores/global'
|
import { globalStore } from '@/stores/global'
|
||||||
import { statusesStore } from '@/stores/statuses'
|
import { statusesStore } from '@/stores/statuses'
|
||||||
import { getMeta } from '@/stores/meta'
|
import { getMeta } from '@/stores/meta'
|
||||||
|
import { useDocument } from '@/data/document'
|
||||||
import {
|
import {
|
||||||
whatsappEnabled,
|
whatsappEnabled,
|
||||||
callEnabled,
|
callEnabled,
|
||||||
@ -220,7 +227,6 @@ const lead = createResource({
|
|||||||
params: { name: props.leadId },
|
params: { name: props.leadId },
|
||||||
cache: ['lead', props.leadId],
|
cache: ['lead', props.leadId],
|
||||||
onSuccess: (data) => {
|
onSuccess: (data) => {
|
||||||
setupAssignees(lead)
|
|
||||||
setupCustomizations(lead, {
|
setupCustomizations(lead, {
|
||||||
doc: data,
|
doc: data,
|
||||||
$dialog,
|
$dialog,
|
||||||
@ -454,4 +460,12 @@ async function convertToDeal() {
|
|||||||
router.push({ name: 'Deal', params: { dealId: deal } })
|
router.push({ name: 'Deal', params: { dealId: deal } })
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const { assignees, document } = useDocument('CRM Lead', props.leadId)
|
||||||
|
|
||||||
|
function reloadAssignees(data) {
|
||||||
|
if (data?.hasOwnProperty('lead_owner')) {
|
||||||
|
assignees.reload()
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -145,20 +145,19 @@
|
|||||||
</TabPanel>
|
</TabPanel>
|
||||||
</Tabs>
|
</Tabs>
|
||||||
</div>
|
</div>
|
||||||
<AddressModal v-model="showAddressModal" v-model:address="_address" />
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import Icon from '@/components/Icon.vue'
|
import Icon from '@/components/Icon.vue'
|
||||||
import LayoutHeader from '@/components/LayoutHeader.vue'
|
import LayoutHeader from '@/components/LayoutHeader.vue'
|
||||||
import AddressModal from '@/components/Modals/AddressModal.vue'
|
|
||||||
import DealsListView from '@/components/ListViews/DealsListView.vue'
|
import DealsListView from '@/components/ListViews/DealsListView.vue'
|
||||||
import ContactsListView from '@/components/ListViews/ContactsListView.vue'
|
import ContactsListView from '@/components/ListViews/ContactsListView.vue'
|
||||||
import DetailsIcon from '@/components/Icons/DetailsIcon.vue'
|
import DetailsIcon from '@/components/Icons/DetailsIcon.vue'
|
||||||
import CameraIcon from '@/components/Icons/CameraIcon.vue'
|
import CameraIcon from '@/components/Icons/CameraIcon.vue'
|
||||||
import DealsIcon from '@/components/Icons/DealsIcon.vue'
|
import DealsIcon from '@/components/Icons/DealsIcon.vue'
|
||||||
import ContactsIcon from '@/components/Icons/ContactsIcon.vue'
|
import ContactsIcon from '@/components/Icons/ContactsIcon.vue'
|
||||||
|
import { showAddressModal, addressProps } from '@/composables/modals'
|
||||||
import { getSettings } from '@/stores/settings'
|
import { getSettings } from '@/stores/settings'
|
||||||
import { getMeta } from '@/stores/meta'
|
import { getMeta } from '@/stores/meta'
|
||||||
import { globalStore } from '@/stores/global'
|
import { globalStore } from '@/stores/global'
|
||||||
@ -289,9 +288,7 @@ function openWebsite() {
|
|||||||
else window.open(organization.doc.website, '_blank')
|
else window.open(organization.doc.website, '_blank')
|
||||||
}
|
}
|
||||||
|
|
||||||
const showAddressModal = ref(false)
|
|
||||||
const _organization = ref({})
|
const _organization = ref({})
|
||||||
const _address = ref({})
|
|
||||||
|
|
||||||
const sections = createResource({
|
const sections = createResource({
|
||||||
url: 'crm.fcrm.doctype.crm_fields_layout.crm_fields_layout.get_sidepanel_sections',
|
url: 'crm.fcrm.doctype.crm_fields_layout.crm_fields_layout.get_sidepanel_sections',
|
||||||
@ -310,17 +307,10 @@ function getParsedSections(_sections) {
|
|||||||
...field,
|
...field,
|
||||||
create: (value, close) => {
|
create: (value, close) => {
|
||||||
_organization.value.address = value
|
_organization.value.address = value
|
||||||
_address.value = {}
|
openAddressModal()
|
||||||
showAddressModal.value = true
|
|
||||||
close()
|
close()
|
||||||
},
|
},
|
||||||
edit: async (addr) => {
|
edit: (address) => openAddressModal(address),
|
||||||
_address.value = await call('frappe.client.get', {
|
|
||||||
doctype: 'Address',
|
|
||||||
name: addr,
|
|
||||||
})
|
|
||||||
showAddressModal.value = true
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
return field
|
return field
|
||||||
@ -526,4 +516,12 @@ const contactColumns = [
|
|||||||
width: '8rem',
|
width: '8rem',
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|
||||||
|
function openAddressModal(_address) {
|
||||||
|
showAddressModal.value = true
|
||||||
|
addressProps.value = {
|
||||||
|
doctype: 'Address',
|
||||||
|
address: _address,
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -164,12 +164,6 @@
|
|||||||
:errorTitle="errorTitle"
|
:errorTitle="errorTitle"
|
||||||
:errorMessage="errorMessage"
|
:errorMessage="errorMessage"
|
||||||
/>
|
/>
|
||||||
<QuickEntryModal
|
|
||||||
v-if="showQuickEntryModal"
|
|
||||||
v-model="showQuickEntryModal"
|
|
||||||
doctype="CRM Organization"
|
|
||||||
/>
|
|
||||||
<AddressModal v-model="showAddressModal" v-model:address="_address" />
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
@ -178,14 +172,13 @@ import Resizer from '@/components/Resizer.vue'
|
|||||||
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import Icon from '@/components/Icon.vue'
|
import Icon from '@/components/Icon.vue'
|
||||||
import LayoutHeader from '@/components/LayoutHeader.vue'
|
import LayoutHeader from '@/components/LayoutHeader.vue'
|
||||||
import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
|
|
||||||
import AddressModal from '@/components/Modals/AddressModal.vue'
|
|
||||||
import DealsListView from '@/components/ListViews/DealsListView.vue'
|
import DealsListView from '@/components/ListViews/DealsListView.vue'
|
||||||
import ContactsListView from '@/components/ListViews/ContactsListView.vue'
|
import ContactsListView from '@/components/ListViews/ContactsListView.vue'
|
||||||
import WebsiteIcon from '@/components/Icons/WebsiteIcon.vue'
|
import WebsiteIcon from '@/components/Icons/WebsiteIcon.vue'
|
||||||
import CameraIcon from '@/components/Icons/CameraIcon.vue'
|
import CameraIcon from '@/components/Icons/CameraIcon.vue'
|
||||||
import DealsIcon from '@/components/Icons/DealsIcon.vue'
|
import DealsIcon from '@/components/Icons/DealsIcon.vue'
|
||||||
import ContactsIcon from '@/components/Icons/ContactsIcon.vue'
|
import ContactsIcon from '@/components/Icons/ContactsIcon.vue'
|
||||||
|
import { showAddressModal, addressProps } from '@/composables/modals'
|
||||||
import { getSettings } from '@/stores/settings'
|
import { getSettings } from '@/stores/settings'
|
||||||
import { getMeta } from '@/stores/meta'
|
import { getMeta } from '@/stores/meta'
|
||||||
import { globalStore } from '@/stores/global'
|
import { globalStore } from '@/stores/global'
|
||||||
@ -222,7 +215,6 @@ const { getUser } = usersStore()
|
|||||||
const { $dialog } = globalStore()
|
const { $dialog } = globalStore()
|
||||||
const { getDealStatus } = statusesStore()
|
const { getDealStatus } = statusesStore()
|
||||||
const { doctypeMeta } = getMeta('CRM Organization')
|
const { doctypeMeta } = getMeta('CRM Organization')
|
||||||
const showQuickEntryModal = ref(false)
|
|
||||||
|
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
@ -335,9 +327,7 @@ function openWebsite() {
|
|||||||
else window.open(organization.doc.website, '_blank')
|
else window.open(organization.doc.website, '_blank')
|
||||||
}
|
}
|
||||||
|
|
||||||
const showAddressModal = ref(false)
|
|
||||||
const _organization = ref({})
|
const _organization = ref({})
|
||||||
const _address = ref({})
|
|
||||||
|
|
||||||
const sections = createResource({
|
const sections = createResource({
|
||||||
url: 'crm.fcrm.doctype.crm_fields_layout.crm_fields_layout.get_sidepanel_sections',
|
url: 'crm.fcrm.doctype.crm_fields_layout.crm_fields_layout.get_sidepanel_sections',
|
||||||
@ -356,17 +346,10 @@ function getParsedSections(_sections) {
|
|||||||
...field,
|
...field,
|
||||||
create: (value, close) => {
|
create: (value, close) => {
|
||||||
_organization.value.address = value
|
_organization.value.address = value
|
||||||
_address.value = {}
|
openAddressModal()
|
||||||
showAddressModal.value = true
|
|
||||||
close()
|
close()
|
||||||
},
|
},
|
||||||
edit: async (addr) => {
|
edit: (address) => openAddressModal(address),
|
||||||
_address.value = await call('frappe.client.get', {
|
|
||||||
doctype: 'Address',
|
|
||||||
name: addr,
|
|
||||||
})
|
|
||||||
showAddressModal.value = true
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
return field
|
return field
|
||||||
@ -565,4 +548,12 @@ const contactColumns = [
|
|||||||
width: '8rem',
|
width: '8rem',
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|
||||||
|
function openAddressModal(_address) {
|
||||||
|
showAddressModal.value = true
|
||||||
|
addressProps.value = {
|
||||||
|
doctype: 'Address',
|
||||||
|
address: _address,
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -63,16 +63,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<OrganizationModal
|
<OrganizationModal
|
||||||
|
v-if="showOrganizationModal"
|
||||||
v-model="showOrganizationModal"
|
v-model="showOrganizationModal"
|
||||||
v-model:showQuickEntryModal="showQuickEntryModal"
|
|
||||||
@openAddressModal="(_address) => openAddressModal(_address)"
|
|
||||||
/>
|
/>
|
||||||
<QuickEntryModal
|
|
||||||
v-if="showQuickEntryModal"
|
|
||||||
v-model="showQuickEntryModal"
|
|
||||||
doctype="CRM Organization"
|
|
||||||
/>
|
|
||||||
<AddressModal v-model="showAddressModal" v-model:address="address" />
|
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import ViewBreadcrumbs from '@/components/ViewBreadcrumbs.vue'
|
import ViewBreadcrumbs from '@/components/ViewBreadcrumbs.vue'
|
||||||
@ -80,8 +73,6 @@ import CustomActions from '@/components/CustomActions.vue'
|
|||||||
import OrganizationsIcon from '@/components/Icons/OrganizationsIcon.vue'
|
import OrganizationsIcon from '@/components/Icons/OrganizationsIcon.vue'
|
||||||
import LayoutHeader from '@/components/LayoutHeader.vue'
|
import LayoutHeader from '@/components/LayoutHeader.vue'
|
||||||
import OrganizationModal from '@/components/Modals/OrganizationModal.vue'
|
import OrganizationModal from '@/components/Modals/OrganizationModal.vue'
|
||||||
import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
|
|
||||||
import AddressModal from '@/components/Modals/AddressModal.vue'
|
|
||||||
import OrganizationsListView from '@/components/ListViews/OrganizationsListView.vue'
|
import OrganizationsListView from '@/components/ListViews/OrganizationsListView.vue'
|
||||||
import ViewControls from '@/components/ViewControls.vue'
|
import ViewControls from '@/components/ViewControls.vue'
|
||||||
import { getMeta } from '@/stores/meta'
|
import { getMeta } from '@/stores/meta'
|
||||||
@ -94,12 +85,9 @@ const { getFormattedPercent, getFormattedFloat, getFormattedCurrency } =
|
|||||||
|
|
||||||
const organizationsListView = ref(null)
|
const organizationsListView = ref(null)
|
||||||
const showOrganizationModal = ref(false)
|
const showOrganizationModal = ref(false)
|
||||||
const showQuickEntryModal = ref(false)
|
|
||||||
const showAddressModal = ref(false)
|
|
||||||
|
|
||||||
// organizations data is loaded in the ViewControls component
|
// organizations data is loaded in the ViewControls component
|
||||||
const organizations = ref({})
|
const organizations = ref({})
|
||||||
const address = ref({})
|
|
||||||
const loadMore = ref(1)
|
const loadMore = ref(1)
|
||||||
const triggerResize = ref(1)
|
const triggerResize = ref(1)
|
||||||
const updatedPageCount = ref(20)
|
const updatedPageCount = ref(20)
|
||||||
@ -162,15 +150,4 @@ const rows = computed(() => {
|
|||||||
return _rows
|
return _rows
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
async function openAddressModal(_address) {
|
|
||||||
if (_address) {
|
|
||||||
_address = await call('frappe.client.get', {
|
|
||||||
doctype: 'Address',
|
|
||||||
name: _address,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
showAddressModal.value = true
|
|
||||||
address.value = _address || {}
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -41,21 +41,14 @@
|
|||||||
@click="showLeadModal = true"
|
@click="showLeadModal = true"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<LeadModal
|
<LeadModal v-if="showLeadModal" v-model="showLeadModal" />
|
||||||
v-if="showLeadModal"
|
|
||||||
v-model="showLeadModal"
|
|
||||||
v-model:quickEntry="showQuickEntryModal"
|
|
||||||
/>
|
|
||||||
<QuickEntryModal v-if="showQuickEntryModal" v-model="showQuickEntryModal" />
|
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import AvatarIcon from '@/components/Icons/AvatarIcon.vue'
|
import AvatarIcon from '@/components/Icons/AvatarIcon.vue'
|
||||||
import GoogleIcon from '@/components/Icons/GoogleIcon.vue'
|
import GoogleIcon from '@/components/Icons/GoogleIcon.vue'
|
||||||
import LeadModal from '@/components/Modals/LeadModal.vue'
|
import LeadModal from '@/components/Modals/LeadModal.vue'
|
||||||
import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
|
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
|
|
||||||
const name = ref('John Doe')
|
const name = ref('John Doe')
|
||||||
const showLeadModal = ref(false)
|
const showLeadModal = ref(false)
|
||||||
const showQuickEntryModal = ref(false)
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -77,10 +77,14 @@ export const statusesStore = defineStore('crm-statuses', () => {
|
|||||||
return communicationStatuses[name]
|
return communicationStatuses[name]
|
||||||
}
|
}
|
||||||
|
|
||||||
function statusOptions(doctype, action, statuses = []) {
|
function statusOptions(doctype, document, statuses = []) {
|
||||||
let statusesByName =
|
let statusesByName =
|
||||||
doctype == 'deal' ? dealStatusesByName : leadStatusesByName
|
doctype == 'deal' ? dealStatusesByName : leadStatusesByName
|
||||||
|
|
||||||
|
if (document?.statuses?.length) {
|
||||||
|
statuses = document.statuses
|
||||||
|
}
|
||||||
|
|
||||||
if (statuses.length) {
|
if (statuses.length) {
|
||||||
statusesByName = statuses.reduce((acc, status) => {
|
statusesByName = statuses.reduce((acc, status) => {
|
||||||
acc[status] = statusesByName[status]
|
acc[status] = statusesByName[status]
|
||||||
@ -96,7 +100,10 @@ export const statusesStore = defineStore('crm-statuses', () => {
|
|||||||
icon: () => h(IndicatorIcon, { class: statusesByName[status]?.color }),
|
icon: () => h(IndicatorIcon, { class: statusesByName[status]?.color }),
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
capture('status_changed', { doctype, status })
|
capture('status_changed', { doctype, status })
|
||||||
action && action('status', statusesByName[status]?.name)
|
if (document) {
|
||||||
|
document.doc.status = statusesByName[status]?.name
|
||||||
|
document.save.submit()
|
||||||
|
}
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@ -49,7 +49,8 @@ function initPosthog(ps: PosthogSettings) {
|
|||||||
capture_pageview: true,
|
capture_pageview: true,
|
||||||
capture_pageleave: true,
|
capture_pageleave: true,
|
||||||
enable_heatmaps: false,
|
enable_heatmaps: false,
|
||||||
disable_session_recording: false,
|
disable_session_recording: true,
|
||||||
|
advanced_disable_decide: true,
|
||||||
loaded: (ph: typeof posthog) => {
|
loaded: (ph: typeof posthog) => {
|
||||||
window.posthog = ph
|
window.posthog = ph
|
||||||
ph.identify(window.location.hostname)
|
ph.identify(window.location.hostname)
|
||||||
@ -67,17 +68,9 @@ function capture(
|
|||||||
}
|
}
|
||||||
|
|
||||||
function startRecording() {
|
function startRecording() {
|
||||||
if (!isTelemetryEnabled()) return
|
|
||||||
if (window.posthog?.__loaded) {
|
|
||||||
window.posthog.startSessionRecording()
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function stopRecording() {
|
function stopRecording() {
|
||||||
if (!isTelemetryEnabled()) return
|
|
||||||
if (window.posthog?.__loaded && window.posthog.sessionRecordingStarted()) {
|
|
||||||
window.posthog.stopSessionRecording()
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Posthog Plugin
|
// Posthog Plugin
|
||||||
|
|||||||
@ -211,10 +211,9 @@ export function validateEmail(email) {
|
|||||||
return regExp.test(email)
|
return regExp.test(email)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function setupAssignees(doc) {
|
export function parseAssignees(assignees) {
|
||||||
let { getUser } = usersStore()
|
let { getUser } = usersStore()
|
||||||
let assignees = doc.data?._assign || []
|
return assignees.map((user) => ({
|
||||||
doc.data._assignedTo = assignees.map((user) => ({
|
|
||||||
name: user,
|
name: user,
|
||||||
image: getUser(user).user_image,
|
image: getUser(user).user_image,
|
||||||
label: getUser(user).full_name,
|
label: getUser(user).full_name,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user