aboutsummaryrefslogtreecommitdiff
path: root/webAO/dom/switchAspectRatio.ts
diff options
context:
space:
mode:
authorstonedDiscord <Tukz@gmx.de>2022-09-08 11:01:49 +0200
committerGitHub <noreply@github.com>2022-09-08 11:01:49 +0200
commit4de6b4fd4e7bc3871d76fded0f32561c814ca003 (patch)
treeec3bb6183eaeed3fe92440b76447b3bb71bc16dc /webAO/dom/switchAspectRatio.ts
parent84cdbfff31c31eff9e7ba2a1d6c73f6d08ac5e43 (diff)
parentd99a619e26f38c729d74d8dc585e8ce13236ffb7 (diff)
Merge pull request #170 from caleb-mabry/all-window-functions-from-client
Removed all window functions from client
Diffstat (limited to 'webAO/dom/switchAspectRatio.ts')
-rw-r--r--webAO/dom/switchAspectRatio.ts19
1 files changed, 19 insertions, 0 deletions
diff --git a/webAO/dom/switchAspectRatio.ts b/webAO/dom/switchAspectRatio.ts
new file mode 100644
index 0000000..79d4110
--- /dev/null
+++ b/webAO/dom/switchAspectRatio.ts
@@ -0,0 +1,19 @@
+/**
+ * Triggered by the change aspect ratio checkbox
+ */
+export async function switchAspectRatio() {
+ const background = document.getElementById("client_gamewindow")!;
+ const offsetCheck = <HTMLInputElement>(
+ document.getElementById("client_hdviewport_offset")
+ );
+ if (
+ (<HTMLInputElement>document.getElementById("client_hdviewport")).checked
+ ) {
+ background.style.paddingBottom = "56.25%";
+ offsetCheck.disabled = false;
+ } else {
+ background.style.paddingBottom = "75%";
+ offsetCheck.disabled = true;
+ }
+}
+window.switchAspectRatio = switchAspectRatio; \ No newline at end of file