penal-colony/kafka
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: add Thumbnail field and video result template

Browse source 
MainResult: add Thumbnail field (used by YouTube, images, etc.)
video_item.html: new partial for video results with thumbnail display
views.go: add templateForResult func + video_item.html to template parse
results_inner.html: dispatch to video_item when Template="videos"
kafka.css: add .video-result flex layout with thumbnail styling
This commit is contained in:
Franz Kafka 2026-03-22 02:06:41 +00:00
parent af23a63a73
commit 4a6559be62
5 changed files with 79 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

23
internal/views/static/css/kafka.css
View file

@ -805,3 +805,26 @@ html[data-theme="light"] {
opacity: 1;
}
}
/* Video result cards */
.video-result {
display: flex;
gap: 1rem;
align-items: flex-start;
}
.video-result .result_thumbnail {
flex-shrink: 0;
width: 180px;
}
.video-result .result_thumbnail img {
width: 100%;
height: auto;
border-radius: var(--radius);
}
.video-result .result_content_wrapper {
flex: 1;
min-width: 0;
}

2
internal/views/templates/results_inner.html
View file

@ -52,7 +52,7 @@
<div id="urls" role="main">
{{if .Results}}
{{range .Results}}
{{template "result_item" .}}
{{template (templateForResult .Template) .}}
{{end}}
{{else if not .Answers}}
<div class="no_results">

22
internal/views/templates/video_item.html Normal file
View file

@ -0,0 +1,22 @@
{{define "video_item"}}
<article class="result video-result">
{{if .Thumbnail}}
<div class="result_thumbnail">
<a href="{{.URL}}" target="_blank" rel="noopener noreferrer">
<img src="{{.Thumbnail}}" alt="{{.Title}}" loading="lazy">
</a>
</div>
{{end}}
<div class="result_content_wrapper">
<h3 class="result_header">
<a href="{{.URL}}" target="_blank" rel="noopener noreferrer">{{.Title}}</a>
</h3>
{{if .Content}}
<p class="result_content">{{.Content}}</p>
{{end}}
{{if .Engine}}
<div class="result_engine"><span class="engine">{{.Engine}}</span></div>
{{end}}
</div>
</article>
{{end}}

12
internal/views/views.go
View file

@ -63,16 +63,24 @@ func init() {
funcMap := template.FuncMap{
"urlquery": template.URLQueryEscaper,
// templateForResult returns the template name to use for a result.
// Defaults to "result_item"; use "video_item" for video results.
"templateForResult": func(tmpl string) string {
if tmpl == "videos" {
return "video_item"
}
return "result_item"
},
}
tmplFull = template.Must(template.New("").Funcs(funcMap).ParseFS(tmplFS,
"base.html", "results.html", "results_inner.html", "result_item.html",
"base.html", "results.html", "results_inner.html", "result_item.html", "video_item.html",
))
tmplIndex = template.Must(template.New("").Funcs(funcMap).ParseFS(tmplFS,
"base.html", "index.html",
))
tmplFragment = template.Must(template.New("").Funcs(funcMap).ParseFS(tmplFS,
"results_inner.html", "result_item.html",
"results_inner.html", "result_item.html", "video_item.html",
))
}