54 lines
1.6 KiB
HTML
54 lines
1.6 KiB
HTML
<div class="search-interface">
|
|
<form class="search-form" data-search-form>
|
|
<div class="search-input-group">
|
|
<input type="search"
|
|
name="q"
|
|
placeholder="Search interviews..."
|
|
class="search-input"
|
|
data-search-input>
|
|
<button type="button"
|
|
class="filter-toggle"
|
|
data-filter-toggle>
|
|
Filters
|
|
</button>
|
|
</div>
|
|
|
|
<div class="filter-panel" data-filter-panel>
|
|
<div class="filter-groups">
|
|
<div class="filter-group">
|
|
<h3>Tags</h3>
|
|
<div data-filter-tags></div>
|
|
</div>
|
|
<div class="filter-group">
|
|
<h3>Narrators</h3>
|
|
<div data-filter-narrators></div>
|
|
</div>
|
|
<div class="filter-group">
|
|
<h3>Facilitators</h3>
|
|
<div data-filter-facilitators></div>
|
|
</div>
|
|
<div class="filter-group col-span-full">
|
|
<h3>Date Range</h3>
|
|
<div class="flex gap-2">
|
|
<input type="date" name="date-from" data-date-from>
|
|
<input type="date" name="date-to" data-date-to>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<label>
|
|
<input type="checkbox" name="logic-mode" data-logic-mode>
|
|
Use OR logic for filters
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="results-count" data-results-count></div>
|
|
<div class="results-list" data-results></div>
|
|
</div>
|
|
|
|
{{ define "scripts" }}
|
|
<script src="https://cdn.jsdelivr.net/npm/fuse.js@7.0.0"></script>
|
|
<script src="/js/search.js"></script>
|
|
{{ end }} |