stephan/bloombase
1
0
Fork 0
Code Issues 9 Pull requests Projects Releases Packages Wiki Activity Actions

feat: add loading spinner to species search button

Browse source 
Shows Bootstrap spinner via htmx-indicator during the Perenual API
call, and disables the button to prevent double-submits.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Stephan Kerkman 2026-05-28 11:24:20 +02:00
parent 6727d8b59b
commit 351d1e5523
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
plants/templates/plants/species_search.html
View file

@ -19,7 +19,12 @@
hx-include="#species-q" hx-include="#species-q"
hx-target="#species-results" hx-target="#species-results"
hx-swap="innerHTML" hx-swap="innerHTML"
>Search</button> hx-indicator="#search-spinner"
hx-disabled-elt="this"
>
<span id="search-spinner" class="htmx-indicator spinner-border spinner-border-sm me-1" role="status"></span>
Search
</button>
</div> </div>
<div id="species-results" class="list-group mb-3"></div> <div id="species-results" class="list-group mb-3"></div>