diff options
| author | Reed Garmsen <rgarmsen2295@gmail.com> | 2015-08-11 11:42:31 -0700 |
|---|---|---|
| committer | Reed Garmsen <rgarmsen2295@gmail.com> | 2015-08-12 12:29:57 -0700 |
| commit | 9f9d93e6133ffd2523546e27e9099e2e6f436506 (patch) | |
| tree | 7ad5b88908a4a3a15a995b9531ceec7c8e05c166 /web/react | |
| parent | 9baafdb372d92c96a4063f11531f4fb5d9e7059e (diff) | |
| download | chat-9f9d93e6133ffd2523546e27e9099e2e6f436506.tar.gz chat-9f9d93e6133ffd2523546e27e9099e2e6f436506.tar.bz2 chat-9f9d93e6133ffd2523546e27e9099e2e6f436506.zip | |
Switched to using the jquery-dragster library to implement more consistent drag and drop support, rather than using the inconsistent html5 implementation
Diffstat (limited to 'web/react')
| -rw-r--r-- | web/react/components/file_upload.jsx | 48 |
1 files changed, 22 insertions, 26 deletions
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); + } }); } |