From 5807db5e99ac84436261e9d0e2b9a6767d851ba2 Mon Sep 17 00:00:00 2001
From: m4ximuel <54457152+m4ximuel@users.noreply.github.com>
Date: Wed, 21 Apr 2021 15:32:59 +0900
Subject: [PATCH] feat: open addmodal when dragging a file into the dashboard

---
 src/components/Modals/AddModal.vue | 11 ++++++++++-
 src/views/Dashboard.vue            |  5 +++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/Modals/AddModal.vue b/src/components/Modals/AddModal.vue
index 42a6180015..7afd0ef38a 100644
--- a/src/components/Modals/AddModal.vue
+++ b/src/components/Modals/AddModal.vue
@@ -2,6 +2,7 @@
   <v-dialog
     v-model="dialog"
     scrollable
+    :transition="dTransition"
     :content-class="phoneLayout ? 'rounded-0' : 'rounded-form'"
     max-width="500px"
     :fullscreen="phoneLayout"
@@ -201,9 +202,11 @@ import { FullScreenModal } from '@/mixins'
 export default {
   name: 'AddModal',
   mixins: [Modal, FullScreenModal],
-  props: ['initialMagnet'],
+  props: ['initialMagnet', 'openSuddenly'],
   data() {
     return {
+      dTransition: 'scale-transition',
+      hndlDialog: true,
       showWrapDrag: false,
       files: [],
       category: null,
@@ -253,6 +256,12 @@ export default {
     this.$store.commit('FETCH_CATEGORIES')
     this.urls = this.initialMagnet
     this.setSettings()
+    if (this.openSuddenly == true) {
+      this.dTransition = 'none'
+    }
+  },
+  mounted() {
+    this.dTransition = 'scale-transition'
   },
   methods: {
     setSettings() {
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index aada63f482..3cc07c0c87 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -1,7 +1,6 @@
 <template>
   <div
     class="px-1 px-sm-5 pt-4 background noselect"
-    @dragenter.prevent="detectDragEnter()"
     @click.self="resetSelected"
   >
     <v-row
@@ -294,6 +293,7 @@ export default {
   },
   mounted() {
     document.addEventListener('keydown', this.handleKeyboardShortcut)
+    document.addEventListener('dragenter', this.detectDragEnter)
   },
   created() {
     this.$store.dispatch('INIT_INTERVALS')
@@ -302,6 +302,7 @@ export default {
   beforeDestroy() {
     this.$store.commit('REMOVE_INTERVALS')
     document.removeEventListener('keydown', this.handleKeyboardShortcut)
+    document.removeEventListener('dragenter', this.detectDragEnter)
   },
   methods: {
     strTouchStart(e, data) {
@@ -354,7 +355,7 @@ export default {
     },
     detectDragEnter() {
       if (this.selected_torrents.length == 0 && this.$store.state.modals.length < 1) {
-        this.addModal('AddModal')
+        this.createModal('AddModal', { openSuddenly: true })
       }
 
       return true