tracker

2.4 KB

1. // components/genre.hl — `/genres/:genre`, `/genres/:genre/page/:page` (mission 058, tracker.worldapi.org#25): the /movies and
2. // /shows list narrowed to one genre — its movies AND series together, newest first (catalog.hl genre lists: a movie by its
3. // release, a series by its newest released episode), 24 per page, poster + title (+ year), adult titles hidden like there.
4. // The creator: "/genres/:genre pages look like the shows and movies list page just narrowed to their genre but show both
5. // movies and shows with that genre". The genre pills on a show page link here (`/genre/<x>` answers 301 to it, project.hl).
6. // The grid and the pagination: components/tilelist.hl.
7. parent './main.hl'
8. import TileList from './tilelist.hl'
9. import { appTitle } from '../project.hl'
10. import { genreBySlug } from '../lib/shows.hl'
11. import { genrePage, genreCount } from '../lib/catalog.hl'
13. // static: an mpackdb-backed helper must be `static` (hybriel#115/#116)
14. static genreOf = (&slug) => { return genreBySlug(slug) }
15. static listingOf = (&g, &raw) => { return g != null ? genrePage(g.id, raw) : { page = 1 pages = 1 tiles = [] } }
16. static countOf = (&g) => { return g != null ? genreCount(g.id) : 0 }
18. genre = null
19. page = null
20. genreRow = genreOf(genre)
21. found = genreRow != null
22. notFound = genreRow == null
23. name = found ? genreRow.name : ''
24. listing = listingOf(genreRow, page)
25. tiles = listing.tiles
26. pageNo = listing.page
27. pageCount = listing.pages
28. total = countOf(genreRow)
29. countText = total + (total == 1 ? ' title' : ' titles') + ', newest first · page ' + pageNo + ' of ' + pageCount
30. hasTiles = total > 0
31. noTiles = found && total == 0
32. basePath = found ? '/genres/' + genreRow.urlSegment : '/genres'
34. __title = found ? (pageNo > 1 ? name + ', page ' + pageNo + ' — ' + appTitle : name + ' — ' + appTitle) : appTitle
36. View {
37. listPage { id = "genre-page"
38. if (notFound) {
39. h1 { "Not found" }
40. p { "This genre doesn't exist." }
41. }
42. // tracker.worldapi.org#20: "Genre | Action", the type word in the genre colour, the name white
43. if (found) { h1 { class = "typed" typeWord { class = "type-word type-genre" "Genre" } typeSep { "|" } typeName { name } } }
44. if (noTiles) { p { class = "muted" "Nothing in this genre yet." } }
45. if (hasTiles) { p { class = "muted list-count" countText } }
46. // always there (no `if` around a composed component, like /movies): empty for an unknown genre, no pager on one page
47. TileList { tiles = tiles page = pageNo pages = pageCount basePath = basePath }
48. }
49. }