Add translation guide and translation template

README.md

@@ -28,9 +28,8 @@ A **KSU WebUI** to configure tricky store target.txt
 - Run `UpdateTargetList.sh` under `/data/adb/tricky_store` manually.
 - MT manager is recommened for this method
 
-## More
+## Translation
-**Support to pass abnormal boot state**
+- Read [Translation Guide](https://github.com/KOWX712/Tricky-Addon-Update-Target-List/tree/master/module/webroot/locales/A-translate.md)
-- Paste Verfied Boot Hash to `boot_hash` in `/data/adb/`, reboot.
 
 ## Acknowledgement
 - [j-hc/zygisk-detach](https://github.com/j-hc/zygisk-detach) - KSU WebUI template

module/webroot/locales/A-template.json

@@ -0,0 +1,47 @@
+{
+    "title": "Tricky Addon - Update Target List",
+    "search_placeholder": "Search",
+    "save_and_update_button": "Save and Update",
+    "boot_hash_save_button": "Save",
+    "loading": "Loading...",
+    "boot_hash_input_placeholder": "Paste your verified Boot Hash here",
+    
+    "refresh": "Refresh",
+    "select_all": "Select All",
+    "deselect_all": "Deselect All",
+    "select_denylist": "Select From DenyList",
+    "deselect_unnecessary": "Deselect Unnecessary",
+    "set_aosp_keybox": "Set AOSP Keybox",
+    "set_valid_keybox": "Set Valid Keybox",
+    "set_verified_boot_hash": "Set Verified Boot Hash",
+    "about": "About",
+    
+    "help_instructions": "Instructions",
+    "save_and_update_description": "Save the current configuration and update target.txt immediately.",
+    "refresh_description": "Refresh app list and exclude list.",
+    "select_deselect": "Select & Deselect All",
+    "select_description": "Select or deselect all apps in the current interface.",
+    "select_denylist_description": "Available in Magisk only, select apps that are in the DenyList. Recommended.",
+    "deselect_unnecessary_description": "Unnecessary category: Xposed module, root manager, root-related apps, and general apps that never check bootloader status. This option requires an Internet connection.",
+    "set_keybox": "Set AOSP & Valid Keybox",
+    "set_aosp_keybox_description": "Replace tricky store keybox.xml. AOSP keybox will be replaced if there's no more valid keybox. Valid keybox option requires Internet connection.",
+    "set_verified_boot_hash_description": "Get verifiedBootHash value from Key Attestation Demo. Fix abnormal boot state by resetting ro.boot.vbmeta.digest.",
+
+    "module_name_line1": "Tricky Addon",
+    "module_name_line2": "Update Target List",
+    "by": "by ",
+    "telegram_channel": "Telegram Channel",
+    "github": "GitHub",
+    "acknowledgment": "Acknowledgment",
+
+    "no_internet": "Please check your Internet connection",
+    "aosp_key_set": "AOSP keybox set successfully",
+    "key_set_error": "Failed to update keybox",
+    "valid_key_set": "Valid keybox set successfully",
+    "no_valid_fallback": "No valid keybox found, replaced with AOSP keybox.",
+    "boot_hash_set": "Verified Boot Hash saved successfully",
+    "boot_hash_set_error": "Failed to update Verified Boot Hash",
+    "saved_and_updated": "Config and target.txt updated",
+    "saved_not_updated": "Config saved, but failed to update target list",
+    "save_error": "Failed to save config"
+}

module/webroot/locales/A-translate.md

@@ -0,0 +1,32 @@
+# Translation Guide
+## Fix Translation Error
+- Fork this repository.
+- Edit the string value with translated incorrectly.
+- Create a Pull Request.
+
+---
+## Create a New Language
+### Simple
+- Contact me in Telegram to create a new translation langauge for you.
+
+### Advanced
+1. Fork this repository.
+2. Rename `/module/webroot/locales/A-translate.json` to `language_code-COUNTRY_CODE.json`, e.g., `en-US.json`.
+3. Translate the string value inside.
+4. Add `langauge-option` into `/module/webroot/index.html`.
+```xml
+<button class="language-option" data-lang="language_code-COUNTRY_CODE" data-i18n="language_languageName">languageName</button>
+```
+Format:
+```xml
+<div class="language-menu">
+    <button class="language-option" data-lang="en-US" data-i18n="language_english_us">English</button>
+</div>
+```
+5. Add language_code-COUNTRY_CODE in `/module/webroot/index.js` under `function detectUserLanguage()`
+Format:
+```js
+function detectUserLanguage() {
+    const availableLanguages = ['en-US', 'ru-RU', 'tl-PH', 'zh-CN', 'zh-TW'];
+}
+```