tracker

1.2 KB

1. // components/movies.hl — `/movies`, `/movies/page/:page` (tracker.worldapi.org#13): EVERY movie, newest release first
2. // (catalog.hl, built once at start), 24 per page, poster + title (+ year), each a link to its show page. The creator: "there
3. // you can paginate through all sorted by release date desc poster/title only".
4. // THE PAGE IN THE ADDRESS is a path segment, not `?page=N`: a page component cannot read the query string (hybriel#11,
5. // its query half still open) and the browser's Back drops the query (hl:web client.hl `popstate` → `show(location.pathname)`).
6. // The grid and the pagination: components/tilelist.hl (shared with /shows).
7. parent './main.hl'
8. import TileList from './tilelist.hl'
9. import { appTitle } from '../project.hl'
10. import { moviesPage, catalogCounts } from '../catalog.hl'
12. page = null
13. listing = moviesPage(page)
14. tiles = listing.tiles
15. pageNo = listing.page
16. pageCount = listing.pages
17. countText = catalogCounts().movies + ' movies, newest first · page ' + pageNo + ' of ' + pageCount
18. basePath = '/movies'
20. __title = pageNo > 1 ? 'Movies, page ' + pageNo + ' — ' + appTitle : 'Movies — ' + appTitle
22. View {
23. listPage {
24. h1 { "Movies" }
25. p { class = "muted list-count" countText }
26. TileList { tiles = tiles page = pageNo pages = pageCount basePath = basePath }
27. }
28. }