feat: add loading spinner to species search button
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:
parent
6727d8b59b
commit
351d1e5523
1 changed files with 6 additions and 1 deletions
|
|
@ -19,7 +19,12 @@
|
|||
hx-include="#species-q"
|
||||
hx-target="#species-results"
|
||||
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 id="species-results" class="list-group mb-3"></div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue