tracker

1.4 KB

1. // components/franchisewidget.hl — THE FRANCHISE WIDGET on a show / movie page (tracker.worldapi.org#19, mission 066), composed
2. // by components/show.hl: `FranchiseWidget { widgets = … }` (franchises.hl widgetsOf). One per timeline the title is in:
3. //
4. // Star Trek ← the franchise (only when the timeline has one) → its index
5. // ‹ Prequel | Star Trek — Prime | Sequel › ← links to the title before / after this one; an end is greyed out
6. //
7. // The timeline's name links to /timelines/<slug>. Each side shows the title it leads to under the word.
8. widgets = []
10. View {
11. franchiseWidgets {
12. for (w of widgets) {
13. franchiseWidget { "data-timeline" = w.id
14. if (w.hasFranchise) { a { class = "fw-franchise" href = w.franchiseHref w.franchiseName } }
15. fwRow {
16. if (w.hasPrev) {
17. a { class = "fw-side fw-prev" href = w.prevHref title = w.prevTitle
18. fwDir { "‹ Prequel" }
19. fwTitle { w.prevTitle }
20. }
21. }
22. if (w.noPrev) { span { class = "fw-side fw-prev off" "aria-disabled" = "true" fwDir { "‹ Prequel" } } }
23. a { class = "fw-timeline" href = w.href w.name }
24. if (w.hasNext) {
25. a { class = "fw-side fw-next" href = w.nextHref title = w.nextTitle
26. fwDir { "Sequel ›" }
27. fwTitle { w.nextTitle }
28. }
29. }
30. if (w.noNext) { span { class = "fw-side fw-next off" "aria-disabled" = "true" fwDir { "Sequel ›" } } }
31. }
32. }
33. }
34. }
35. }