Added file chooser dialog for the game binary

sleepycrow · Aug 2, 2018 · 9b6afbd · 9b6afbd
1 parent 1649624
commit 9b6afbd
Show file tree

Hide file tree

Showing 4 changed files with 53 additions and 8 deletions.
diff --git a/index.js b/index.js
@@ -1,4 +1,4 @@
-const { app, ipcMain } = require('electron');
+const { app, ipcMain, dialog } = require('electron');
 const ConfigManager = require('./configManager.js');
 const MainWindow = require('./mainWindow.js');
 const ClientLauncher = require('./clientLauncher.js');
@@ -34,6 +34,27 @@ ipcMain.on("change-config", (event, data) => {
     event.sender.send("config", configManager.config);
 });
 
+ipcMain.on("binary-path-change-request", (event, data) => {
+    console.log("Binary path change request recieved.");
+
+    var files = dialog.showOpenDialog({
+        properties: ["openFile"],
+        filters: [
+            {name: "*.exe", extensions: ["exe"]}
+        ],
+        defaultPath: data.defaultPath || configManager.config.binaryPath
+    });
+
+    console.log("Files selected:", files);
+
+    if(typeof files != "undefined"){
+        configManager.config.binaryPath = files[0];
+        configManager.save();
+
+        event.sender.send("config", configManager.config);
+    }
+});
+
 // Client Launching
 ipcMain.on("launch-request", (event, data) => {
     console.log("Launch request recieved.");

diff --git a/pages/css/css.css b/pages/css/css.css
@@ -42,6 +42,11 @@ button:hover{
     background-color: #ED8C42;
 }
 
+.mini{
+    padding: 4px;
+    font-size: 16px;
+}
+
 .checkbox{
     display: inline-block;
     width: auto;
@@ -97,6 +102,10 @@ main{
     text-align: center;
 }
 
+.config-header{
+    font-weight: bold;
+}
+
 /* loading overlay */
 .loading-overlay{
     position: fixed;

diff --git a/pages/index.html b/pages/index.html
@@ -30,6 +30,7 @@
         </header>
 
         <main id="main-pages">
+
             <input type="text" placeholder="Nickname" name="nickname" id="nickname" />
 
             <section data-tab="join">
@@ -60,15 +61,17 @@
 
             <section data-tab="config" class="hidden">
                 <form data-action="config" id="config-form">
-                    <div>Game Binary Location:</div>
-                    <input type="text" id="binary-location" data-index="binaryPath" />
+                    <div class="config-header">Game Binary Location:</div>
+                    <div id="binary-path-preview"></div>
+                    <button id="binary-path-button" class="mini" data-index="binaryPath">Change</button>
 
-                    <div>Server Port:</div>
-                    <input type="number" data-index="port" id="port" placeholder="Port" value="7777" min="1" max="65535" />
+                    <div class="config-header">Server Port:</div>
+                    <input type="number" data-index="port" id="port" placeholder="7777" min="1" max="65535" />
 
                     <button>Save</button>
                 </form>
             </section>
+
         </main>
 
         <script>

diff --git a/pages/js/index-renderer.js b/pages/js/index-renderer.js
@@ -28,10 +28,22 @@ function updateConfig(config){
     }
 
     // Add the game's binary to the config tab
-    var binaryPathInput = document.getElementById("binary-location");
+    var binaryPathButton = document.getElementById("binary-path-button");
+    var binaryPathPreview = document.getElementById("binary-path-preview");
 
-    if(typeof config.binaryPath == "string" && binaryPathInput != null){
-        binaryPathInput.value = config.binaryPath;
+    if(typeof config.binaryPath == "string" && binaryPathButton != null && binaryPathPreview != null){
+        binaryPathButton.value = config.binaryPath;
+        binaryPathPreview.innerText = config.binaryPath;
+    }
+
+    // Make the "change binary path" button request a file dialog
+    if(binaryPathButton != null){
+        binaryPathButton.onclick = function(e){
+            e.preventDefault();
+            ipcRenderer.send("binary-path-change-request", {
+                defaultPath: config.binaryPath
+            });
+        }
     }
 
     //Add the port