From e2fe11469394c9827a0cdea9966188c833d93197 Mon Sep 17 00:00:00 2001
From: David Vazgenovich Shakaryan <dvshakaryan@gmail.com>
Date: Sat, 23 Apr 2022 21:11:50 -0700
Subject: web: implement prompt-aware keypad

---
 web/static/index.html | 36 +++++++++++++++++++++---------------
 1 file changed, 21 insertions(+), 15 deletions(-)

(limited to 'web/static/index.html')

diff --git a/web/static/index.html b/web/static/index.html
index dbd2b6e..59df139 100644
--- a/web/static/index.html
+++ b/web/static/index.html
@@ -25,26 +25,32 @@
 					<div id="p2-avg"></div>
 				</div>
 			</div>
-			<div id="keypad">
+			<div id="controls">
 				<div id="prompt-container">
 					<div id="prompt-msg-l"></div>
 					<div id="prompt-input"></div>
 					<div id="prompt-msg-r"></div>
 				</div>
-				<div onclick="promptHandle('append', 1)" class="key num">1</div>
-				<div onclick="promptHandle('append', 2)" class="key num">2</div>
-				<div onclick="promptHandle('append', 3)" class="key num">3</div>
-				<div onclick="promptHandle('append', 4)" class="key num">4</div>
-				<div onclick="promptHandle('append', 5)" class="key num">5</div>
-				<div onclick="promptHandle('append', 6)" class="key num">6</div>
-				<div onclick="promptHandle('append', 7)" class="key num">7</div>
-				<div onclick="promptHandle('append', 8)" class="key num">8</div>
-				<div onclick="promptHandle('append', 9)" class="key num">9</div>
-				<div onclick="promptHandle('clear')" class="key">CLEAR</div>
-				<div onclick="promptHandle('append', 0)" class="key num">0</div>
-				<div onclick="promptHandle('submit')" class="key ok">OK</div>
-				<div onclick="promptHandle('undo')" class="key" id="key_undo">UNDO</div>
-				<div onclick="promptHandle('submit_rem')" class="key">REMAINING</div>
+				<div id="keypad-default" class="keypad" style="display: none">
+					<div onclick="promptHandle('append', 1)" class="key num">1</div>
+					<div onclick="promptHandle('append', 2)" class="key num">2</div>
+					<div onclick="promptHandle('append', 3)" class="key num">3</div>
+					<div onclick="promptHandle('append', 4)" class="key num">4</div>
+					<div onclick="promptHandle('append', 5)" class="key num">5</div>
+					<div onclick="promptHandle('append', 6)" class="key num">6</div>
+					<div onclick="promptHandle('append', 7)" class="key num">7</div>
+					<div onclick="promptHandle('append', 8)" class="key num">8</div>
+					<div onclick="promptHandle('append', 9)" class="key num">9</div>
+					<div onclick="promptHandle('clear')" class="key">CLEAR</div>
+					<div onclick="promptHandle('append', 0)" class="key num">0</div>
+					<div onclick="promptHandle('submit')" class="key ok">OK</div>
+					<div onclick="promptHandle('undo')" class="key" id="key_undo">UNDO</div>
+					<div onclick="promptHandle('submit_rem')" class="key">REMAINING</div>
+				</div>
+				<div id="keypad-init" class="keypad">
+					<div onclick="promptHandle('append', 1); promptHandle('submit')" class="key">(1) Play against bot</div>
+					<div onclick="promptHandle('append', 2); promptHandle('submit')" class="key">(2) Scoreboard (2-player)</div>
+				</div>
 			</div>
 			<div id="settings-bar">
 				<div>dartboat™</div>
-- 
cgit v1.2.3-70-g09d2