Files
ReZygisk/webroot/index.html
2024-11-12 00:08:53 -03:00

218 lines
9.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="initial-scale=1, width=device-width" />
<meta name="viewport" content="viewport-fit=cover" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="js/theme.js" type="module"></script>
<script src="js/restoreError.js" type="module"></script>
<script src="js/list/module.js" type="module"></script>
<script src="js/list/settings.js" type="module"></script>
<script src="js/list/language.js" type="module"></script>
<script src="js/list/action.js" type="module"></script>
<script src="js/switcher/fontChanger.js" type="module"></script>
<script src="js/main.js" type="module"></script>
<script src="js/modal/language.js" type="module"></script>
<script src="js/modal/errorHistory.js" type="module"></script>
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body id="main_body">
<!-- INFO: Loading screen -->
<div id="loading_screen" class="load_screen">
<div class="loader"></div>
</div>
<!-- INFO: Language Modal -->
<div id="lang_modal" class="full_screen" style="top: 100%;">
<div class="liste" style="margin-top: 20px; margin-left: 20px;">
<div style="margin-left: 20px;"></div>
<div id="lang_modal_close" class="close_icon icon_animation" style="margin-right: 20px; width: 40px; height: 40px;">
<img src="assets/close.svg">
</div>
</div>
<div style="padding-left: 25px;">
<h1 id="lang_modal_title">Choose your new language</h1>
</div>
<div id="lang_modal_list" style="padding-left: 25px; padding-right: 25px;">
<!-- N/A -->
</div>
</div>
<!-- INFO: Error History Modal -->
<div id="errorh_modal" class="full_screen" style="top: 100%;">
<div class="liste" style="margin-top: 20px; margin-left: 20px;">
<div style="margin-left: 20px;"></div>
<div id="errorh_modal_close" class="close_icon icon_animation" style="margin-right: 20px; width: 40px; height: 40px;">
<img src="assets/close.svg">
</div>
</div>
<div style="padding-left: 25px; display: flex; align-items: center; justify-content: space-between; padding-right: 25px;">
<h1 id="errorh_modal_title">Error History</h1>
<div class="icon_animation" id="errorh_copy">
<img src="assets/content.svg">
</div>
</div>
<div style="margin-left: 25px; margin-right: 25px; height: 100%;">
<textarea id="errorh_panel" disabled class="errorh_textarea" placeholder="No error log recorded here!"></textarea>
</div>
</div>
<!-- INFO: Headers -->
<div class="header">
<div>ReZygisk</div>
<div style="display: flex; align-items: center;">
<div id="lang_switcher" class="icon_animation">
<img src="assets/lang.svg">
</div>
<div id="theme_switcher" class="icon_animation" style="margin-left: 10px;">
<img src="assets/dark.svg">
</div>
</div>
</div>
<div style="padding: 40px 0px;"></div>
<!-- INFO: Info card -->
<div id="info_card" class="bright card">
<div class="brightc content" style="display: flex; align-items: center;">
<div id="rezygisk_icon_state" class="brightc">
<img class="brightc" src="assets/mark.svg">
</div>
<div id="rezygisk_state" class="brightc content lock" style="font-size: 1.2em; padding-bottom: 4px; padding-left: 5px;">
ReZygisk is at an unknown state!
</div>
</div>
<div class="brightc content">
<div id="version_info_title" class="brightc lock" style="font-size: 1.1em">Version</div>
<div class="brightc desc lockd" id="version_code" style="font-size: 0.9em; margin-top: 3px;">Unknown</div>
</div>
<div class="brightc content">
<div id="root_info_title" class="brightc lock" style="font-size: 1.1em">Root Implementation</div>
<div class="brightc desc lockd" id="root_impl" style="font-size: 0.9em; margin-top: 3px;">Unknown</div>
</div>
<div class="brightc content">
<div class="brightc lock" style="font-size: 1.1em">Zygote64</div>
<div class="brightc desc lockd" id="zygote32_status" style="font-size: 0.9em; margin-top: 3px;">Unknown</div>
</div>
<div class="brightc content lock">
<div class="brightc lock" style="font-size: 1.1em">Zygote32</div>
<div class="brightc desc lockd" id="zygote64_status" style="font-size: 0.9em; margin-top: 3px;">Unknown</div>
</div>
</div>
<!-- INFO: Module list card -->
<div id="modules_card" class="dim card list" style="display: none;">
<!-- INFO: Module list card header -->
<div id="modules_header" class="dimc liste">
<div class="dimc" style="font-size: 1.2em; display: flex; align-items: center;">
<div id="modules_list_icon" class="dimc">
<img class="dimc" src="assets/module.svg">
</div>
<div id="module_card_title" class="dimc" style="padding-bottom: 4px; padding-left: 5px;">Modules</div>
</div>
<div class="dimc">
<div id="module_expand_icon" class="dimc expander" style="max-height: 24px;">
<img class="dimc" src="assets/expand.svg">
</div>
</div>
</div>
<!-- INFO: Module list card body -->
<div id="modules_list" class="dimc" style="width: 100%;">
<!-- N/A -->
</div>
</div>
<!-- INFO: Action card -->
<div id="rezygisk_action" class="dim card list" style="display: none;">
<!-- INFO: Action card header -->
<div id="action_header" class="dimc" style="align-items: center; display: flex; justify-content: space-between; padding-bottom: 10px;">
<div class="dimc" style="align-items: center; display: flex;">
<div class="dimc" id="action_icon">
<img class="dimc" src="assets/action.svg">
</div>
<div id="action_card_title" class="dimc content" style="padding-left: 5px; font-size: 1.2em;">
Actions
</div>
</div>
<div class="dimc">
<div id="action_expand_icon" class="dimc expander" style="margin-bottom: 4px; max-height: 24px;">
<img class="dimc" src="assets/expand.svg">
</div>
</div>
</div>
<!-- INFO: Settings card body (Daemon32) -->
<div class="small_card">
<div class="small_card_bg content" style="font-size: 1.1em; padding-left: 5px; padding-top: 6px; padding-bottom: 14px;">Daemon (32 bit)</div>
<div class="small_card_bg content button_list">
<div id="daemon32_stop_button" class="center button">Stop</div>
<div id="daemon32_start_button" class="center button">Start</div>
<div id="daemon32_exit_button" class="center button">Exit</div>
</div>
</div>
<!-- INFO: Settings card body (Daemon64) -->
<div class="small_card" style="margin-top: 15px;">
<div class="small_card_bg content" style="font-size: 1.1em; padding-left: 5px; padding-top: 6px; padding-bottom: 14px;">Daemon (64 bit)</div>
<div class="small_card_bg content button_list">
<div id="daemon64_stop_button" class="center button">Stop</div>
<div id="daemon64_start_button" class="center button">Start</div>
<div id="daemon64_exit_button" class="center button">Exit</div>
</div>
</div>
</div>
<!-- INFO: Settings card -->
<div id="rezygisk_settings" class="dim card list">
<!-- INFO: Settings card header -->
<div id="settings_header" class="dimc" style="align-items: center; display: flex; justify-content: space-between; padding-bottom: 10px;">
<div class="dimc" style="align-items: center; display: flex;">
<div class="dimc" id="setting_icon">
<img class="dimc" src="assets/settings.svg">
</div>
<div id="settings_card_title" class="dimc content" style="padding-left: 5px; font-size: 1.2em;">
Settings
</div>
</div>
<div class="dimc">
<div id="settings_expand_icon" class="dimc expander" style="margin-bottom: 4px; max-height: 24px;">
<img class="dimc" src="assets/expand.svg">
</div>
</div>
</div>
<!-- INFO: Enable system font option -->
<div class="small_card" style="margin-top: 15px; justify-content: space-between; display: flex; align-items: center;">
<div class="small_card_bg" style="display: inline-block; width: 80%;">
<div id="sys_font_option_title" class="small_card_bg content" style="font-size: 1.1em; padding-left: 5px; padding-top: 6px; padding-bottom: 2px;">Enable system font</div>
<div id="sys_font_option_desc" class="small_card_bg desc" style="font-size: 0.9em; padding-left: 5px; padding-bottom: 6px;">
This option will enable system font in current WebUI. NOTE: May not be compatible with FlipFont
</div>
</div>
<label class="switch small_card_bg">
<input id="font_switcher" type="checkbox">
<span class="slider round"></span>
</label>
</div>
</div>
<!-- INFO: Get error logs button card -->
<div id="rezygisk_errorh" class="dim card list card_animation">
<!-- INFO: Settings card header -->
<div class="dimc" style="align-items: center; display: flex;">
<div class="dimc" id="logs_icon">
<img class="dimc" src="assets/error.svg">
</div>
<div id="errorh_card_title" class="dimc content" style="padding-left: 5px; font-size: 1.2em;">
Error History
</div>
</div>
</div>
</body>
</html>