tracker

1.6 KB

1. // components/allshows.hl — `/shows`, `/shows/page/:page` (tracker.worldapi.org#13): EVERY show — since tracker#21 (mission
2. // 068) only the game / reality / talk / news SHOWS (shows.hl titleKind; the series are /series, components/allseries.hl) — the
3. // one whose newest RELEASED episode is newest first (architect: "last aired"; series with nothing released yet after them, by their own
4. // release) — catalog.hl, built once at start, 24 per page, poster + title (+ year), each a link to its show page. The creator: "there
5. // you can paginate through all sorted by release date desc poster/title only".
6. // THE PAGE IN THE ADDRESS is a path segment, not `?page=N`: a page component cannot read the query string (hybriel#11,
7. // its query half still open) and the browser's Back drops the query (hl:web client.hl `popstate` → `show(location.pathname)`).
8. // The grid and the pagination: components/tilelist.hl (shared with /movies).
9. parent './main.hl'
10. import TileList from './tilelist.hl'
11. import { appTitle } from '../project.hl'
12. import { showsPage, catalogCounts } from '../lib/catalog.hl'
14. page = null
15. listing = showsPage(page)
16. tiles = listing.tiles
17. pageNo = listing.page
18. pageCount = listing.pages
19. countText = catalogCounts().shows + ' shows, latest episode first · page ' + pageNo + ' of ' + pageCount
20. basePath = '/shows'
22. __title = pageNo > 1 ? 'Shows, page ' + pageNo + ' — ' + appTitle : 'Shows — ' + appTitle
24. View {
25. listPage { id = "shows-list"
26. h1 { class = "typed" typeWord { class = "type-word type-show" "Shows" } }
27. p { class = "muted list-count" countText }
28. TileList { tiles = tiles page = pageNo pages = pageCount basePath = basePath }
29. }
30. }