basic file up and download working

2 files changed, 13 insertions, 4 deletions

diff --git a/web/src/js/actions.js b/web/src/js/actions.js
index 0f81d7a3..2f247979 100644
--- a/web/src/js/actions.js
+++ b/web/src/js/actions.js
@@ -122,7 +122,7 @@ export var FlowActions = {
     upload: (file) => {
         var filereader = new FileReader();
         filereader.file = file;
-        filereader.onload = (e) => $.post("/flows/dump", e.target.result);
+        filereader.onload = (e) => {$.post("/flows/dump", e.target.result); e.preventDefault();};
         filereader.readAsBinaryString(file);
     }
 };
diff --git a/web/src/js/components/header.js b/web/src/js/components/header.js
index 4bb4622d..859f2fcf 100644
--- a/web/src/js/components/header.js
+++ b/web/src/js/components/header.js
@@ -344,11 +344,15 @@ var FileMenu = React.createClass({
         }
     },
     handleOpenClick: function (e) {
+        $('#uploadFileInput').trigger('click');
         e.preventDefault();
     },
-    handleOpenChange: function (e) {
+    handleOpenFile: function (e) {
+        if (e.target.files.length > 0) {
+            FlowActions.upload(e.target.files[0]);
+            $('#uploadFileInput').val("");
+        }
         e.preventDefault();
-         FlowActions.upload(e.target.files[0]);
     },
     handleSaveClick: function (e) {
         e.preventDefault();
@@ -372,7 +376,12 @@ var FileMenu = React.createClass({
                         </a>
                     </li>
                     <li>
-                         <input type="file" onChange={this.handleOpenChange}/>
+                        <a href="#" onClick={this.handleOpenClick}>
+                         <i className="fa fa-fw fa-folder-open"></i>
+                            Open...
+                        </a>
+                         <input id="uploadFileInput" className="hidden" type="file" onChange={this.handleOpenFile}/>
+
                     </li>
                     <li>
                         <a href="#" onClick={this.handleSaveClick}>