Adding "Open Debug" option in Installation Management and changing th…

…e style of the Basic tab Signed-off-by: julianbollig <[email protected]>
TNG · Jan 14, 2025 · e9c6378 · e9c6378
1 parent 6a3ba4d
commit e9c6378
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/WebUI/src/assets/i18n/en-US.json b/WebUI/src/assets/i18n/en-US.json
@@ -34,6 +34,7 @@
   "COM_REQUESTING":"Requesting",
   "COM_DEFAULT":"Default",
   "COM_STOP":"Stop",
+  "COM_DEBUG": "Open Developer Logs",
   "COM_OPEN_LOCATION":"Open Location",
   "COM_OPEN_PARAMS": "Parameters Info",
   "COM_LOW": "low",
@@ -84,6 +85,9 @@
   "SETTINGS_BASIC_LANGUAGE": "Language",
   "SETTINGS_BASIC_PATHS": "Paths",
   "SETTINGS_BASIC_LLM_CHECKPOINTS": "LLM Model Path",
+  "SETTINGS_BASIC_GENERAL": "General Settings",
+  "SETTINGS_BASIC_DEVICES": "Devices",
+  "SETTINGS_BASIC_BACKEND": "Backends",
   "SETTINGS_MODEL_HUGGINGFACE": "Hugging Face",
   "SETTINGS_MODEL_HUGGINGFACE_API_TOKEN": "API Token",
   "SETTINGS_MODEL_HUGGINGFACE_INVALID_TOKEN_TEXT": "Please enter a valid token (hf_***).",
@@ -97,7 +101,6 @@
   "SETTINGS_MODEL_SD_STANDARD_INPAINT_MODEL": "Standard Default Inpaint/OutPaint Model",
   "SETTINGS_MODEL_SD_HD_MODEL": "HD Default Model",
   "SETTINGS_MODEL_RAG_MODEL": "Rag Query Model",
-  "SETTINGS_MODEL_BACKEND": "Inference Backends",
   "SETTINGS_BACKEND_STATUS": "Backend Status",
   "SETTINGS_MODEL_MANAGE_BACKEND": "Manage Backend Components",
   "SETTINGS_MODEL_EXIST": "The model already exist. Repeating the download is unnecessary.",

diff --git a/WebUI/src/components/InstallationManagement.vue b/WebUI/src/components/InstallationManagement.vue
@@ -114,6 +114,7 @@
             </div>
           </template>
         </drop-selector>
+        <button @click="openDebug" class="v-radio-block">{{ languages.COM_DEBUG }}</button>
       </div>
     </div>
   </div>
@@ -228,6 +229,10 @@ function getInfoURL(serviceName: string) {
   }
 }
 
+function openDebug() {
+  window.electronAPI.openDevTools()
+}
+
 function CanCloseInstallations() {
   return components.value.every((i) => i.status === 'running' || !i.isRequired)
 }

diff --git a/WebUI/src/components/SettingsBasic.vue b/WebUI/src/components/SettingsBasic.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="border-b border-color-spilter flex flex-col gap-5 py-4">
+    <h2 class="text-center font-bold">{{ languages.SETTINGS_BASIC_GENERAL }}</h2>
     <div class="flex flex-col gap-2">
       <p>{{ languages.SETTINGS_BASIC_LANGUAGE }}</p>
       <drop-selector :array="i18n.languageOptions" @change="i18n.changeLanguage">
@@ -26,7 +27,8 @@
       </div>
     </div>
   </div>
-  <div class="flex flex-col gap-2">
+  <div class="border-b border-color-spilter flex flex-col gap-5 py-4">
+    <h2 class="text-center font-bold">{{ languages.SETTINGS_BASIC_DEVICES }}</h2>
     <p>{{ languages.SETTINGS_INFERENCE_DEVICE }}</p>
     <div class="flex items-center gap-2 flex-wrap">
       <drop-selector :array="globalSetup.graphicsList" @change="changeGraphics">
@@ -46,7 +48,7 @@
     </div>
   </div>
   <div class="border-b border-color-spilter flex flex-col gap-5 py-4">
-    <h2 class="text-center font-bold">{{ languages.SETTINGS_MODEL_BACKEND }}</h2>
+    <h2 class="text-center font-bold">{{ languages.SETTINGS_BASIC_BACKEND }}</h2>
     <div class="flex flex-col gap-2">
       <p>{{ languages.SETTINGS_LLM_BACKEND }}</p>
       <div class="flex items-center gap-2">
@@ -94,7 +96,7 @@
     </div>
   </div>
   <div class="text-right my-5">
-    <button @click="openDebug" class="v-radio-block">Open Developer Logs</button>
+    <button @click="openDebug" class="v-radio-block">{{ languages.COM_DEBUG }}</button>
   </div>
 </template>
 <script setup lang="ts">