OpenFile dialog now works, selects a file and logs name to console.

Co-authored-by: Benjamin Ross <[email protected]>

fileManagement.js

@@ -0,0 +1,16 @@
+var fs = require('fs');
+
+function openFile () {
+
+    dialog.showOpenDialog(function (fileNames) {
+        if (fileNames === undefined) return;
+
+        var fileName = fileNames[0];
+
+        fs.readFile(fileName, 'utf-8', function (err, data) {      
+          console.log("Selected filename " + fileName);
+        });
+    }); 
+  }
+
+document.querySelector('#fileOpenButton').addEventListener('click', openFile)

index.html

@@ -9,6 +9,12 @@ <h1>Hello World!</h1>
       We are using node <script>document.write(process.versions.node)</script>,
       Chrome <script>document.write(process.versions.chrome)</script>,
       and Electron <script>document.write(process.versions.electron)</script>.
+      <button id="fileOpenButton">Open</button>
     </body>
+    <script>
+      var remote = require('electron').remote; 
+      var dialog = remote.require('electron').dialog; 
+      require('./fileManagement.js')
+    </script>
   </html>
 

main.js

@@ -45,6 +45,7 @@ const {app, BrowserWindow} = require('electron')
     }
   })
 
+
   // In this file you can include the rest of your app's specific main process
   // code. You can also put them in separate files and require them here.