diff options
Diffstat (limited to 'web/src/js/components/header.js')
| -rw-r--r-- | web/src/js/components/header.js | 37 |
1 files changed, 23 insertions, 14 deletions
diff --git a/web/src/js/components/header.js b/web/src/js/components/header.js index e329b3f5..4152e95c 100644 --- a/web/src/js/components/header.js +++ b/web/src/js/components/header.js @@ -331,12 +331,19 @@ var FileMenu = React.createClass({ } }, handleOpenClick: function (e) { + this.fileInput.click(); + e.preventDefault(); + }, + handleOpenFile: function (e) { + if (e.target.files.length > 0) { + FlowActions.upload(e.target.files[0]); + this.fileInput.value = ""; + } e.preventDefault(); - console.error("unimplemented: handleOpenClick"); }, handleSaveClick: function (e) { e.preventDefault(); - console.error("unimplemented: handleSaveClick"); + FlowActions.download(); }, handleShutdownClick: function (e) { e.preventDefault(); @@ -355,6 +362,20 @@ var FileMenu = React.createClass({ New </a> </li> + <li> + <a href="#" onClick={this.handleOpenClick}> + <i className="fa fa-fw fa-folder-open"></i> + Open... + </a> + <input ref={(ref) => this.fileInput = ref} className="hidden" type="file" onChange={this.handleOpenFile}/> + + </li> + <li> + <a href="#" onClick={this.handleSaveClick}> + <i className="fa fa-fw fa-floppy-o"></i> + Save... + </a> + </li> <li role="presentation" className="divider"></li> <li> <a href="http://mitm.it/" target="_blank"> @@ -363,18 +384,6 @@ var FileMenu = React.createClass({ </a> </li> {/* - <li> - <a href="#" onClick={this.handleOpenClick}> - <i className="fa fa-fw fa-folder-open"></i> - Open - </a> - </li> - <li> - <a href="#" onClick={this.handleSaveClick}> - <i className="fa fa-fw fa-save"></i> - Save - </a> - </li> <li role="presentation" className="divider"></li> <li> <a href="#" onClick={this.handleShutdownClick}> |