tracker

3.8 KB

1. // components/franchiseedit.hl — `/franchises/edit` (tracker.worldapi.org#19, mission 066): the creator's editor, step 1 —
2. // a new franchise (name + summary → its index), a new timeline (name → its own editor, /timelines/<slug>/edit, where titles
3. // are added and ordered and the franchise is attached), and a finder for the timelines that exist (by name → their editor).
4. // Only the creator (franchises.hl isEditorSession: ident id az5b2, TRACKER_EDITORS) sees the forms; every face checks it again.
5. //
6. // HYBRIEL TRAPS (as components/search.hl): no member reads both a route param and `session`; every list is replaced whole.
7. parent './main.hl'
8. import { navigate } from 'hl:web'
9. import { appTitle } from '../project.hl'
10. import { isEditorSession, createFranchise, createTimeline, findTimelines } from '../franchises.hl'
12. static editorOf = (session) => { return isEditorSession(session) }
14. session = null
15. isEditor = editorOf(session)
16. notEditor = isEditor == false
17. message = ''
18. hasMessage = message != ''
19. found = []
20. hasFound = found.length > 0
22. __title = 'Edit franchises — ' + appTitle
24. View {
25. franchiseEditPage {
26. h1 { "Edit franchises" }
27. if (notEditor) { p { id = "edit-refused" class = "muted" "Only the creator can edit franchises and timelines." } }
28. if (isEditor) {
29. if (hasMessage) { p { id = "edit-message" class = "message" message } }
30. editSection {
31. h2 { class = "film-heading" "New franchise" }
32. input { id = "fe-name" type = "text" placeholder = "Name, e.g. Star Trek" autocomplete = "off" "aria-label" = "Franchise name" }
33. textarea { id = "fe-summary" rows = "3" placeholder = "A few words about it (optional)" "aria-label" = "Franchise summary" }
34. button { id = "fe-create" type = "button" "Create franchise" on click(e) { emit newFranchise(e) } }
35. }
36. editSection {
37. h2 { class = "film-heading" "New timeline" }
38. input { id = "te-name" type = "text" placeholder = "Name, e.g. Star Trek — Prime" autocomplete = "off" "aria-label" = "Timeline name" }
39. button { id = "te-create" type = "button" "Create timeline" on click(e) { emit newTimeline(e) } }
40. }
41. editSection {
42. h2 { class = "film-heading" "Edit a timeline" }
43. input { id = "tl-find" type = "search" placeholder = "Timeline name" autocomplete = "off" "aria-label" = "Find a timeline" on input(e) { emit findTyped(e) } }
44. if (hasFound) {
45. timelineList { id = "tl-found"
46. for (t of found) {
47. a { class = "timeline-link" href = t.href
48. timelineLinkName { t.name }
49. timelineLinkCount { t.countText }
50. }
51. }
52. }
53. }
54. }
55. }
56. }
57. }
59. on newFranchise(e) {
60. let r = emit server fedCreateFranchise(document.getElementById('fe-name').value, document.getElementById('fe-summary').value)
61. if (r == null || r.error != null) { message = r != null ? r.error : 'Could not create it.' return null }
62. navigate('/franchises/' + r.slug)
63. }
65. on newTimeline(e) {
66. let r = emit server fedCreateTimeline(document.getElementById('te-name').value)
67. if (r == null || r.error != null) { message = r != null ? r.error : 'Could not create it.' return null }
68. navigate('/timelines/' + r.slug + '/edit')
69. }
71. on findTyped(e) {
72. let v = e.target.value
73. let r = emit server fedFindTimelines(v)
74. if (r == null || document.getElementById('tl-find').value != v) { return null }
75. found = r.rows
76. }
78. // ---- the faces (unique names: hl:web dispatches by name across all files; the trailing `session` is the server's) ----
79. on server fedCreateFranchise(name, summary, session) {
80. if (!isEditorSession(session)) { return { error = 'only the creator can do that' } }
81. return createFranchise(name, summary)
82. }
84. on server fedCreateTimeline(name, session) {
85. if (!isEditorSession(session)) { return { error = 'only the creator can do that' } }
86. return createTimeline(name)
87. }
89. // timeline names are public (/franchises lists them all) — no session needed
90. on server fedFindTimelines(text) {
91. return { rows = findTimelines(text) }
92. }