From a273e90b445ec82a04f92187adfe610cd0703dba Mon Sep 17 00:00:00 2001
From: David Vazgenovich Shakaryan <dvshakaryan@gmail.com>
Date: Tue, 26 Apr 2022 23:29:00 -0700
Subject: web: rid HTML of inline JS

Maybe I'll change this to use targeted event listeners when I'm not
lazy.
---
 web/static/dartboat.js | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

(limited to 'web/static/dartboat.js')

diff --git a/web/static/dartboat.js b/web/static/dartboat.js
index 428ff85..285a98e 100644
--- a/web/static/dartboat.js
+++ b/web/static/dartboat.js
@@ -54,8 +54,8 @@ function promptMsgR(p) {
 	document.getElementById('prompt-msg-r').textContent = UTF8ToString(p);
 }
 
-function promptHandle(action, data) {
-	Module.ccall('prompt_handle', null, ['string', 'string'], [action, data]);
+function promptHandle(command, data) {
+	Module.ccall('prompt_handle', null, ['string', 'string'], [command, data]);
 }
 
 function setKeypad(keypad) {
@@ -169,12 +169,27 @@ function readOpts() {
 		setStdev(val, false);
 }
 
-function modal(id) {
-	document.getElementById(id).style.display = 'block';
-}
+document.addEventListener('click', e => {
+	const modal = e.target.dataset.modal;
+	if (modal)
+		document.getElementById(modal).style.display = 'block';
+
+	if (e.target.classList.contains('modal'))
+		e.target.style.display = 'none';
+});
 
 document.addEventListener('click', e => {
-	if (e.target.classList.contains('modal')) e.target.style.display = 'none';
+	const command = e.target.dataset.command;
+	if (command)
+		command.split(';').forEach(x => promptHandle(...x.split(':', 2)));
+});
+
+document.addEventListener('change', e => {
+	const setting = e.target.dataset.setting;
+	if (setting === 'delay')
+		setDelay(e.target.value);
+	else if (setting === 'stdev')
+		setStdev(e.target.value);
 });
 
 document.addEventListener('keydown', e => {
-- 
cgit v1.2.3-70-g09d2