From 4f33d7453c30139df7825b204728fd8511c9a2cf Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@woozle.org>
Date: Mon, 18 Apr 2022 15:37:17 -0600
Subject: [PATCH] Add WPM display

---
 static/index.html | 2 ++
 static/vail.mjs   | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/static/index.html b/static/index.html
index 6f1dafe..7f658b9 100644
--- a/static/index.html
+++ b/static/index.html
@@ -220,6 +220,8 @@
 							<p>
 								Dit length (iambic):
 								<output id="iambic-duration-value"></output>ms
+								/
+								<output id="iambic-duration-wpm"></output> WPM
 								<input
 									id="iambic-duration"
 									class="mdl-slider mdl-js-slider"
diff --git a/static/vail.mjs b/static/vail.mjs
index ce040b8..5afa22a 100644
--- a/static/vail.mjs
+++ b/static/vail.mjs
@@ -182,11 +182,15 @@ class VailClient {
 			element.value = storedValue
 		}
 		let outputElement = document.querySelector(selector + "-value")
+		let outputWpmElement = document.querySelector(selector + "-wpm")
 		element.addEventListener("input", e => {
 			localStorage[element.id] = element.value
 			if (outputElement) {
 				outputElement.value = element.value
 			}
+			if (outputWpmElement) {
+				outputWpmElement.value = (1200 / element.value).toFixed(1)
+			}
 			if (callback) {
 				callback(e)
 			}