From: Ben Harris <bjh21@bjh21.me.uk>
Date: Sat, 11 Oct 2025 23:40:47 +0000 (+0100)
Subject: webstead: allow for editing C version of character
X-Git-Tag: bedstead-3.261~41
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~bjharris/git?a=commitdiff_plain;h=4457cf5107e15b9614e1b92bfa80a4cc6b420efa;p=bedstead.git

webstead: allow for editing C version of character

The new code triggers when the <input> is edited.  It updates the
pixel tickyboxes and the rendered glyph, but suppresses updating the
<input> itself.  This can be used for interactive editing, but is
mostly to allow for pasting in character bitmaps.
---

diff --git a/webstead.xhtml b/webstead.xhtml
index 7f5e837..cc276ee 100644
--- a/webstead.xhtml
+++ b/webstead.xhtml
@@ -44,7 +44,7 @@
          And it's not a module because Safari can't handle that. -->
     <script async="async"><![CDATA[
     var Bedstead;
-    function update_glyph() {
+    function update_glyph(c_update_needed) {
         var args = [];
         var cstr = "";
         for (var row of document.querySelector('#pixels').rows) {
@@ -58,8 +58,9 @@
             args.push(arg.toString());
             cstr += "\\" + arg.toString(8).padStart(2, "0");
         }
-        document.getElementById("c").value =
-            ` {"${cstr}", U() },`;
+        if (c_update_needed) {
+            document.getElementById("c").value = ` {"${cstr}", U() },`;
+        }
         Bedstead({
             arguments: args,
             print: function(charstring) {
@@ -94,10 +95,13 @@
     }
     function init() {
         for (var e of document.querySelectorAll('#pixels input')) {
-            e.onchange = update_glyph;
+            e.onchange = e => update_glyph(true);
         }
-        document.querySelector('#inpane').onreset = update_glyph;
-        update_glyph();
+        document.querySelector('#c').oninput = function(e) {
+            from_c(this.value);
+            update_glyph(false);
+        };
+        update_glyph(true);
     }
     import("./bedstead.js").then((module) => {
         Bedstead = module.default;