From 1ecb69af38547e9489d4a879c38735634ef8de14 Mon Sep 17 00:00:00 2001
From: SpikeHD <spikegdofficial@gmail.com>
Date: Tue, 26 Apr 2022 02:05:58 -0700
Subject: [PATCH] open folder icons

---
 languages/vie.json         |  1 +
 resources/icons/folder.svg | 10 ++++++++++
 resources/index.html       | 10 ++++++++--
 resources/style/index.css  | 18 ++++++++++++++++++
 4 files changed, 37 insertions(+), 2 deletions(-)
 create mode 100644 resources/icons/folder.svg

diff --git a/languages/vie.json b/languages/vie.json
index a64da64..ee05433 100644
--- a/languages/vie.json
+++ b/languages/vie.json
@@ -23,6 +23,7 @@
     "updateSubtitle": "Tạm thời chưa dùng được. Kiểm tra Github để có bản cập nhật mới",
     "languageOption": "Ngôn ngữ",
     "languageSubtitle": "Chọn ngôn ngữ",
+    "httpsSubtitle": "THASHIOASHTO",
 
     "enableServerLauncherOption": "Grasscutter",
     "enableServerLauncherSubtitle": "Thêm lựa chọn bật grasscutter",
diff --git a/resources/icons/folder.svg b/resources/icons/folder.svg
new file mode 100644
index 0000000..077b707
--- /dev/null
+++ b/resources/icons/folder.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+<desc>Created with Fabric.js 1.7.22</desc>
+<defs>
+</defs>
+<g transform="translate(128 128) scale(0.72 0.72)" style="">
+	<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(-175.05 -175.05) scale(3.89 3.89)" >
+	<path d="M 89.475 31.953 c -0.56 -0.816 -1.485 -1.304 -2.475 -1.304 H 73.97 v -9.181 c 0 -1.657 -1.343 -3 -3 -3 H 30.857 l -2.408 -4.916 c -0.504 -1.028 -1.549 -1.68 -2.694 -1.68 H 3 c -1.657 0 -3 1.343 -3 3 v 60.254 c 0 0.071 0.016 0.137 0.021 0.207 c 0.006 0.083 0.012 0.164 0.025 0.246 c 0.024 0.158 0.063 0.309 0.11 0.458 c 0.02 0.061 0.033 0.123 0.057 0.183 c 0.083 0.211 0.184 0.412 0.31 0.596 c 0.001 0.002 0.002 0.005 0.003 0.007 c 0.009 0.013 0.022 0.023 0.031 0.036 c 0.118 0.166 0.254 0.318 0.402 0.456 c 0.052 0.049 0.109 0.091 0.164 0.135 c 0.119 0.096 0.243 0.183 0.376 0.26 c 0.065 0.038 0.129 0.074 0.196 0.107 c 0.143 0.069 0.292 0.124 0.446 0.17 c 0.062 0.019 0.12 0.042 0.184 0.057 c 0.218 0.05 0.442 0.083 0.675 0.083 h 67.97 c 1.239 0 2.352 -0.763 2.798 -1.919 l 16.03 -41.477 C 90.155 33.808 90.034 32.769 89.475 31.953 z M 23.884 17.873 l 2.408 4.916 c 0.504 1.028 1.549 1.68 2.694 1.68 H 67.97 v 6.181 H 19.03 c -1.24 0 -2.352 0.762 -2.798 1.918 L 6 59.042 v -41.17 H 23.884 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/resources/index.html b/resources/index.html
index 3b97fb9..ca77fe1 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -128,11 +128,17 @@
     <div id="bottomBar">
       <div class="bottomSection">
         <div>
-          <button class="smolBtn" onclick="setGameExe()" id="gameExeSet">Set game folder</button>
+          <div>
+            <button class="smolBtn" onclick="setGameExe()" id="gameExeSet">Set game folder</button>
+            <img src="icons/folder.svg" class="openFolderIcon" id="openGameFolder()"/>
+          </div>
           <span id="gamePath" style="margin-top: 4px;"></span>
         </div>
         <div style="display: none;">
-          <button class="smolBtn" onclick="setGrasscutterFolder()" id="grasscutterFileSet">Set "Grasscutter" .jar file</button>
+          <div>
+            <button class="smolBtn" onclick="setGrasscutterFolder()" id="grasscutterFileSet">Set "Grasscutter" .jar file</button>
+            <img src="icons/folder.svg" class="openFolderIcon" id="openGrasscutterFolder()"/>
+          </div>
           <span id="serverPath" style="margin-top: 4px;"></span>
         </div>
       </div>
diff --git a/resources/style/index.css b/resources/style/index.css
index e559189..e78ac6f 100644
--- a/resources/style/index.css
+++ b/resources/style/index.css
@@ -277,6 +277,18 @@ body {
   background: linear-gradient(#ffc61e, #ffd326);
 }
 
+.openFolderIcon {
+  display: inline;
+  height: 20px;
+  filter: invert(97%) sepia(85%) saturate(12%) hue-rotate(184deg) brightness(103%) contrast(103%);
+  padding: 10px;
+}
+
+.openFolderIcon:hover {
+  cursor: pointer;
+  filter: invert(99%) sepia(0%) saturate(1092%) hue-rotate(172deg) brightness(80%) contrast(103%);
+}
+
 #bottomBar {
   display: flex;
   justify-content: center;
@@ -305,6 +317,12 @@ body {
   height: 10%;
 }
 
+.bottomSection div div {
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+}
+
 #gamePath, #serverPath {
   color: white;
   font-size: 14px;