134 lines
6.7 KiB
HTML
134 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>ArmCord Settings</title>
|
|
<style>
|
|
@import url("../content/css/settings.css");
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="switch">
|
|
<select name="theme" id="theme" class="left">
|
|
<option value="default">Default</option>
|
|
<option value="native">Native</option>
|
|
</select>
|
|
<p class="header" id="settings-theme">ArmCord theme:</p>
|
|
</div>
|
|
<br />
|
|
<div class="switch">
|
|
<label class="header">ArmCord CSP</label>
|
|
<input class="tgl tgl-light left" id="csp" type="checkbox" />
|
|
<label class="tgl-btn left" for="csp"></label>
|
|
</div>
|
|
<br />
|
|
<div class="switch">
|
|
<label class="header" id="settings-tray">Minimize to tray</label>
|
|
<input class="tgl tgl-light left" id="tray" type="checkbox" />
|
|
<label class="tgl-btn left" for="tray"></label>
|
|
</div>
|
|
<br />
|
|
<div class="switch">
|
|
<label class="header" id="settings-patches">Automatic Patches</label>
|
|
<input class="tgl tgl-light left" id="patches" type="checkbox" />
|
|
<label class="tgl-btn left" for="patches"></label>
|
|
</div>
|
|
<br />
|
|
<div class="switch">
|
|
<label class="header" id="settings-invitewebsocket">Invite Websocket</label>
|
|
<input class="tgl tgl-light left" id="websocket" type="checkbox" />
|
|
<label class="tgl-btn left" for="websocket"></label>
|
|
</div>
|
|
<div class="switch">
|
|
<select name="channel" id="channel" class="left">
|
|
<option value="stable">Stable</option>
|
|
<option value="canary">Canary</option>
|
|
<option value="ptb">PTB</option>
|
|
<option value="foss">Fosscord</option>
|
|
</select>
|
|
<p class="header" id="settings-channel">Discord channel:</p>
|
|
</div>
|
|
<div class="switch">
|
|
<select name="mod" id="mod" class="left">
|
|
<option value="cumcord">Cumcord</option>
|
|
<option value="goosemod">GooseMod</option>
|
|
<option value="flicker">Flicker</option>
|
|
<option value="none">None</option>
|
|
</select>
|
|
<p class="header" id="settings-mod">Client mod:</p>
|
|
</div>
|
|
<div class="switch">
|
|
<select name="prfmMode" id="prfmMode" class="left">
|
|
<option value="performance">Performance</option>
|
|
<option value="battery">Battery</option>
|
|
<option value="none">None</option>
|
|
</select>
|
|
<p class="header" id="settings-prfmMode">Performance mode:</p>
|
|
</div>
|
|
<div class="switch">
|
|
<select name="trayIcon" id="trayIcon" class="left">
|
|
<option value="ac_plug_colored">Default</option>
|
|
<option value="dsc-tray">Discord Icon</option>
|
|
<option value="ac_white_plug">White Icon</option>
|
|
<option value="ac_black_plug">Black Icon</option>
|
|
<option value="ac_white_plug_hollow">White Hollowed Icon</option>
|
|
<option value="ac_black_plug_hollow">Black Hollowed Icon</option>
|
|
</select>
|
|
<p class="header" id="settings-trayIcon">Tray icon:</p>
|
|
</div>
|
|
<button id="settings-save" class="center">Save Settings</button>
|
|
</body>
|
|
<script>
|
|
async function loadLang() {
|
|
document.getElementById("settings-save").innerHTML = await settings.getLang("settings-save");
|
|
document.getElementById("settings-mod").innerHTML = await settings.getLang("settings-mod");
|
|
document.getElementById("settings-channel").innerHTML = await settings.getLang("settings-channel");
|
|
document.getElementById("settings-invitewebsocket").innerHTML = await settings.getLang(
|
|
"settings-invitewebsocket"
|
|
);
|
|
document.getElementById("settings-patches").innerHTML = await settings.getLang("settings-patches");
|
|
document.getElementById("settings-tray").innerHTML = await settings.getLang("settings-tray");
|
|
document.getElementById("settings-theme").innerHTML = await settings.getLang("settings-theme");
|
|
//select stuff
|
|
document.getElementById("mod").options[3].text = await settings.getLang("settings-none");
|
|
document.getElementById("prfmMode").options[2].text = await settings.getLang("settings-none");
|
|
document.getElementById("prfmMode").options[1].text = await settings.getLang("settings-prfmMode-battery");
|
|
document.getElementById("prfmMode").options[0].text = await settings.getLang(
|
|
"settings-prfmMode-performance"
|
|
);
|
|
document.getElementById("theme").options[1].text = await settings.getLang("settings-theme-native");
|
|
document.getElementById("theme").options[0].text = await settings.getLang("settings-theme-default");
|
|
}
|
|
loadLang();
|
|
</script>
|
|
<script>
|
|
async function loadSettings() {
|
|
document.getElementById("csp").checked = await settings.get("armcordCSP");
|
|
document.getElementById("tray").checked = await settings.get("minimizeToTray");
|
|
document.getElementById("websocket").checked = await settings.get("inviteWebsocket");
|
|
document.getElementById("patches").value = await settings.get("automaticPatches");
|
|
document.getElementById("mod").value = await settings.get("mods");
|
|
document.getElementById("channel").value = await settings.get("channel");
|
|
document.getElementById("theme").value = await settings.get("windowStyle");
|
|
document.getElementById("prfmMode").value = await settings.get("performanceMode");
|
|
document.getElementById("trayIcon").value = await settings.get("trayIcon");
|
|
}
|
|
loadSettings();
|
|
document.getElementById("settings-save").addEventListener("click", function () {
|
|
settings.save({
|
|
windowStyle: document.getElementById("theme").value,
|
|
channel: document.getElementById("channel").value,
|
|
armcordCSP: document.getElementById("csp").checked,
|
|
minimizeToTray: document.getElementById("tray").checked,
|
|
automaticPatches: document.getElementById("patches").checked,
|
|
mods: document.getElementById("mod").value,
|
|
inviteWebsocket: document.getElementById("websocket").checked,
|
|
performanceMode: document.getElementById("prfmMode").value,
|
|
trayIcon: document.getElementById("trayIcon").value,
|
|
doneSetup: true
|
|
});
|
|
});
|
|
</script>
|
|
</html>
|