Phase 3: HTMX inline tag editing, swap animations, loading indicators, Alpine phone validation

2026-08-07 18:18:49 +10:00
parent e264125214
commit aa023cf89e
9 changed files with 87 additions and 9 deletions
--- a/frontend/templates/account-panel.html
+++ b/frontend/templates/account-panel.html
@@ -6,6 +6,7 @@
    <form hx-post="/account/tags" hx-target="#account-panel" hx-swap="outerHTML" class="flex gap-2">
      <input name="tag_code" type="text" placeholder="Enter tag code (e.g. TEST000001)" class="flex-1 rounded border border-stone-300 px-3 py-2 text-sm" required>
      <button type="submit" class="rounded bg-stone-900 px-4 py-2 text-sm font-semibold text-white hover:bg-stone-700">Add tag</button>
+      <span class="htmx-indicator self-center text-xs text-stone-400">Adding…</span>
    </form>
  </div>