tracker

1.9 KB

1. // components/franchises.hl — `/franchises` (tracker.worldapi.org#19, mission 066): every franchise (→ its index), then the
2. // timelines that belong to none (most of them TMDB's movie collections, collections.hl seed), each with its number of titles.
3. // The creator sees an "Edit" link to the editor (/franchises/edit). Data: franchises.hl franchiseIndex.
4. parent './main.hl'
5. import { appTitle } from '../project.hl'
6. import { franchiseIndex, isEditorSession } from '../lib/franchises.hl'
8. // static: an mpackdb-backed helper must be `static` (hybriel#115/#116), and LOCAL (mission 047)
9. static indexOf = () => { return franchiseIndex() }
10. static editorOf = (&session) => { return isEditorSession(session) }
12. session = null
13. canEdit = editorOf(session)
15. listing = indexOf()
16. franchiseRows = listing.franchises
17. timelineRows = listing.timelines
18. hasFranchises = franchiseRows.length > 0
19. noFranchises = franchiseRows.length == 0
20. hasTimelines = timelineRows.length > 0
21. timelineCountText = timelineRows.length == 1 ? '1 timeline without a franchise' : timelineRows.length + ' timelines without a franchise'
23. __title = 'Franchises — ' + appTitle
25. View {
26. franchisesPage {
27. franchisesHead {
28. h1 { class = "typed" typeWord { class = "type-word type-franchise" "Franchises" } }
29. if (canEdit) { a { id = "franchises-edit" class = "button" href = "/franchises/edit" "Edit" } }
30. }
31. if (noFranchises) { p { class = "muted" "No franchises yet." } }
32. if (hasFranchises) {
33. franchiseList { id = "franchise-list"
34. for (f of franchiseRows) {
35. a { class = "franchise-row" href = f.href
36. franchiseName { f.name }
37. franchiseCount { f.countText }
38. }
39. }
40. }
41. }
42. if (hasTimelines) {
43. h2 { class = "film-heading" "Timelines" }
44. p { class = "muted list-count" timelineCountText }
45. timelineList { id = "timeline-list"
46. for (t of timelineRows) {
47. a { class = "timeline-link" href = t.href
48. timelineLinkName { t.name }
49. timelineLinkCount { t.countText }
50. }
51. }
52. }
53. }
54. }
55. }