uploadModal: hide input, fix duplicate events

2 files changed, 8 insertions, 4 deletions

diff --git a/www/js/importer.js b/www/js/importer.js
index 09f5db5..dd8913f 100644
--- a/www/js/importer.js
+++ b/www/js/importer.js
@@ -137,20 +137,20 @@ Rdxport.Importer.prototype.openModal = function(group, groupView, cartNumber, ne
   var $form = $('form', $drop);
   var $fileInput = $('input[type="file"]', $form);
 
-  $drop.on('click', function(event) {
+  $drop.off('click').on('click', function(event) {
     $fileInput.get(0).click();
   });
 
-  $fileInput.on('change', function() {
+  $fileInput.off('change').on('change', function() {
     handleFiles($(this).get(0).files);
   });
 
-  $drop.on('dragenter dragover', function(event) {
+  $drop.off('dragenter dragover').on('dragenter dragover', function(event) {
     event.stopPropagation();
     event.preventDefault();
   });
 
-  $drop.on('drop', function(event) {
+  $drop.off('drop').on('drop', function(event) {
     event.stopPropagation();
     event.preventDefault();
     var dataTransfer = event.dataTransfer;
diff --git a/www/styles/main-style.css b/www/styles/main-style.css
index 9ee1b83..b76c32f 100644
--- a/www/styles/main-style.css
+++ b/www/styles/main-style.css
@@ -94,6 +94,10 @@ body {
     background-position: center center;
 }
 
+#uploadModal div.modal-body .drop form  input {
+    display: none;
+}
+
 #uploadModal div.modal-body form {
     display: block;
     width: 100%;