From 03b1a3d045bbfc221bcf07c8155eccd2d0d88905 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Tue, 2 Nov 2021 10:05:49 +0530
Subject: [PATCH] feat: Adds support for paste attachment with keys. (#3293)

* copy paste files

* Minor fixes

* Adds support for pasting attachment

* Minor files

* Review fixes
---
 .../components/widgets/conversation/ReplyBox.vue    | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue b/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
index a15577b9b..d0924d9c0 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
@@ -52,7 +52,7 @@
         @toggle-canned-menu="toggleCannedMenu"
       />
     </div>
-    <div v-if="hasAttachments" class="attachment-preview-box">
+    <div v-if="hasAttachments" class="attachment-preview-box" @paste="onPaste">
       <attachment-preview
         :attachments="attachedFiles"
         :remove-attachment="removeAttachment"
@@ -314,11 +314,22 @@ export default {
     // Donot use the keyboard listener mixin here as the events here are supposed to be
     // working even if input/textarea is focussed.
     document.addEventListener('keydown', this.handleKeyEvents);
+    document.addEventListener('paste', this.onPaste);
   },
   destroyed() {
     document.removeEventListener('keydown', this.handleKeyEvents);
+    document.removeEventListener('paste', this.onPaste);
   },
   methods: {
+    onPaste(e) {
+      const data = e.clipboardData.files;
+      if (!data.length || !data[0]) {
+        return;
+      }
+      const file = data[0];
+      const { name, type, size } = file;
+      this.onFileUpload({ name, type, size, file });
+    },
     toggleUserMention(currentMentionState) {
       this.hasUserMention = currentMentionState;
     },