X-Git-Url: https://plomlompom.com/repos/%7B%7Bprefix%7D%7D/copy_structured?a=blobdiff_plain;f=rogue_chat_nocanvas_monochrome.html;h=2ef4f7d43aee7d7816f409c27568426a441207df;hb=f00c3aa40e107332b5a7d672ae8b939f0212031c;hp=b1dd9929700724c57004413edc17bd5432476c08;hpb=859fae61e2b7c3ad39a8d158bb88d6a43d59368d;p=plomrogue2

diff --git a/rogue_chat_nocanvas_monochrome.html b/rogue_chat_nocanvas_monochrome.html
index b1dd992..2ef4f7d 100644
--- a/rogue_chat_nocanvas_monochrome.html
+++ b/rogue_chat_nocanvas_monochrome.html
@@ -13,18 +13,18 @@ terminal columns: <input id="n_cols" type="number" step=4 min=80 value=80 />
 <h3>for mouse players</h3>
 <table style="float: left">
   <tr>
-    <td><button id="move_upleft">up-left</button></td>
-    <td><button id="move_up">up</button></td>
+    <td style="text-align: right"><button id="move_upleft">up-left</button></td>
+    <td style="text-align: center"><button id="move_up">up</button></td>
     <td><button id="move_upright">up-right</button></td>
   </tr>
   <tr>
-    <td><button id="move_left">left</button></td>
-    <td>MOVE</td>
+    <td style="text-align: right;"><button id="move_left">left</button></td>
+    <td stlye="text-align: center;">move</td>
     <td><button id="move_right">right</button></td>
   </tr>
   <tr>
     <td><button id="move_downleft">down-left</button></td>
-    <td><button id="move_down">down</button></td>
+    <td style="text-align: center"><button id="move_down">down</button></td>
     <td><button id="move_downright">down-right</button></td>
   </tr>
 </table>
@@ -549,13 +549,26 @@ let tui = {
     for (let key_selector of key_selectors) {
         this.keys[key_selector.id.slice(4)] = key_selector.value;
     }
-    this.movement_keys = {
-        [this.keys.square_move_up]: 'UP',
-        [this.keys.square_move_left]: 'LEFT',
-        [this.keys.square_move_down]: 'DOWN',
-        [this.keys.square_move_right]: 'RIGHT'
-    };
-    if (game.map_geometry == 'Hex') {
+    if (game.map_geometry == 'Square') {
+        this.movement_keys = {
+            [this.keys.square_move_up]: 'UP',
+            [this.keys.square_move_left]: 'LEFT',
+            [this.keys.square_move_down]: 'DOWN',
+            [this.keys.square_move_right]: 'RIGHT'
+        };
+        document.getElementById("move_upright").hidden = true;
+        document.getElementById("move_upleft").hidden = true;
+        document.getElementById("move_downright").hidden = true;
+        document.getElementById("move_downleft").hidden = true;
+        document.getElementById("move_up").hidden = false;
+        document.getElementById("move_down").hidden = false;
+    } else if (game.map_geometry == 'Hex') {
+        document.getElementById("move_upright").hidden = false;
+        document.getElementById("move_upleft").hidden = false;
+        document.getElementById("move_downright").hidden = false;
+        document.getElementById("move_downleft").hidden = false;
+        document.getElementById("move_up").hidden = true;
+        document.getElementById("move_down").hidden = true;
         this.movement_keys = {
             [this.keys.hex_move_upleft]: 'UPLEFT',
             [this.keys.hex_move_upright]: 'UPRIGHT',
@@ -586,16 +599,8 @@ let tui = {
     }
     document.getElementById("help").disabled = false;
     if (this.mode.name == 'play' || this.mode.name == 'study' || this.mode.name == 'control_tile_draw') {
-        document.getElementById("move_left").disabled = false;
-        document.getElementById("move_right").disabled = false;
-        if (game.map_geometry == 'Hex') {
-            document.getElementById("move_upleft").disabled = false;
-            document.getElementById("move_upright").disabled = false;
-            document.getElementById("move_downleft").disabled = false;
-            document.getElementById("move_downright").disabled = false;
-        } else {
-            document.getElementById("move_up").disabled = false;
-            document.getElementById("move_down").disabled = false;
+        for (const move_key of document.querySelectorAll('[id^="move_"]')) {
+            move_key.disabled = false;
         }
     }
     if (!this.mode.is_intro && this.mode.name != 'play') {