summaryrefslogtreecommitdiff
path: root/web/static/index.html
diff options
context:
space:
mode:
authorDavid Vazgenovich Shakaryan <dvshakaryan@gmail.com>2022-04-23 21:11:50 -0700
committerDavid Vazgenovich Shakaryan <dvshakaryan@gmail.com>2022-04-23 21:11:50 -0700
commite2fe11469394c9827a0cdea9966188c833d93197 (patch)
tree9efcd1651e92bc7db4d63f0e0953343ed35b91ca /web/static/index.html
parent2cd3bddfa34929411737ebae1f2e99fcb0cb25e2 (diff)
downloaddartboat-e2fe11469394c9827a0cdea9966188c833d93197.tar.gz
dartboat-e2fe11469394c9827a0cdea9966188c833d93197.tar.xz
web: implement prompt-aware keypad
Diffstat (limited to 'web/static/index.html')
-rw-r--r--web/static/index.html36
1 files changed, 21 insertions, 15 deletions
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>