36 lines
984 B
Plaintext
36 lines
984 B
Plaintext
<h1>{{name}}</h1>
|
|
<form hx-target="body" hx-push-url="true" hx-get="{{searchurl}}">
|
|
<div class="row">
|
|
<div class="max">
|
|
<div class="field label border">
|
|
<input type="text" name="q" value="{{q}}">
|
|
<label>Search for albums</label>
|
|
</div>
|
|
</div>
|
|
<div class="min">
|
|
<button>Search</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
{{for album in albums}}
|
|
<div class="row">
|
|
<div class="min">
|
|
<img width="120" height="120" src="{{album.imgurl}}" alt="album thumbnail">
|
|
</div>
|
|
<div class="max">
|
|
<a href="{{album.albumurl}}">{{album.albumname}}</a>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
<div class="row">
|
|
<div class="max">
|
|
</div>
|
|
<div class="min">
|
|
<button class="round" hx-target="body" hx-push-url="true" hx-get="{{prev}}"><i>arrow_back</i></button>
|
|
<span>{{current}}</span>
|
|
<button class="round" hx-target="body" hx-push-url="true" hx-get="{{next}}"><i>arrow_forward</i></button>
|
|
</div>
|
|
<div class="max">
|
|
</div>
|
|
</div> |