fernando/music-to-go
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: hx-boost on album page search

Browse Source
This commit is contained in:
Araozu 2024-11-01 07:07:33 -05:00
parent d3c498a746
commit f262e92e09
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/modules/album/album.templ
View File

@ -15,14 +15,20 @@ templ allAlbumsTempl(albums []utils.Album) {
Albums Albums
</h1> </h1>
<div class="px-2"> <div class="px-2">
<input <form
class="inline-block w-full py-1 px-2 border border-sky-600 rounded-md text-sky-600" action="/album/"
placeholder="Search albums" method="GET"
name="s" hx-boost="true"
hx-get="/album/"
hx-trigger="keyup changed delay:500ms"
hx-target="#album-list" hx-target="#album-list"
/> hx-trigger="keyup changed delay:500ms from:input, search"
>
<input
class="inline-block w-full py-1 px-2 border border-sky-600 rounded-md text-sky-600"
type="search"
placeholder="Search albums"
name="s"
/>
</form>
</div> </div>
<br/> <br/>
<div id="album-list" class="grid grid-cols-3 gap-2 px-2"> <div id="album-list" class="grid grid-cols-3 gap-2 px-2">