Files
at-container-registry/pkg/appview/templates/pages/search.html
T

37 lines
1.1 KiB
HTML

{{ define "search" }}
<!DOCTYPE html>
<html lang="en">
<head>
{{ template "head" . }}
{{ template "meta" .Meta }}
</head>
<body>
{{ template "nav" . }}
<main class="container mx-auto px-4 py-8">
{{ if .SearchQuery }}
<h1 class="text-2xl font-bold mb-6">Search Results for "{{ .SearchQuery }}"</h1>
{{ else }}
<h1 class="text-2xl font-bold mb-2">Search</h1>
<p class="text-base-content/60 mb-6">Enter a search term to find images.</p>
{{ end }}
<div id="search-results" hx-get="/api/search-results?q={{ .SearchQuery }}" hx-trigger="load" hx-swap="innerHTML">
<!-- Initial loading state -->
{{ if .SearchQuery }}
<div class="flex items-center gap-2 text-base-content/60">
<span class="loading loading-spinner loading-sm"></span>
<span>Searching...</span>
</div>
{{ end }}
</div>
</main>
<!-- Modal container for HTMX -->
<div id="modal"></div>
{{ template "footer" . }}
</body>
</html>
{{ end }}