wip zoom

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

diff --git a/templates/landscape.tera b/templates/landscape.tera
index 58d27a55b30deeda2ce770f6487b06dd9af65ba2..b97a8319bf27f9f3f8b4451091b57e29c7e0a518 100644 (file)
--- 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 ad4b9e346bf7e88f0bf5c1ff5b86097e153a0385..e485216bc37288e1f27e1e486b8643a898f66e37 100644 (file)
--- 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 893a869dd5eb50e10ba48f0b6dd418b143153483..14bfe914343f5e53942661117cd309df0e3e188d 100644 (file)
--- 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 9834eb577d2c6be89294f30a14bd9874d8f70bcd..b3cd770f3b2322ed2651aba2c3c8e5fe59f198f8 100644 (file)
--- 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() }}