tickets

3.0 KB

1. // components/new_project.hl — `/new-project` (ticket #20): open a project. Any logged-in user with a display
2. // name may; they become its first admin. The slug (the URL part) is proposed from the title as you type and
3. // stays editable — once you edit it, the title no longer overwrites it. Title / slug / description can be
4. // changed later on the project's settings page.
5. parent './main.hl'
6. import { createProject, slugFromTitle, uniqueSlug } from '../store.hl'
7. import { siteName } from '../project.hl'
8. import { canWriteSession, writerOfSession } from '../users.hl'
10. session = null
11. canWrite = canWriteSession(session)
12. mustLogIn = !canWrite
13. title = ''
14. slug = ''
15. slugEdited = false
16. message = ''
17. done = false
18. doneHref = ''
19. doneName = ''
20. __title = siteName + ' | new project'
22. View {
23. projectForm {
24. h1 { "New project" }
25. if (mustLogIn) { p { id = "loginhint" class = "hint" "Log in with ident (top right) and choose a display name to open a project." } }
26. if (canWrite) {
27. form { id = "projectform"
28. on submit(e) {
29. e.preventDefault()
30. emit create(e)
31. }
32. label { "Title"
33. input { id = "projecttitle" name = "title" required = "required" maxlength = "100" autocomplete = "off" value = title on input(e) { emit setTitle(e.target.value) } }
34. }
35. label { "Slug (the address of the project)"
36. input { id = "projectslug" name = "slug" maxlength = "100" autocomplete = "off" value = slug on input(e) { emit setSlug(e.target.value) } }
37. }
38. button { id = "projectcreate" type = "submit" "Create project" }
39. p { id = "projectmessage" class = "message" message }
40. }
41. }
42. if (done) { p { id = "created" class = "notice" "Created " strong { doneName } ". " a { id = "createdlink" href = doneHref "Open its settings" } } }
43. }
44. }
46. on setTitle(v) {
47. title = v
48. if (!slugEdited) {
49. let r = emit server proposeSlug(v)
50. if (r != null && r.slug != null) { slug = r.slug }
51. }
52. }
53. on setSlug(v) {
54. slug = v
55. slugEdited = true
56. }
58. on create(e) {
59. if (title.trim() == '') { return null }
60. let r = emit server makeProject(title, slug)
61. if (r == null || r.error != null) {
62. message = r != null ? r.error : 'could not create the project'
63. return null
64. }
65. message = ''
66. done = true
67. doneName = r.title
68. doneHref = r.settingsHref
69. title = ''
70. slug = ''
71. slugEdited = false
72. }
74. on client signedIn(tag, info) {
75. canWrite = info.named
76. mustLogIn = !info.named
77. }
78. on client signedOut(tag) {
79. canWrite = false
80. mustLogIn = true
81. }
83. on server proposeSlug(text, session) {
84. if (hlTypeName(text) != 'String' || text.trim() == '') { return { slug = '' } }
85. return { slug = uniqueSlug(slugFromTitle(text)) }
86. }
88. on server makeProject(title, slug, session) {
89. let w = writerOfSession(session)
90. if (w.error != null) { return { error = w.error } }
91. if (hlTypeName(title) != 'String' || hlTypeName(slug) != 'String') { return { error = 'title and slug must be text' } }
92. let r = createProject(w.user, title, slug, '')
93. if (r.error != null) { return { error = r.error } }
94. return { title = r.project.title slug = r.project.slug settingsHref = r.project.settingsHref }
95. }