aboutsummaryrefslogtreecommitdiff
path: root/webAO/dom
diff options
context:
space:
mode:
authorcaleb.mabry.15@cnu.edu <caleb.mabry.15@cnu.edu>2022-03-10 23:21:38 -0500
committercaleb.mabry.15@cnu.edu <caleb.mabry.15@cnu.edu>2022-03-10 23:21:38 -0500
commitdc208478fd18a4e28c0083641bf405170859fc58 (patch)
tree1fad0ecbaf5639d02908b5f9c9f31f1878ee446c /webAO/dom
parent6dd1b296c2dd1d7462dd8514dff43db59ac8dd19 (diff)
Magnum Opus pt1
Diffstat (limited to 'webAO/dom')
-rw-r--r--webAO/dom/changeSFXVolume.js10
-rw-r--r--webAO/dom/changeShoutVolume.js10
-rw-r--r--webAO/dom/toggleEffect.js13
3 files changed, 33 insertions, 0 deletions
diff --git a/webAO/dom/changeSFXVolume.js b/webAO/dom/changeSFXVolume.js
new file mode 100644
index 0000000..0c3009f
--- /dev/null
+++ b/webAO/dom/changeSFXVolume.js
@@ -0,0 +1,10 @@
+import setCookie from '../utils/setCookie';
+
+/**
+ * Triggered by the sound effect volume slider.
+ */
+
+export function changeSFXVolume() {
+ setCookie('sfxVolume', document.getElementById('client_sfxaudio').volume);
+}
+window.changeSFXVolume = changeSFXVolume;
diff --git a/webAO/dom/changeShoutVolume.js b/webAO/dom/changeShoutVolume.js
new file mode 100644
index 0000000..db67e2d
--- /dev/null
+++ b/webAO/dom/changeShoutVolume.js
@@ -0,0 +1,10 @@
+import setCookie from '../utils/setCookie';
+
+/**
+ * Triggered by the shout volume slider.
+ */
+
+export function changeShoutVolume() {
+ setCookie('shoutVolume', document.getElementById('client_shoutaudio').volume);
+}
+window.changeShoutVolume = changeShoutVolume;
diff --git a/webAO/dom/toggleEffect.js b/webAO/dom/toggleEffect.js
new file mode 100644
index 0000000..3d19c9c
--- /dev/null
+++ b/webAO/dom/toggleEffect.js
@@ -0,0 +1,13 @@
+/**
+ * Highlights and selects an effect for in-character chat.
+ * If the same effect button is selected, then the effect is canceled.
+ * @param {string} effect the new effect to be selected
+ */
+export function toggleEffect(button) {
+ if (button.classList.contains('dark')) {
+ button.className = 'client_button';
+ } else {
+ button.className = 'client_button dark';
+ }
+}
+window.toggleEffect = toggleEffect;