tracker

1.9 KB

1. // components/mymovies.hl — `/my/movies` (tracker.worldapi.org#13): every MOVIE the signed-in user follows, the one
2. // followed last on top — the architect: "/my/movies = the movies you follow, like /my/shows". A row: the small poster, the
3. // title with its year linking to the movie's page (`/shows/<slug>`: movies share the show page and its Follow button).
4. // Read-only like /my/shows, the same row look (the my-show-row tags/classes in styles.hl). Reused: `followsOfUser`,
5. // `insertByFollowDesc` (follows.hl), `showById`, `posterUrlOf`, `titleWithYear` (shows.hl).
6. parent './main.hl'
7. import { appTitle } from '../project.hl'
8. import { userIdOfSession } from '../users.hl'
9. import { followsOfUser, insertByFollowDesc } from '../follows.hl'
10. import { showById, posterUrlOf, titleWithYear } from '../shows.hl'
12. // static: an mpackdb-backed helper must be `static` (hybriel#115/#116)
13. static myMoviesRowsOf = (userId) => {
14. if (userId == null) { return [] }
15. let out = []
16. for (f of followsOfUser(userId)) {
17. let show = showById(f.show)
18. if (show != null && show.type == 'movie') {
19. out = insertByFollowDesc(out, {
20. id = show.id title = titleWithYear(show) href = '/shows/' + show.urlSegment
21. posterUrl = posterUrlOf(show) followedAt = f.at != null ? f.at : 0
22. })
23. }
24. }
25. return out
26. }
28. session = null
29. userId = userIdOfSession(session)
30. signedIn = userId != null
31. // a plain copy of userId for `rows` (mission 047: session sync, see components/show.hl `me`)
32. me = userId
34. rows = signedIn ? myMoviesRowsOf(me) : []
35. hasRows = rows.length > 0
36. noRows = !hasRows
37. emptyText = signedIn ? 'You follow no movies yet.' : 'Sign in to see the movies you follow.'
39. __title = 'My movies — ' + appTitle
41. View {
42. myMoviesPage {
43. h1 { "My movies" }
44. if (noRows) { p { class = "muted" emptyText } }
45. if (hasRows) {
46. myShowsRows {
47. for (row of rows) {
48. myShowRow {
49. img { class = "myshow-poster" src = row.posterUrl alt = row.title }
50. a { class = "myshow-title" href = row.href row.title }
51. }
52. }
53. }
54. }
55. }
56. }