web: allow controls side to be chosen by user

1 files changed, 9 insertions, 2 deletions

diff --git a/web/static/dartboat.js b/web/static/dartboat.js
index e09e8f6..8a1b19f 100644
--- a/web/static/dartboat.js
+++ b/web/static/dartboat.js
@@ -112,6 +112,11 @@ function boatAfloat() {
 		_init();
 }
 
+function flipControls() {
+	const enabled = $('#main').classList.toggle('right-controls');
+	$('#flip-controls-button').textContent = enabled ? '\u2190' : '\u2192';
+}
+
 document.addEventListener('DOMContentLoaded', () => {
 	let f;
 
@@ -119,9 +124,11 @@ document.addEventListener('DOMContentLoaded', () => {
 		promptHandle(...x.split(':', 2)));
 	$$('[data-command]').forEach(x => x.addEventListener('click', f));
 
-	f = e => _set_opt(toCString(e.target.dataset.setting),
+	f = e => _set_opt(toCString(e.target.dataset.opt),
 		toCString(e.target.value));
-	$$('[data-setting]').forEach(x => x.addEventListener('change', f));
+	$$('[data-opt]').forEach(x => x.addEventListener('change', f));
+
+	$('#flip-controls-button').addEventListener('click', flipControls);
 
 	f = e => $(`#${e.target.dataset.modal}`).style.display = 'block';
 	$$('[data-modal]').forEach(x => x.addEventListener('click', f));