jichan.org/jichan.org-go
jichan.org/jichan.org-go
Archived
1
0
Fork 0
generated from ElnuDev/go-project
Code Issues Pull requests Projects Releases Packages Wiki Activity

Implement route handling

Browse source
This commit is contained in:
Elnu 2023-07-21 12:17:11 -07:00
parent fb045b9276
commit 36710478f2
3 changed files with 47 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

33
dict/templates/index.html Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jidict</title>
<link rel="stylesheet" href="https://unpkg.com/missing.css@1.0.9/dist/missing.min.css">
<style>
li {
margin-top: 0.75em;
}
</style>
<script src="https://unpkg.com/htmx.org@1.9.3"></script>
</head>
<body>
<main>
<a href="/">
<img src="https://jichan.org/logo.svg" style="height: 4em; display: block; margin: 1em auto 1em auto">
</a>
<form
hx-post="/api/search"
hx-on::before-request="this.setAttribute('hx-replace-url', `/search/${this.querySelector('input').value}`)"
hx-target="#results"
hx-swap="innerHTML">
<input type="text" name="q"{{ with .Query }} value="{{ . }}"{{ end }} placeholder="辞書をサーチする" class="width:100%" autocomplete="false">
</form>
<div id="results">
{{ with .Results }}{{ template "search" . }}{{ end }}
</div>
<br>
</main>
</body>
</html>

5
dict/templates/search.html
View file

@ -1,3 +1,4 @@
{{- define "search" -}}
<p><i>{{ if eq .Count 0 }}No results{{ else }}{{ .Count }} result{{ if ne .Count 1}}s{{ end }}{{ end }}.</i></p>
{{- range .ExactResults -}}
{{- template "word" . -}}
@ -5,4 +6,6 @@
<hr>
{{ range .OtherResults -}}
{{ template "word" . }}
{{- end -}}
{{- end -}}
{{- end -}}
{{- template "search" . -}}