From 7324d92aeba926fef2c883c46d707b549d8af01a Mon Sep 17 00:00:00 2001
From: KOWX712 <leecc0503@gmail.com>
Date: Tue, 11 Feb 2025 02:41:03 +0800
Subject: [PATCH] add mmrl check and guide

---
 module/webui/index.html        | 14 +++++++++
 module/webui/scripts/main.js   | 17 +++++++++--
 module/webui/styles/global.css | 52 ++++++++++++++++++++++++++++++++++
 3 files changed, 81 insertions(+), 2 deletions(-)

diff --git a/module/webui/index.html b/module/webui/index.html
index 444508e..ab3a9b1 100644
--- a/module/webui/index.html
+++ b/module/webui/index.html
@@ -262,6 +262,20 @@
         </div>
     </div>
 
+    <!-- Permission Check Popup -->
+    <div id="permission-popup" class="permission-popup hidden">
+        <div class="permission-content">
+            <h2 id="permission-title">Please allow JavaScript API in MMRL settings</h2>
+            <div class="permission-steps">
+                <p>1. Settings</p>
+                <p>2. Security</p>
+                <p>3. Allow JavaScript API</p>
+                <p>4. Tricky Store</p>
+                <p>5. Enable both options</p>
+            </div>
+        </div>
+    </div>
+
     <!-- Footer -->
     <div class="footer">
         <div class="uninstall-container hidden-uninstall">
diff --git a/module/webui/scripts/main.js b/module/webui/scripts/main.js
index 86231af..5543144 100644
--- a/module/webui/scripts/main.js
+++ b/module/webui/scripts/main.js
@@ -10,6 +10,7 @@ const title = document.querySelector('.header');
 export const noConnection = document.querySelector('.no-connection');
 
 // Loading, Save and Prompt Elements
+const permissionPopup = document.getElementById('permission-popup');
 const loadingIndicator = document.querySelector('.loading');
 const prompt = document.getElementById('prompt');
 const floatingCard = document.querySelector('.floating-card');
@@ -24,6 +25,7 @@ const rippleClasses = ['.language-option', '.menu-button', '.menu-options li', '
 // Variables
 let e = 0;
 let isRefreshing = false;
+let MMRL_API = true;
 
 // Function to load the version from module.prop
 async function getModuleVersion() {
@@ -162,7 +164,7 @@ document.querySelector(".uninstall-container").addEventListener("click", async (
 });
 
 // Function to check if running in MMRL
-function checkMMRL() {
+async function checkMMRL() {
     if (typeof ksu !== 'undefined' && ksu.mmrl) {
         // Adjust elements position for MMRL
         title.style.top = 'var(--window-inset-top)';
@@ -179,6 +181,16 @@ function checkMMRL() {
         } catch (error) {
             console.log("Error requesting API:", error);
         }
+
+        // Check permissions
+        try {
+            await execCommand('ls /data/adb/modules');
+            MMRL_API = true;
+        } catch (error) {
+            console.error('Permission check failed:', error);
+            permissionPopup.classList.remove('hidden');
+            MMRL_API = false;
+        }
     }
 }
 
@@ -281,7 +293,8 @@ window.addEventListener('scroll', () => {
 
 // Initial load
 document.addEventListener('DOMContentLoaded', async () => {
-    checkMMRL();
+    await checkMMRL();
+    if (!MMRL_API) return;
     hideFloatingBtn();
     getModuleVersion();
     await initializeAvailableLanguages();
diff --git a/module/webui/styles/global.css b/module/webui/styles/global.css
index 6364fc7..7c215d4 100644
--- a/module/webui/styles/global.css
+++ b/module/webui/styles/global.css
@@ -202,6 +202,49 @@ body {
     white-space: nowrap;
 }
 
+.permission-popup {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.85);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 9999;
+}
+
+.permission-popup.hidden {
+    display: none;
+}
+
+.permission-content {
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 12px;
+    width: 80%;
+    max-width: 400px;
+    text-align: center;
+}
+
+.permission-content h2 {
+    color: #333;
+    margin-bottom: 20px;
+    font-size: 18px;
+}
+
+.permission-steps {
+    text-align: left;
+    padding: 10px 20px;
+}
+
+.permission-steps p {
+    color: #333;
+    margin: 10px 0;
+    font-size: 16px;
+}
+
 .ripple {
     position: absolute;
     border-radius: 50%;
@@ -252,4 +295,13 @@ body {
     .file-item svg {
         fill: #C2C2C2;
     }
+
+    .permission-content {
+        background-color: #343434;
+    }
+
+    .permission-content h2,
+    .permission-steps p {
+        color: #fff;
+    }
 }
\ No newline at end of file