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/login.html.template         |  1 +
 templates/note.html.template          | 25 +++++++++++++++++--------
 templates/upload.html.template        |  7 -------
 templates/wormhole-send.html.template | 14 --------------
 4 files changed, 18 insertions(+), 29 deletions(-)
 delete mode 100644 templates/upload.html.template
 delete mode 100644 templates/wormhole-send.html.template

(limited to 'templates')

diff --git a/templates/login.html.template b/templates/login.html.template
index 8d1ec9b..a197e8e 100644
--- a/templates/login.html.template
+++ b/templates/login.html.template
@@ -5,6 +5,7 @@
 		<p class="login-error">Incorrect password</p>
 	{{end}}
 	<form class="password-form" action="/login" method="post">
+		<input type="hidden" name="csrf-token" value="{{.CSRFToken}}">
 		<input type="hidden" name="redirect" value="{{.Redirect}}">
 		<label class="password-label" for="password">Enter password</label>
 		<input id="password" class="password" type="password" name="password" autofocus>
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>
diff --git a/templates/upload.html.template b/templates/upload.html.template
deleted file mode 100644
index f920f23..0000000
--- a/templates/upload.html.template
+++ /dev/null
@@ -1,7 +0,0 @@
-{{define "head"}}<title>Upload</title>{{end}}
-
-<form method="POST" enctype="multipart/form-data">
-	<input type="hidden" name="csrf-token" value="{{.CSRFToken}}">
-	<input type="file" name="content">
-	<input type="submit" value="Upload">
-</form>
diff --git a/templates/wormhole-send.html.template b/templates/wormhole-send.html.template
deleted file mode 100644
index 5b06c5f..0000000
--- a/templates/wormhole-send.html.template
+++ /dev/null
@@ -1,14 +0,0 @@
-{{define "head"}}
-	<script src="/static/htmx.min.js"></script>
-	<script src="/static/htmx-ext-sse.js"></script>
-	<title>Wormhole</title>
-{{end}}
-
-<form
-		hx-ext="sse"
-		sse-connect="/wormhole/{{.Hole}}/ready"
-		hx-post="/wormhole/{{.Hole}}"
-		hx-trigger="sse:receiver-ready"
-		enctype="multipart/form-data">
-	<input type="file" name="file">
-</form>
-- 
cgit v1.3.1