From 38860de7d23922b07b8eab2688448cd583ddcbcd Mon Sep 17 00:00:00 2001
From: blankie <blankie@tuta.com>
Date: Sun, 14 Jun 2026 08:12:10 +0000
Subject: [PATCH] customize: move save button above html textarea, add unsaved
 changes indicator

---
 handlers/customize.py | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/handlers/customize.py b/handlers/customize.py
index 6e158ed..098f56b 100644
--- a/handlers/customize.py
+++ b/handlers/customize.py
@@ -127,12 +127,22 @@ def handle_style_form(msg="", gateway_host="", scheme="http"):
         f'<a href="/reindex">manage semantic index</a><br><br>'
         f"</div>"
         f"{forum_section}"
+        f'<div id="unsaved" style="display:none;color:#888">* unsaved changes</div>'
+        f'<button type="submit">save</button>'
+        f'<script>'
+        f'(function(){{'
+        f"var f=document.querySelector('form');"
+        f"var u=document.getElementById('unsaved');"
+        f"f.addEventListener('change',function(){{u.style.display=''}});"
+        f"f.addEventListener('submit',function(){{u.style.display='none'}});"
+        f'}})();'
+        f'</script>'
+        f"</form>"
         f"<h2>custom html</h2>"
         f"<p>Edit the full page template. Use <code>{esc('{{content}}')}</code> "
         f"where page content should appear.</p>"
-        f'<textarea name="template" rows="20" cols="60">{esc(template)}</textarea><br><br>'
-        f'<button type="submit">save</button>'
-        f"</form>"
+        f'<textarea name="template" rows="20" cols="60">{esc(template)}</textarea><br>'
+        f'<small>Saved with the form above.</small><br><br>'
         f"<h2>bookmarklet</h2>"
         f"<p>Drag this link to your bookmarks bar. Click it on any page to index it instantly.</p>"
         f'<p><a href="javascript:void(fetch(\'{esc(scheme)}://{esc(gateway_host or "localhost:8080")}/bookmark?url=\'+encodeURIComponent(location.href)+\'&token={_get_bookmark_token()}\').then(r=>r.text()).then(t=>alert(t)).catch(()=>alert(\'tinyweb not running\')))">+ save to {esc(name)}</a></p>'