tracker

3.3 KB

1. // components/schedule.hl — `/my/schedule` (tracker.worldapi.org#6, moved from `/schedule` in #8): every episode of a show the signed-in
2. // user follows that is not yet released, soonest first. Creator's words: "/schedule has a similar list
3. // without check icons for he upcoming episodes of shows followed". Same row shape as /unwatched (step 5)
4. // minus the check icon and minus any click handling — this page is read-only, so it needs no `on server`
5. // face at all. Reused (not copied) from follows.hl/shows.hl: `followedShowIds`, `showById`,
6. // `seasonsOfShow`, `episodesOfSeason` — the same functions /unwatched already imports.
7. //
8. // Upcoming = release date strictly AFTER today (the architect's reading of the ticket: "the creator named
9. // the order only for /unwatched" — /unwatched is release <= today, so the natural complement here is
10. // release > today; an episode releasing today already belongs to /unwatched once watched state is added).
11. parent './main.hl'
12. import { appTitle } from '../project.hl'
13. import { userIdOfSession } from '../users.hl'
14. import { followedShowIds } from '../follows.hl'
15. import { showById, seasonsOfShow, episodesOfSeason, episodeCode, titleWithYear } from '../shows.hl'
16. import { now, timestamp } from 'hl:time'
18. // ---- pure helpers (static: an mpackdb-backed helper must be `static` to stay callable outside its
19. // own initializer, hybriel#115/#116 — see components/unwatched.hl's header comment) --------------
20. static todayStr = () => { return timestamp(now()).slice(0, 10) }
22. // insertion sort, hand-written (no list sort(), hybriel#1) — soonest release first
23. static insertByReleaseAsc = (sorted, row) => {
24. let out = []
25. let inserted = false
26. for (x of sorted) {
27. if (!inserted && row.release <= x.release) { out.push(row) inserted = true }
28. out.push(x)
29. }
30. if (!inserted) { out.push(row) }
31. return out
32. }
34. static scheduleRowsOf = (userId) => {
35. if (userId == null) { return [] }
36. let today = todayStr()
37. let out = []
38. for (sid of followedShowIds(userId)) {
39. let show = showById(sid)
40. if (show != null) {
41. for (s of seasonsOfShow(show)) {
42. for (e of episodesOfSeason(s)) {
43. let upcoming = e.release != null && e.release > today
44. if (upcoming) {
45. let title = e.title != null ? e.title : ''
46. out = insertByReleaseAsc(out, {
47. id = e.id showTitle = titleWithYear(show) showHref = '/shows/' + show.urlSegment
48. episodeLabel = episodeCode(e.seasonNumber, e.episodeNumber) + ' · ' + title
49. release = e.release
50. })
51. }
52. }
53. }
54. }
55. }
56. return out
57. }
59. // ---- reactive members -----------------------------------------------------------------------
60. session = null
61. userId = userIdOfSession(session)
62. signedIn = userId != null
63. // a plain copy of userId for `rows` (mission 047: session sync, see components/show.hl `me`)
64. me = userId
66. rows = signedIn ? scheduleRowsOf(me) : []
67. hasRows = rows.length > 0
68. noRows = !hasRows
69. emptyText = signedIn ? 'No upcoming episodes.' : 'Sign in to see the shows you follow.'
71. __title = 'Schedule — ' + appTitle
73. View {
74. schedulePage {
75. h1 { "Schedule" }
76. if (noRows) { p { class = "muted" emptyText } }
77. if (hasRows) {
78. scheduleRows {
79. for (row of rows) {
80. scheduleRow {
81. a { class = "schedule-show" href = row.showHref row.showTitle }
82. scheduleEpisode { row.episodeLabel }
83. scheduleDate { row.release }
84. }
85. }
86. }
87. }
88. }
89. }