From 00bcdeb50282f1ef266518eabf019de46258e06e Mon Sep 17 00:00:00 2001
From: Ian Jackson <ijackson@chiark.greenend.org.uk>
Date: Sun, 29 Nov 2020 23:33:50 +0000
Subject: [PATCH] wip zoom

Signed-off-by: Ian Jackson <ijackson@chiark.greenend.org.uk>
---
 templates/landscape.tera |  3 ++-
 templates/macros.tera    | 12 ++++++++++++
 templates/script.ts      | 12 ++++++++++++
 templates/session.tera   |  3 ++-
 4 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/templates/landscape.tera b/templates/landscape.tera
index 58d27a55..b97a8319 100644
--- a/templates/landscape.tera
+++ b/templates/landscape.tera
@@ -36,7 +36,8 @@
       {{ m::nick() }} |
       {{ m::status() }}<br/>
     </div><div>
-      <a href="/p?{{ ptoken }}">switch to portrait view</a>
+      <a href="/p?{{ ptoken }}">switch to portrait view</a> |
+      {{ m::zoom() }}
     </div><div>
       {{ m::wresting() }}<br/>
     </div><div>
diff --git a/templates/macros.tera b/templates/macros.tera
index ad4b9e34..e485216b 100644
--- a/templates/macros.tera
+++ b/templates/macros.tera
@@ -32,6 +32,18 @@ Hi {{nick | escape}}
 <span id="status">nothing</span>
 {% endmacro status %}
 
+{% macro zoom() %}
+<span style="white-space: nowrap;"
+><button id="zoom-btn" disabled
+	 onclick="zoom_activate()"
+>Zoom</button
+><input id="zoom-val" 
+	type="number" max="1000" min="10" step="5" size="4" value="100"
+	oninput="zoom_enable()"
+>%<
+ /span>
+{% endmacro status %}
+
 {% macro errors() %}
 <pre id="error"></pre>
 {% endmacro errors %}
diff --git a/templates/script.ts b/templates/script.ts
index 893a869d..14bfe914 100644
--- a/templates/script.ts
+++ b/templates/script.ts
@@ -881,6 +881,18 @@ function add_timestamped_log_message(ts_html: string, msg_html: string) {
   }
 }
 
+// ----- zoom -----
+
+function zoom_enable() {
+  (document.getElementById("zoom-btn") as any).disabled = false;
+}
+
+function zoom_activate() {
+  let zoom_val = document.getElementById("zoom-val");
+  console.log(zoom_val);
+  (document.getElementById("zoom-btn") as any).disabled = true;
+}
+
 // ----- test counter, startup -----
 
 messages.Piece = <MessageHandler>function
diff --git a/templates/session.tera b/templates/session.tera
index 9834eb57..b3cd770f 100644
--- a/templates/session.tera
+++ b/templates/session.tera
@@ -36,7 +36,8 @@
 |
 {{ m::status() }}
 |
-<a href="/l?{{ ptoken }}">switch to landscape view</a>
+<a href="/l?{{ ptoken }}">switch to landscape view</a> |
+{{ m::zoom() }}
 {{ m::errors() }}
 
 {{ m::space() }}
-- 
2.30.2