From b5b52809b42d09a7ca893d0e7faf22539d3da4f8 Mon Sep 17 00:00:00 2001
From: Isaac Mills <rooster0055@protonmail.com>
Date: Tue, 15 Jul 2025 09:12:08 -0600
Subject: [PATCH] Add indicators to forms

---
 src/partials/page_four.html | 3 ++-
 src/partials/projects.html  | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/partials/page_four.html b/src/partials/page_four.html
index 43b934a..5a93094 100644
--- a/src/partials/page_four.html
+++ b/src/partials/page_four.html
@@ -19,13 +19,14 @@
       </markdown>
     </fill:subtitle>
     <fill:description>
-      <form hx-post="/api/page-idea" hx-target="#page-idea-result">
+      <form hx-post="/api/page-idea" hx-target="#page-idea-result" hx-indicator="#page-idea-indicator">
         <label for="page-idea">
           What should we put on page 4 of The SANDWICH?
         </label><br>
         <textarea name="page-idea" id="page-idea"></textarea>
         <input type="submit" value="Submit Idea!">
       </form>
+      <img id="page-idea-indicator" class="htmx-indicator" width="32" height="32" src="/assets/spinner.svg">
       <div id="page-idea-result"></div>
     </fill:description>
   </x-project>
diff --git a/src/partials/projects.html b/src/partials/projects.html
index bea0f22..5ac3084 100644
--- a/src/partials/projects.html
+++ b/src/partials/projects.html
@@ -197,13 +197,14 @@
     </fill:subtitle>
     <fill:description>
       <markdown>Nobody knows what this project is gonna be. The creator, Josh, won't tell anyone.</markdown>
-      <form hx-post="/api/speculate" hx-target="#speculation-result">
+      <form hx-post="/api/speculate" hx-target="#speculation-result" hx-indicator="#speculation-indicator">
         <label for="speculation">
           Speculate about the <i>secret</i> project below:
         </label><br>
         <textarea name="speculation" id="speculation"></textarea>
         <input type="submit" value="Speculate!">
       </form>
+      <img id="speculation-indicator" class="htmx-indicator" width="32" height="32" src="/assets/spinner.svg">
       <div id="speculation-result"></div>
     </fill:description>
   </x-project>