fix: webui error when no zygigk module installed

webroot/css/index.css

@@ -41,6 +41,15 @@ a {
   justify-content: center;
 }
 
+.not_avaliable {
+  position: fixed;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.2em;
+  top: 0; left: 0; right: 0; bottom: 0;
+}
+
 .load_screen {
   position: fixed;
   width: 100%;
@@ -58,10 +67,7 @@ a {
   position: fixed;
   overflow-y: scroll;
   z-index: 10;
-  top: 0;
+  top: 0; bottom: 0; left: 0; right: 0;
-  bottom: 0; 
-  left: 0; 
-  right: 0; 
   transition: top 0.35s ease-in-out;
 }
 
@@ -97,9 +103,7 @@ a {
   align-items: center;
   justify-content: space-between;
   background-color: var(--dim);
-  left: 0;
+  left: 0; right: 0; bottom: 0;
-  right: 0;
-  bottom: 0;
   padding: 25px 25px;
   font-size: 20px;
 }
@@ -291,10 +295,7 @@ a {
 .slider {
   position: absolute;
   cursor: pointer;
-  top: 0;
+  top: 0; left: 0; right: 0; bottom: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
   background-color: var(--button);
   -webkit-transition: .4s;
   transition: .4s;

webroot/index.html

@@ -18,9 +18,7 @@
     <script src="js/restoreError.js" type="module"></script>
     <script src="js/navbar.js" type="module"></script>
     <script src="js/daemonActions.js" type="module"></script>
-    <!-- <script src="js/list/language.js" type="module"></script> -->
     <script src="js/switcher/fontChanger.js" type="module"></script>
-    <!-- <script src="js/modal/language.js" type="module"></script> -->
     <script src="js/smallPage/language.js" type="module"></script>
     <script src="js/modal/errorHistory.js" type="module"></script>
     <script src="js/main.js" type="module"></script>
@@ -118,7 +116,10 @@
     <div id="panel_modules" class="panel">
       <div id="panel_modules_header" class="header">Modules</div>
       <div style="padding: 40px 0px;"></div>
-      <div id="modules_list" style="width: 100%; height: fit-content;">
+      <div id="modules_list" style="width: 100%; height: fit-content; display: grid;">
+        <div id="modules_list_not_avaliable" class="not_avaliable">
+          No modules using Zygisk here.
+        </div>
         <!-- N/A -->
       </div>
     </div>

webroot/js/main.js

@@ -130,7 +130,9 @@ export function setErrorData(errorLog) {
   if (findModulesCmd.errno === 0) {
     const modules = findModulesCmd.stdout.split('\n')
 
-    if (modules.length === 0) return;
+    if (modules.length === 0 || !findModulesCmd.stdout.replace(/\s/g, '').length) return;
+
+    document.getElementById('modules_list_not_avaliable').style.display = 'none'
       
     for (const module of modules) {
       const lsZygiskCmd = await exec(`ls ${module}/zygisk`)

webroot/js/smallPage/language.js

@@ -5,19 +5,7 @@ import {
 } from '../language.js'
 import { smallPageDisabler } from '../smallPageDesabler.js'
 
-const lang_list = document.getElementById('lang_modal_list')
+/* INFO: Initial setup */
-const page_toggle = document.getElementById('lang_page_toggle')
-const page_close = document.getElementById('sp_lang_close')
-
-page_toggle.addEventListener('click', () => {
-  const previous = !localStorage.getItem('/cache/navbar/previous') ? setData('home') : localStorage.getItem('/cache/navbar/previous')
-  document.getElementById(`panel_${previous}`).classList.remove('show')
-  document.getElementById('small_panel_language').classList.toggle('show')
-  localStorage.setItem('/cache/page/small/previous', 'language')
-})
-
-page_close.addEventListener('click', () => smallPageDisabler('language', 'settings'))
-
 let index = 0
 
 function setAvaliableLanguage() {
@@ -26,7 +14,7 @@ function setAvaliableLanguage() {
   index += 1
 
   getTranslations(langKey).then((data) => {
-    lang_list.innerHTML += `
+    document.getElementById('lang_modal_list').innerHTML += `
     <div lang-data="${langKey}" class="dim card card_animation" style="padding: 25px 15px; cursor: pointer;">
       <div lang-data="${langKey}" class="dimc" style="font-size: 1.1em;">${data.langName}</div>
     </div>
@@ -38,6 +26,16 @@ function setAvaliableLanguage() {
 }
 setAvaliableLanguage()
 
+/* INFO: Event setup */
+document.getElementById('lang_page_toggle').addEventListener('click', () => {
+  const previous = !localStorage.getItem('/cache/navbar/previous') ? setData('home') : localStorage.getItem('/cache/navbar/previous')
+  document.getElementById(`panel_${previous}`).classList.remove('show')
+  document.getElementById('small_panel_language').classList.toggle('show')
+  localStorage.setItem('/cache/page/small/previous', 'language')
+})
+
+document.getElementById('sp_lang_close').addEventListener('click', () => smallPageDisabler('language', 'settings'))
+
 document.addEventListener('click', async (event) => {
   const getLangLocate = event.target.getAttribute('lang-data')
   if (!getLangLocate || typeof getLangLocate !== 'string') return

webroot/js/translate/modules.js

@@ -1,5 +1,6 @@
 export function translateModulesPage(new_translations) {
   document.getElementById('panel_modules_header').innerHTML = new_translations.page.modules.header
+  document.getElementById('modules_list_not_avaliable').innerHTML = new_translations.page.modules.notAvaliable
 
   /* INFO: arch type */
   const module_element_arch = document.getElementsByClassName('arch_desc')

webroot/lang/en_US.json

@@ -44,6 +44,7 @@
     },
     "modules": {
       "header": "Modules",
+      "notAvaliable": "No modules using Zygisk here.",
       "arch": "Architecture: "
     },
     "action": {

webroot/lang/ja_JP.json

@@ -40,8 +40,9 @@
       }
     },
     "modules": {
-    "header": "モジュール",
+      "header": "モジュール",
-    "arch": "アーキテクチャー: "
+      "notAvaliable": "No modules using Zygisk here.",
+      "arch": "アーキテクチャー: "
     },
     "action": {
       "header": "Action",

webroot/lang/pt_BR.json

@@ -41,6 +41,7 @@
     },
     "modules": {
       "header": "Módulos",
+      "notAvaliable": "No modules using Zygisk here.",
       "arch": "Arquitetura: "
     },
     "action": {

webroot/lang/ro_RO.json

@@ -41,6 +41,7 @@
     },
     "modules": {
       "header": "Module",
+      "notAvaliable": "No modules using Zygisk here.",
       "arch": "Arhitectură: "
     },
     "action": {

webroot/lang/ru_RU.json

@@ -41,6 +41,7 @@
     },
     "modules": {
       "header": "Модули",
+      "notAvaliable": "No modules using Zygisk here.",
       "arch": "Архи-ра: "
     },
     "action": {

webroot/lang/vi_VN.json

@@ -41,6 +41,7 @@
     },
     "modules": {
       "header": "Mô Đun",
+      "notAvaliable": "Không có mô-đun nào sử dụng Zygisk ở đây!",
       "arch": "Cấu trúc: "
     },
     "action": {

webroot/lang/zh_CN.json

@@ -41,6 +41,7 @@
     },
     "modules": {
       "header": "模块",
+      "notAvaliable": "No modules using Zygisk here.",
       "arch": "架构: "
     },
     "action": {

webroot/lang/zh_TW.json

@@ -41,6 +41,7 @@
     },
     "modules": {
       "header": "模塊",
+      "notAvaliable": "No modules using Zygisk here.",
       "arch": "架構: "
     },
     "action": {