From: Christian Heller <c.heller@plomlompom.de>
Date: Sun, 27 Apr 2025 15:44:24 +0000 (+0200)
Subject: On edit, disable undesired links, buttons even in top bar.
X-Git-Url: https://plomlompom.com/repos/%22https:/validator.w3.org/condition?a=commitdiff_plain;h=4f994c36b083c4ee664fd2c0d916de3d1ecb0e97;p=ledgplom

On edit, disable undesired links, buttons even in top bar.
---

diff --git a/src/templates/_base.tmpl b/src/templates/_base.tmpl
index 49a7bc9..45fe9f8 100644
--- a/src/templates/_base.tmpl
+++ b/src/templates/_base.tmpl
@@ -34,7 +34,7 @@ table.alternating > tbody > tr:nth-child(even) {
 td {
     vertical-align: top;
 }
-div.bad, td.bad, tr.bad, span.bad {
+div.bad, td.bad, tr.bad, span.bad, input[type="submit"].bad {
     {{macros.css_bg_red()}}
 }
 {% block css %}{% endblock %}
@@ -44,13 +44,17 @@ div.bad, td.bad, tr.bad, span.bad {
 
 <div id="header">
 <form action="{{path}}" method="POST">
+<span class="disable_on_change">
 ledger <a href="/ledger_structured">structured</a>
 / <a href="/ledger_raw">raw</a>
 · <a href="/balance">balance</a>
-· <input type="submit" name="file_load" value="reload" />
+<span class="disable_on_change">
+· <input type="submit"name="file_load" value="reload" />
+</span>
 {% if tainted %}
-    · <span class="bad">unsaved changes:<input type="submit" name="file_save" value="save"></span>
+    · <span class="bad">unsaved changes:</span><input type="submit" class="bad" name="file_save" value="save">
 {% endif %}
+</span>
 </form>
 </div>
 
diff --git a/src/templates/_macros.tmpl b/src/templates/_macros.tmpl
index dd6fbf7..1586757 100644
--- a/src/templates/_macros.tmpl
+++ b/src/templates/_macros.tmpl
@@ -105,20 +105,22 @@ function taint() {
     Array.from(document.getElementsByClassName('enable_on_change')).forEach((el) => {
         el.disabled = false;
     });
-    // deactivate "disable_on_change" links
+    // deactivate "disable_on_change" span contents
     Array.from(document.getElementsByClassName('disable_on_change')).forEach((el) => {
-        if (el.tagName == 'SPAN') {
-            let links_text = '';
-            Array.from(el.childNodes).forEach((node) => {
-                links_text += node.textContent + ' ';
-            });
-            el.innerHTML = '';
-            const del = document.createElement('del');
-            el.appendChild(del);
-            del.textContent = links_text;
-        } else if (el.type == 'button') {
-            el.disabled = true;
-        }
+        old_nodes = Array.from(el.childNodes);
+        el.innerHTML = '';
+        old_nodes.forEach((node) => {
+            if (node.tagName == 'INPUT') {
+                node.disabled = true;
+                el.appendChild(node);
+            } else if (node.tagName == 'A') {
+                const del = document.createElement('del');
+                del.textContent = node.textContent;
+                el.appendChild(del);
+            } else {
+                el.appendChild(node);
+            };
+        });
     });
     // remove oninput handlers no longer needed (since we only ever go one way)
     Array.from(document.querySelectorAll('*')
diff --git a/src/templates/edit_structured.tmpl b/src/templates/edit_structured.tmpl
index ee16e08..ec677e4 100644
--- a/src/templates/edit_structured.tmpl
+++ b/src/templates/edit_structured.tmpl
@@ -254,14 +254,16 @@ window.onload = update_form;
 
 {% block content %}
 {{macros.edit_bar(block,'structured','raw')}}
-<input type="button" onclick="mirror()" value="mirror" class="disable_on_change">
-<input type="button" onclick="fill_sink()" value="fill sink" class="disable_on_change">
+<span class="disable_on_change">
+<input type="button" onclick="mirror()" value="mirror">
+<input type="button" onclick="fill_sink()" value="fill sink">
 |
-<input type="button" onclick="replace()" value="replace string" class="disable_on_change">
+<input type="button" onclick="replace()" value="replace string">
 from
 <input id="replace_from" />
 to
 <input id="replace_to" />
+</span>
 <hr />
 <table id="booking_lines" class="alternating">
 </table>