diff options
| author | David Vazgenovich Shakaryan <dvshakaryan@gmail.com> | 2022-04-24 00:56:19 -0700 |
|---|---|---|
| committer | David Vazgenovich Shakaryan <dvshakaryan@gmail.com> | 2022-04-24 00:56:19 -0700 |
| commit | 5c855b503ea7e6d90129ac76db2c35c73b61cc34 (patch) | |
| tree | 324944562cddc583e2d4d2f3d6f441971f1a0d5d /web/static | |
| parent | ffcf6b76ce72f6080c99b124d1f1b4b23c1ee6e4 (diff) | |
| download | dartboat-5c855b503ea7e6d90129ac76db2c35c73b61cc34.tar.gz dartboat-5c855b503ea7e6d90129ac76db2c35c73b61cc34.tar.xz | |
web: add one-player scoreboard mode
Diffstat (limited to 'web/static')
| -rw-r--r-- | web/static/dartboat.js | 8 | ||||
| -rw-r--r-- | web/static/index.html | 7 | ||||
| -rw-r--r-- | web/static/style.css | 4 |
3 files changed, 14 insertions, 5 deletions
diff --git a/web/static/dartboat.js b/web/static/dartboat.js index d1463b2..4967f18 100644 --- a/web/static/dartboat.js +++ b/web/static/dartboat.js @@ -163,6 +163,14 @@ function setPlayerActive(n) { e.classList[n && e.id == `p${n}-info` ? 'add' : 'remove']('active')); } +function hidePlayer2(n) { + document.getElementById('p2-info').style.visibility = 'hidden'; +} + +function unhidePlayer2(n) { + document.getElementById('p2-info').style.removeProperty('visibility'); +} + function updatePlayerRem(n, ptr) { document.getElementById(`p${n}-rem`).textContent = UTF8ToString(ptr); } diff --git a/web/static/index.html b/web/static/index.html index 59df139..0502644 100644 --- a/web/static/index.html +++ b/web/static/index.html @@ -10,7 +10,7 @@ </head> <body> <div id="main"> - <div id="rem-bar"> + <div id="info"> <div id="oi">oi!</div> <div id="p1-info"> <div id="p1-name"></div> @@ -48,8 +48,9 @@ <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 onclick="promptHandle('append', 1); promptHandle('submit')" class="key">[1] One-player scoreboard</div> + <div onclick="promptHandle('append', 2); promptHandle('submit')" class="key">[2] Two-player scoreboard</div> + <div onclick="promptHandle('append', 3); promptHandle('submit')" class="key">[3] Play against bot</div> </div> </div> <div id="settings-bar"> diff --git a/web/static/style.css b/web/static/style.css index 62cdcaa..dc017f6 100644 --- a/web/static/style.css +++ b/web/static/style.css @@ -22,7 +22,7 @@ div#main { display: grid; grid-template-columns: 1fr; grid-template-rows: min-content min-content 2fr 3fr; - grid-template-areas: "settings-bar" "rem-bar" "visits" "controls"; + grid-template-areas: "settings-bar" "info" "visits" "controls"; } div#controls { @@ -70,7 +70,7 @@ div#oi { justify-content: center; } -div#rem-bar { +div#info { position: relative; grid-column: 1 / span 3; |