blob: 0457ff98f0123d94a2e63d93b9005dba1a470f12 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
package components
templ Search(tdata TemplateData, r ResultData) {
<form id="search" role="search">
<fieldset>
<legend id="legend">
<h2>{ sourceNameAndType(tdata.Source) } search</h2>
</legend>
<input
id="query"
aria-labelledby="legend"
name="query"
type="search"
value={ r.Query }
autofocus
spellcheck="false"
autocapitalize="none"
/>
<button>Search</button>
</fieldset>
</form>
}
templ SearchPage(tdata TemplateData, r ResultData) {
@Page(tdata) {
@script(tdata.Assets.ByPath["/static/search.js"])
@Search(tdata, r)
<section id="results" role="list" aria-label="search results">
{ children... }
</section>
<dialog id="dialog">
<button autofocus>Close</button>
</dialog>
<noscript>
<p class="notice">
Everything should work fine without JavaScript. If that is not the case, <a href="https://todo.sr.ht/~alanpearce/searchix">report an issue</a>
</p>
</noscript>
}
}
|