From f76542ffc44a9c431513a728c72240867424a6f4 Mon Sep 17 00:00:00 2001
From: Faris Ansari <netchamp.faris@gmail.com>
Date: Wed, 16 Feb 2022 14:31:53 +0530
Subject: [PATCH] fix: add image autocompletion in markdown fields

---
 frappe/public/js/frappe/form/form.js | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/frappe/public/js/frappe/form/form.js b/frappe/public/js/frappe/form/form.js
index 6191e35073..b8a8195938 100644
--- a/frappe/public/js/frappe/form/form.js
+++ b/frappe/public/js/frappe/form/form.js
@@ -319,6 +319,25 @@ frappe.ui.form.Form = class FrappeForm {
 			});
 	}
 
+	setup_image_autocompletions_in_markdown() {
+		this.fields.map(field => {
+			if (field.df.fieldtype === 'Markdown Editor') {
+				this.set_df_property(field.df.fieldname, 'autocompletions', () => {
+					let attachments = this.attachments.get_attachments();
+					return attachments
+						.filter(file => frappe.utils.is_image_file(file.file_url))
+						.map(file => {
+							return {
+								caption: 'image: ' + file.file_name,
+								value: `![](${file.file_url})`,
+								meta: 'image'
+							}
+						});
+				});
+			}
+		})
+	}
+
 	// REFRESH
 
 	refresh(docname) {
@@ -533,6 +552,7 @@ frappe.ui.form.Form = class FrappeForm {
 				// call onload post render for callbacks to be fired
 				() => {
 					if(this.cscript.is_onload) {
+						this.onload_post_render();
 						return this.script_manager.trigger("onload_post_render");
 					}
 				},
@@ -560,6 +580,10 @@ frappe.ui.form.Form = class FrappeForm {
 		});
 	}
 
+	onload_post_render() {
+		this.setup_image_autocompletions_in_markdown();
+	}
+
 	set_first_tab_as_active() {
 		this.layout.tabs[0]
 			&& this.layout.tabs[0].set_active();