fix: moved reply method to EmailArea component

frontend/src/components/Activities/Activities.vue

@@ -309,7 +309,7 @@
         </div>
       </div>
       <div v-if="activity.activity_type == 'communication'" class="pb-5 mt-px">
-        <EmailArea :activity="activity" />
+        <EmailArea :activity="activity" :emailBox="emailBox" />
       </div>
       <div
         class="mb-4"
@@ -946,53 +946,6 @@ function updateTaskStatus(status, task) {
   })
 }
 
-// Email
-function reply(email, reply_all = false) {
-  emailBox.value.show = true
-  let editor = emailBox.value.editor
-  let message = email.content
-  let recipients = email.recipients.split(',').map((r) => r.trim())
-  editor.toEmails = [email.sender]
-  editor.cc = editor.bcc = false
-  editor.ccEmails = []
-  editor.bccEmails = []
-
-  if (!email.subject.startsWith('Re:')) {
-    editor.subject = `Re: ${email.subject}`
-  }
-
-  if (reply_all) {
-    let cc = email.cc?.split(',').map((r) => r.trim())
-    let bcc = email.bcc?.split(',').map((r) => r.trim())
-
-    if (cc?.length) {
-      recipients = recipients.filter((r) => !cc?.includes(r))
-      cc.push(...recipients)
-    } else {
-      cc = recipients
-    }
-
-    editor.cc = cc ? true : false
-    editor.bcc = bcc ? true : false
-
-    editor.ccEmails = cc
-    editor.bccEmails = bcc
-  }
-
-  let repliedMessage = `<blockquote>${message}</blockquote>`
-
-  editor.editor
-    .chain()
-    .clearContent()
-    .insertContent('<p>.</p>')
-    .updateAttributes('paragraph', { class: 'reply-to-content' })
-    .insertContent(repliedMessage)
-    .focus('all')
-    .insertContentAt(0, { type: 'paragraph' })
-    .focus('start')
-    .run()
-}
-
 watch([reload, reload_email], ([reload_value, reload_email_value]) => {
   if (reload_value || reload_email_value) {
     all_activities.reload()

frontend/src/components/Activities/EmailArea.vue

@@ -93,5 +93,52 @@ import { timeAgo, dateFormat, dateTooltipFormat } from '@/utils'
 
 const props = defineProps({
   activity: Object,
+  emailBox: Object,
 })
+
+function reply(email, reply_all = false) {
+  props.emailBox.show = true
+  let editor = props.emailBox.editor
+  let message = email.content
+  let recipients = email.recipients.split(',').map((r) => r.trim())
+  editor.toEmails = [email.sender]
+  editor.cc = editor.bcc = false
+  editor.ccEmails = []
+  editor.bccEmails = []
+
+  if (!email.subject.startsWith('Re:')) {
+    editor.subject = `Re: ${email.subject}`
+  }
+
+  if (reply_all) {
+    let cc = email.cc?.split(',').map((r) => r.trim())
+    let bcc = email.bcc?.split(',').map((r) => r.trim())
+
+    if (cc?.length) {
+      recipients = recipients.filter((r) => !cc?.includes(r))
+      cc.push(...recipients)
+    } else {
+      cc = recipients
+    }
+
+    editor.cc = cc ? true : false
+    editor.bcc = bcc ? true : false
+
+    editor.ccEmails = cc
+    editor.bccEmails = bcc
+  }
+
+  let repliedMessage = `<blockquote>${message}</blockquote>`
+
+  editor.editor
+    .chain()
+    .clearContent()
+    .insertContent('<p>.</p>')
+    .updateAttributes('paragraph', { class: 'reply-to-content' })
+    .insertContent(repliedMessage)
+    .focus('all')
+    .insertContentAt(0, { type: 'paragraph' })
+    .focus('start')
+    .run()
+}
 </script>