sulthan
f739f6acbe
The client filter only toggles card.hidden, so a query matching nothing left the list area blank while the unfiltered "Continue reading" strip stayed populated above it — the screen contradicted itself and read as a crash. list.html now carries a hidden no-match block; applyFilter counts visible cards, fills the query in with textContent, and hides .recent for the duration of a filter. The Clear-search button is handled by a delegated click listener so it survives an htmx tab swap. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
23 lines
1.2 KiB
HTML
23 lines
1.2 KiB
HTML
{{define "list"}}
|
|
{{if .Items}}
|
|
{{range .Items}}{{template "card" .}}{{end}}
|
|
{{/* The client filter only hides cards, so without this the list area goes
|
|
blank on a query that matches nothing. filter.js fills in the query and
|
|
unhides it; it lives inside #list so a tab swap re-creates it. */}}
|
|
<div class="empty" id="no-match" hidden>
|
|
<strong>No titles match “<span class="no-match-q"></span>”.</strong>
|
|
<button type="button" class="clear-search">Clear search</button>
|
|
</div>
|
|
{{else if eq .Tab "fav"}}
|
|
<div class="empty"><strong>No favourites yet.</strong><p>Star a series to pin it here.</p></div>
|
|
{{else if eq .Tab "new"}}
|
|
<div class="empty hot"><strong>Nothing new.</strong><p>Every series is caught up to its latest chapter.</p></div>
|
|
{{else if eq .Tab "archived"}}
|
|
<div class="empty"><strong>Nothing archived.</strong><p>Shelve a series to park it here — it keeps getting checked for new chapters.</p></div>
|
|
{{else if eq .Tab "finished"}}
|
|
<div class="empty"><strong>Nothing finished yet.</strong><p>Mark a series finished and it moves out of your reading list.</p></div>
|
|
{{else}}
|
|
<div class="empty"><strong>Nothing here yet.</strong><p>Bookmarks appear once the userscript records a chapter.</p></div>
|
|
{{end}}
|
|
{{end}}
|