From 9f9d93e6133ffd2523546e27e9099e2e6f436506 Mon Sep 17 00:00:00 2001
From: Reed Garmsen <rgarmsen2295@gmail.com>
Date: Tue, 11 Aug 2015 11:42:31 -0700
Subject: Switched to using the jquery-dragster library to implement more
 consistent drag and drop support, rather than using the inconsistent html5
 implementation

---
 web/react/components/file_upload.jsx | 48 +++++++++++++++++-------------------
 1 file changed, 22 insertions(+), 26 deletions(-)

(limited to 'web/react')

diff --git a/web/react/components/file_upload.jsx b/web/react/components/file_upload.jsx
index e082abcd2..f382b848a 100644
--- a/web/react/components/file_upload.jsx
+++ b/web/react/components/file_upload.jsx
@@ -113,34 +113,30 @@ module.exports = React.createClass({
         var self = this;
 
         if (this.props.postType === 'post') {
-            $('body').on('dragover dragleave', '.app__content', function(e) {
-                e.preventDefault();
-            });
-            $('body').on('dragenter', '.app__content', function(e) {
-                e.preventDefault();
-                console.log('HERE');
-                $('.app__content').addClass('center-file-overlay');
-                $('.post-right__container').removeClass('right-file-overlay');
-            });
-            $('body').on('drop', '.app__content', function(e) {
-                e.preventDefault();
-                $('.app__content').removeClass('center-file-overlay');
-                self.handleDrop(e);
+            $('.app__content').dragster({
+                enter: function(dragsterEvent, e) {
+                    $('.app__content').addClass('center-file-overlay');
+                },
+                leave: function(dragsterEvent, e) {
+                    $('.app__content').removeClass('center-file-overlay');
+                },
+                drop: function(dragsterEvent, e) {
+                    $('.app__content').removeClass('center-file-overlay');
+                    self.handleDrop(e);
+                }
             });
         } else if (this.props.postType === 'comment') {
-            $('body').on('dragover dragleave', '.post-right__container', function(e) {
-                e.preventDefault();
-            });
-            $('body').on('dragenter', '.post-right__container', function(e) {
-                e.preventDefault();
-                console.log('HERE RIGHT');
-                $('.post-right__container').addClass('right-file-overlay');
-                $('.app__content').removeClass('center-file-overlay');
-            });
-            $('body').on('drop', '.post-right__container', function(e) {
-                e.preventDefault();
-                $('.post-right__container').removeClass('right-file-overlay');
-                self.handleDrop(e);
+            $('.post-right__container').dragster({
+                enter: function(dragsterEvent, e) {
+                    $('.post-right__container').addClass('right-file-overlay');
+                },
+                leave: function(dragsterEvent, e) {
+                    $('.post-right__container').removeClass('right-file-overlay');
+                },
+                drop: function(dragsterEvent, e) {
+                    $('.post-right__container').removeClass('right-file-overlay');
+                    self.handleDrop(e);
+                }
             });
         }
 
-- 
cgit v1.2.3-1-g7c22