From bcbb629db87b6bc0e9a7880ec4ee1c90d284a6c7 Mon Sep 17 00:00:00 2001
From: Rose Hogenson <rosehogenson@posteo.net>
Date: Sun, 5 Oct 2025 21:58:44 -0700
Subject: Bring back the notepad

---
 templates/note.html.template | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

(limited to 'templates/note.html.template')

diff --git a/templates/note.html.template b/templates/note.html.template
index fe6d073..07c2d8e 100644
--- a/templates/note.html.template
+++ b/templates/note.html.template
@@ -1,5 +1,5 @@
 {{define "head"}}
-	<script src="/static/note.js"></script>
+	<script src="/static/htmx.min.js"></script>
 	<title>Notepad</title>
 
 	<meta name="viewport" content="interactive-widget=resizes-content"> <!-- https://stackoverflow.com/q/76026292 -->
@@ -8,15 +8,24 @@
 <form id="form" method="post">
 	<input type="hidden" name="csrf-token" value="{{.CSRFToken}}">
 	<div class="save-indicator-container">
-		<div id="save-indicator-wrapper">
-			{{block "saveIndicator" ""}}
-				<span id="save-indicator">{{.}}</span>
-			{{end}}
-		</div>
-		<noscript><input type="submit" value="Save"></noscript>
+		{{block "saveIndicator" ""}}
+			<span id="save-indicator">{{.}}</span>
+		{{end}}
 	</div>
 	<div class="content-container">
-		<textarea id="content" name="content" oninput="autosave()" autofocus>
+		<textarea
+				name="content"
+				hx-post="/notepad"
+				hx-on:input="
+					const indicator = htmx.find('#save-indicator');
+					htmx.addClass(indicator, 'htmx-indicator');
+					indicator.innerHTML = 'Saving...';
+				"
+				hx-trigger="input delay:1s"
+				hx-indicator="#save-indicator"
+				hx-target="#save-indicator"
+				hx-swap="outerHTML"
+				autofocus>
 			{{- .Content -}}
 		</textarea>
 	</div>
-- 
cgit v1.3.1