enable/disable server launcher panel

resources/index.html

@@ -56,6 +56,15 @@
             Auto updating is temporarily disabled. Check GitHub for the newest release.
           </span>
         </div>
+        <div class="settingsRow">
+          <div class="settingSection">
+            <span class="settingLabel">Enable Server Launcher</span>
+            <input type="checkbox" id="serverLaunchOption" onchange="toggleServerLaunchSection()" />
+          </div>
+          <span class="settingSubtitle" id="serverSubtitle">
+            Enable to server launcher tile for launcher a local Grasscutter instance.
+          </span>
+        </div>
       </div>
     </div>
     <div id="controlBar">
@@ -88,7 +97,7 @@
           <button class="playBtn" id="playPrivate" onclick="launchPrivate()">Play Private</button>
         </div>
       </div>
-      <div id="thirdPanel">
+      <div id="thirdPanel" style="display: none;">
         <button class="playBtn" id="serverLaunch">Launch Local Server</button>
       </div>
     </div>

resources/js/index.js

@@ -93,7 +93,8 @@ async function getCfg() {
   const defaultConf = {
     genshinImpactFolder: '',
     lastConnect: '',
-    enableKillswitch: false
+    enableKillswitch: false,
+    serverLaunchPanel: false
   }
   const cfgStr = await Neutralino.storage.getData('config').catch(e => {
     // The data isn't set, so this is our first time opening
@@ -417,6 +418,21 @@ async function checkForUpdatesAndShow() {
   }
 }
 
+async function toggleServerLaunchSection() {
+  const serverPanel = document.querySelector('#thirdPanel')
+  const config = await getCfg()
+
+  if (serverPanel.style.display === 'none') {
+    serverPanel.style.removeProperty('display')
+  } else {
+    serverPanel.style.display = 'none'
+  }
+
+  // Save setting
+  config.serverLaunchPanel = !config.serverLaunchPanel
+  Neutralino.storage.setData('config', JSON.stringify(config))
+}
+
 /**
  * Set the game folder by opening a folder picker
  */

resources/style/index.css

@@ -50,7 +50,7 @@ body {
 }
 
 #settingsPanel {
-  width: 30%;
+  width: 35%;
   height: 60%;
 }
 
@@ -65,7 +65,7 @@ body {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 10px 20%;
+  padding: 10px 10%;
 }
 
 .settingsRow {
@@ -104,7 +104,7 @@ body {
 
 #settingsClose {
   display: inline-block;
-  margin-left: 65%;
+  margin-left: 70%;
   transition: filter 0.1s ease-in-out;
 }
 
@@ -365,7 +365,7 @@ body {
 }
 
 #secondControlContainer, #firstPanel button, #thirdPanel button {
-  margin-top: 100%;
+  margin-top: 62vh;
 }
 
 #serverInput input, #serverInput img{