add: experiment RTL layout feature

This commit is contained in:
RainyXeon
2025-04-30 19:17:04 +07:00
parent cf9e03ac5c
commit d92d854a3b
2 changed files with 5 additions and 1 deletions

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html id="main_html" lang="en" dir="none">
<head>
<meta name="viewport" content="initial-scale=1, width=device-width" />
<meta name="viewport" content="viewport-fit=cover" />

View File

@@ -7,9 +7,13 @@ import { translateModulesPage } from './translate/modules.js'
import { translateSettingsPage } from './translate/settings.js'
export async function setNewLanguage(locate, initialize) {
const main_html = document.getElementById('main_html')
const old_translations = await getTranslations(initialize ? 'en_US' : localStorage.getItem('/system/language'))
const new_translations = await getTranslations(locate)
if (locate.includes('ar_')) main_html.setAttribute("dir", "rtl");
else main_html.setAttribute("dir", "none");
translateHomePage(old_translations, new_translations)
translateModulesPage(new_translations)
translateActionsPage(old_translations, new_translations)