script: Implement messages.SetTableSize

Signed-off-by: Ian Jackson <ijackson@chiark.greenend.org.uk>

diff --git a/templates/macros.tera b/templates/macros.tera
index 20f3bef11e2704446ec94aecaa99c0aed8704b93..2b51d15f7a24e3bbfb4358b789bf4bce1a71c5e7 100644 (file)
--- a/templates/macros.tera
+++ b/templates/macros.tera
@@ -72,7 +72,8 @@ Hi {{nick | escape}}
 {% macro space() %}
     <svg xmlns="http://www.w3.org/2000/svg"
          id="space" {{ space_attrs }} >
-      <rect fill="{{ table_colour }}" x="0" y="0" {{ rect_attrs }} />
+      <rect fill="{{ table_colour }}" x="0" y="0"
+           id="table_rect" {{ rect_attrs }} />
       <g id="pieces_marker"></g>
 {%- for piece in uses %}
       <use id="use{{ piece.id }}" href="#piece{{ piece.id }}"

diff --git a/templates/script.ts b/templates/script.ts
index a826c8871cd3fa1e50ce3574ed2a07f045d18a2a..9b89d6278f82d755f3ab8a9bc377024414075a23 100644 (file)
--- a/templates/script.ts
+++ b/templates/script.ts
@@ -944,6 +944,18 @@ function player_info_pane_set(j: PlayersUpdate) {
     .innerHTML = j.new_info_pane;
 }
 
+messages.SetTableSize = <MessageHandler>function
+([x, y]: [number, number]) {
+  function set_attrs(elem: Element, l: [string,string][]) {
+    for (let a of l) {
+      elem.setAttributeNS(null,a[0],a[1]);
+    }
+  }
+  let rect = document.getElementById('table_rect')!;
+  set_attrs(space, wasm_bindgen.space_table_attrs(x, y));
+  set_attrs(rect,  wasm_bindgen.space_table_attrs(x, y));
+}
+
 messages.SetLinks = <MessageHandler>function
 (msg: string) {
   if (msg.length != 0 && layout == 'Portrait') {