156 lines
5.2 KiB
HTML
156 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html class="light">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Settings</title>
|
|
<link rel="stylesheet" href="sovereign://settings.css">
|
|
</head>
|
|
<body>
|
|
<h1>Settings</h1>
|
|
|
|
<h2>Appearance</h2>
|
|
<div class="setting">
|
|
<div><div class="setting-name">Dark mode (Night)</div></div>
|
|
<div class="toggle" data-feature="theme_dark"
|
|
onclick="toggle('theme_dark')"></div>
|
|
</div>
|
|
|
|
<h2>Tabs</h2>
|
|
|
|
<div class="setting">
|
|
<div><div class="setting-name">Restore session on startup</div></div>
|
|
<div class="toggle" data-feature="restore_session"
|
|
onclick="toggle('restore_session')"></div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<div><div class="setting-name">New tab URL</div></div>
|
|
<div><input type="text" id="new_tab_url">
|
|
<button class="save-btn" onclick="save('new_tab_url')">Save</button></div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<div><div class="setting-name">Tab bar position</div></div>
|
|
<div><select id="tab_bar_position">
|
|
<option value="top">Top</option>
|
|
<option value="bottom">Bottom</option>
|
|
<option value="left">Left</option>
|
|
<option value="right">Right</option>
|
|
</select>
|
|
<button class="save-btn" onclick="save('tab_bar_position')">Save</button></div>
|
|
</div>
|
|
|
|
<div class="setting">
|
|
<div><div class="setting-name">Show tab close buttons</div></div>
|
|
<div class="toggle" data-feature="show_tab_close_buttons"
|
|
onclick="toggle('show_tab_close_buttons')"></div>
|
|
</div>
|
|
|
|
<div class="setting">
|
|
<div><div class="setting-name">Middle-click to close tab</div></div>
|
|
<div class="toggle" data-feature="middle_click_close"
|
|
onclick="toggle('middle_click_close')"></div>
|
|
</div>
|
|
|
|
<div class="setting">
|
|
<div><div class="setting-name">Ctrl+Tab to switch tabs</div></div>
|
|
<div class="toggle" data-feature="ctrl_tab_switch"
|
|
onclick="toggle('ctrl_tab_switch')"></div>
|
|
</div>
|
|
|
|
<div class="setting">
|
|
<div><div class="setting-name">Allow drag to reorder tabs</div></div>
|
|
<div class="toggle" data-feature="tab_drag_reorder"
|
|
onclick="toggle('tab_drag_reorder')"></div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<div><div class="setting-name">Maximum tabs</div></div>
|
|
<div><input type="number" id="max_tabs" min="1" max="999">
|
|
<button class="save-btn" onclick="save('max_tabs')">Save</button></div>
|
|
</div>
|
|
|
|
<h2>Keyboard Shortcuts</h2>
|
|
<div id="shortcuts-section"></div>
|
|
<div class="field">
|
|
<div><div class="setting-name">Reset all shortcuts</div></div>
|
|
<div><button class="save-btn" id="sc-reset-all">Reset All</button></div>
|
|
</div>
|
|
|
|
<h2>Agent Server</h2>
|
|
|
|
<div class="setting">
|
|
<div><div class="setting-name">Enable agent server</div></div>
|
|
<div class="toggle" data-feature="agent_server_enabled"
|
|
onclick="toggle('agent_server_enabled')"></div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<div><div class="setting-name">Agent server port</div></div>
|
|
<div><input type="number" id="agent_server_port" min="1" max="65535">
|
|
<button class="save-btn" onclick="save('agent_server_port')">Save</button></div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<div><div class="setting-name">Allowed origins</div></div>
|
|
<div><input type="text" id="agent_allowed_origins">
|
|
<button class="save-btn" onclick="save('agent_allowed_origins')">Save</button></div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<div><div class="setting-name">Login timeout (ms)</div></div>
|
|
<div><input type="number" id="agent_login_timeout_ms" min="0" max="300000">
|
|
<button class="save-btn" onclick="save('agent_login_timeout_ms')">Save</button></div>
|
|
</div>
|
|
|
|
<h2>Bootstrap Relays</h2>
|
|
<div class="field">
|
|
<div><div class="setting-name">Relay URLs</div></div>
|
|
<div><textarea id="bootstrap_relays" rows="4" cols="40"></textarea>
|
|
<button class="save-btn" onclick="save('bootstrap_relays')">Save</button></div>
|
|
</div>
|
|
|
|
<h2>Search</h2>
|
|
<div class="field">
|
|
<div><div class="setting-name">Search engine</div></div>
|
|
<div><select id="search_engine"></select>
|
|
<button class="save-btn" onclick="save('search_engine')">Save</button></div>
|
|
</div>
|
|
|
|
<h2>Security</h2>
|
|
|
|
<div class="setting">
|
|
<div><div class="setting-name">Developer Tools (Inspector)</div></div>
|
|
<div class="toggle" data-feature="dev_extras"
|
|
onclick="toggle('dev_extras')"></div>
|
|
</div>
|
|
|
|
<div class="setting">
|
|
<div><div class="setting-name">File Access from file://</div></div>
|
|
<div class="toggle" data-feature="file_access"
|
|
onclick="toggle('file_access')"></div>
|
|
</div>
|
|
|
|
<div class="setting">
|
|
<div><div class="setting-name">Universal Access from file://</div></div>
|
|
<div class="toggle" data-feature="universal_access"
|
|
onclick="toggle('universal_access')"></div>
|
|
</div>
|
|
|
|
<div class="setting">
|
|
<div><div class="setting-name">CORS Enforcement</div></div>
|
|
<div class="toggle off" style="opacity:0.5"></div>
|
|
</div>
|
|
|
|
<div class="setting">
|
|
<div><div class="setting-name">TLS Certificate Check</div></div>
|
|
<div class="toggle off" style="opacity:0.5"></div>
|
|
</div>
|
|
|
|
<div id="status" class="status"></div>
|
|
|
|
<script src="sovereign://settings.js"></script>
|
|
</body>
|
|
</html>
|