How to override JavaScript Function

Frappe Framework Customization
,
1

Hello everyone,

I am using Opportunity doctype in Frappe. Whenever I create an event, emails are automatically sent to the associated contact, which is not intended. I specifically want emails to be sent only to the event’s creator.
I’ve identified the function responsible for sending emails, which is located in form_timeline.js:
get_recipient() {
if (this.frm.email_field) {
return this.frm.doc[this.frm.email_field];
} else {
return this.frm.doc.email_id || this.frm.doc.email || “”;
}
}

Could someone please advise on how to override this function or suggest an alternative method to ensure emails are sent only to the event creator? Your assistance is greatly appreciated.

Thank you!

2
3

You can do monkey patching in your custom app. In your app’s hook, see the app_include_js list, and add your monkey patching file there. If no file is listed, you can create your own, like patching.bundle.js, in the public/js folder.

The code should look like this:

import FormTimeline from "../frappe/frappe/public/js/frappe/form/footer/form_timeline";

FormTimeline.prototype.get_recipient = function() {
  // your code
}
1 Like
4

@Abdeali
I have one custom function make_quality_inspection in custom_app.js.

i want to override the core js function by this function.

That core function is : /home/kiranmai/Desktop/ERPNext/frappe-bench/apps/erpnext/erpnext/public/js/controllers/transaction.make_quality_inspection

Can anyone please share the steps.

5

Anyone?

6

Make folder structure like (depends on you):
image

forum_issue.bundle.js :

import "./monkey_patch/transaction.js";

transaction.js :

erpnext.TransactionController.prototype.make_quality_inspection = function () {
	// Your new implementation goes here
};

hooks.py:

app_include_js = ["forum_issue.bundle.js"]

Note: forum_issue :arrow_right: YOUR_APP_NAME

If not works build the bench.

bench build --app YOUR_APP_NAME
3 Likes
7

@Abdeali Thanks for your reply!

I followed all above mentioned steps and im getting error : GET http://127.0.0.1:8000/hilltop.bundle.js net::ERR_ABORTED 404 (NOT FOUND)Understand this error
jquery.js:3539

8

have you try to build?

Or can you share hook and folder structure?

9

@Abdeali I resolved it.

Is monkey_patch a correct method to follow to override core js functions??
Is there any method to do the same??

10

I don’t know other than monkey patching.

But you have to take care of original function/method. If Its change its behavior or signature then maybe your code can break.

1 Like