tickets

9.7 KB

1. // components/settings.hl — `/projects/:projectSlug/settings` (ticket #20): the project's own page for its
2. // admins: title, slug (a new slug keeps the old one working), description (Markdown, <md-editor>) and the
3. // members with their roles (use / edit / admin), invited through ident's invite link (invites.hl) or added
4. // by the ident id / display name of someone who logged in here. Everybody else sees a plain refusal — the
5. // server checks the role in every face.
6. parent './main.hl'
7. import { projectByAnySlug, projectRowOf, memberRows, updateProject, setMemberRole, removeMember, isAdminOf, userByRef, roles, projectRecord } from '../store.hl'
8. import { createInvite } from '../invites.hl'
9. import { siteName } from '../project.hl'
10. import { userOfSession, writerOfSession } from '../users.hl'
12. projectSlug = null
13. session = null
14. project = projectByAnySlug(projectSlug)
15. present = project != null
16. gone = project == null
17. me = userOfSession(session)
18. isAdmin = project != null && isAdminOf(project.id, me)
19. notAdmin = project != null && !isAdmin
20. projectId = project != null ? project.id : ''
21. projectHref = project != null ? '/projects/' + project.slug : '/'
22. title = project != null ? project.title : ''
23. slug = project != null ? project.slug : ''
24. description = project != null && project.description != null ? project.description : ''
25. members = project != null ? memberRows(project.id) : []
26. roleList = roles
27. saveMessage = ''
28. saved = false
29. memberMessage = ''
30. addRef = ''
31. addRole = 'use'
32. inviteRole = 'use'
33. inviteUses = '1'
34. inviteDays = '7'
35. inviteEmail = ''
36. inviteMessage = ''
37. inviteLink = ''
38. hasInviteLink = false
39. __title = siteName + ' | ' + (project != null ? project.title + ' settings' : 'no such project')
41. View {
42. projectSettings {
43. if (gone) { p { id = "gone" class = "empty" "There is no such project." } }
44. if (notAdmin) { p { id = "notadmin" class = "hint" "Only an admin of the project can open its settings. " a { href = projectHref "Back to the project" } } }
45. if (isAdmin) {
46. header {
47. h1 { id = "settingstitle" "Settings of " a { href = projectHref title } }
48. }
49. form { id = "detailsform"
50. on submit(e) {
51. e.preventDefault()
52. emit saveDetails(e)
53. }
54. label { "Title"
55. input { id = "settitle" name = "title" required = "required" maxlength = "100" autocomplete = "off" value = title on input(e) { emit setTitle(e.target.value) } }
56. }
57. label { "Slug (the address of the project; the old one keeps working)"
58. input { id = "setslug" name = "slug" required = "required" maxlength = "100" autocomplete = "off" value = slug on input(e) { emit setSlug(e.target.value) } }
59. }
60. label { "Description"
61. mdEditor { textarea { id = "setdescription" name = "description" rows = "6" value = description on input(e) { emit setDescription(e.target.value) } } }
62. }
63. button { id = "detailssave" type = "submit" "Save" }
64. p { id = "savemessage" class = "message" saveMessage }
65. }
66. section { id = "membersbox"
67. h2 { "Members" }
68. p { class = "muted" "use: comment, and move a ticket between open and review. edit: also open, edit and assign tickets and set any state. admin: also these settings and the members." }
69. ul { id = "members"
70. for (m of members) {
71. li {
72. strong { class = "membername" m.name }
73. select { class = "memberrole" name = "role" value = m.role on change(e) { emit changeRole(m.user, e.target.value) }
74. for (r of roleList) { option { value = r r } }
75. }
76. button { type = "button" class = "quiet danger removemember" "Remove" on click(e) { emit dropMember(m.user) } }
77. }
78. }
79. }
80. p { id = "membermessage" class = "message" memberMessage }
81. form { id = "addform"
82. on submit(e) {
83. e.preventDefault()
84. emit addPerson(e)
85. }
86. label { "Add a person by their ident id or display name"
87. input { id = "addref" name = "person" required = "required" autocomplete = "off" value = addRef on input(e) { emit setAddRef(e.target.value) } }
88. }
89. label { "Role"
90. select { id = "addrole" name = "role" value = addRole on change(e) { emit setAddRole(e.target.value) }
91. for (r of roleList) { option { value = r r } }
92. }
93. }
94. button { id = "addsave" type = "submit" "Add member" }
95. }
96. }
97. section { id = "invitebox"
98. h2 { "Invite" }
99. p { class = "muted" "Ident makes a link; whoever opens it and picks an identity joins with the role you choose. Share it yourself, or give an email address and ident mails it." }
100. form { id = "inviteform"
101. on submit(e) {
102. e.preventDefault()
103. emit sendInvite(e)
104. }
105. label { "Role"
106. select { id = "inviterole" name = "role" value = inviteRole on change(e) { emit setInviteRole(e.target.value) }
107. for (r of roleList) { option { value = r r } }
108. }
109. }
110. label { "People who can use the link"
111. input { id = "inviteuses" name = "uses" inputmode = "numeric" value = inviteUses on input(e) { emit setInviteUses(e.target.value) } }
112. }
113. label { "Valid for (days)"
114. input { id = "invitedays" name = "days" inputmode = "numeric" value = inviteDays on input(e) { emit setInviteDays(e.target.value) } }
115. }
116. label { "Email (optional)"
117. input { id = "inviteemail" name = "email" type = "email" autocomplete = "off" value = inviteEmail on input(e) { emit setInviteEmail(e.target.value) } }
118. }
119. button { id = "invitecreate" type = "submit" "Create invite link" }
120. }
121. p { id = "invitemessage" class = "message" inviteMessage }
122. if (hasInviteLink) { inviteShown { id = "invitelinkbox"
123. p { "The invite link — copy it now, it is not shown again:" }
124. code { id = "invitelink" inviteLink }
125. } }
126. }
127. }
128. }
129. }
131. on setTitle(v) { title = v }
132. on setSlug(v) { slug = v }
133. on setDescription(v) { description = v }
134. on setAddRef(v) { addRef = v }
135. on setAddRole(v) { addRole = v }
136. on setInviteRole(v) { inviteRole = v }
137. on setInviteUses(v) { inviteUses = v }
138. on setInviteDays(v) { inviteDays = v }
139. on setInviteEmail(v) { inviteEmail = v }
141. on saveDetails(e) {
142. let r = emit server settingsSave(projectId, title, slug, description)
143. if (r == null || r.error != null) {
144. saveMessage = r != null ? r.error : 'could not save'
145. return null
146. }
147. saveMessage = 'Saved.'
148. title = r.title
149. slug = r.slug
150. projectHref = '/projects/' + r.slug
151. }
153. on changeRole(userId, role) {
154. let r = emit server settingsRole(projectId, userId, role)
155. if (r == null || r.error != null) {
156. memberMessage = r != null ? r.error : 'could not change the role'
157. } else {
158. memberMessage = ''
159. }
160. members = r != null && r.members != null ? r.members : members
161. }
163. on dropMember(userId) {
164. let r = emit server settingsRemove(projectId, userId)
165. if (r == null || r.error != null) {
166. memberMessage = r != null ? r.error : 'could not remove the member'
167. return null
168. }
169. memberMessage = ''
170. members = r.members
171. }
173. on addPerson(e) {
174. let r = emit server settingsAdd(projectId, addRef, addRole)
175. if (r == null || r.error != null) {
176. memberMessage = r != null ? r.error : 'could not add the member'
177. return null
178. }
179. memberMessage = ''
180. addRef = ''
181. members = r.members
182. }
184. on sendInvite(e) {
185. let r = emit server settingsInvite(projectId, inviteRole, inviteUses, inviteDays, inviteEmail)
186. if (r == null || r.error != null) {
187. inviteMessage = r != null ? r.error : 'could not create the invite'
188. return null
189. }
190. inviteMessage = r.mailed ? 'Mailed as well.' : ''
191. inviteLink = r.url
192. hasInviteLink = true
193. }
195. // ---- the faces: the writer is the session's user; the store checks the admin role ------------
196. on server settingsSave(projectId, title, slug, description, session) {
197. let w = writerOfSession(session)
198. if (w.error != null) { return { error = w.error } }
199. if (hlTypeName(title) != 'String' || hlTypeName(slug) != 'String' || hlTypeName(description) != 'String') { return { error = 'title, slug and description must be text' } }
200. let r = updateProject('' + projectId, w.user, title, slug, description)
201. if (r.error != null) { return { error = r.error } }
202. return { title = r.project.title slug = r.project.slug }
203. }
205. on server settingsRole(projectId, userId, role, session) {
206. let w = writerOfSession(session)
207. if (w.error != null) { return { error = w.error } }
208. let r = setMemberRole('' + projectId, w.user, '' + userId, '' + role)
209. if (r.error != null) { return { error = r.error members = memberRows('' + projectId) } }
210. return { members = r.members }
211. }
213. on server settingsRemove(projectId, userId, session) {
214. let w = writerOfSession(session)
215. if (w.error != null) { return { error = w.error } }
216. let r = removeMember('' + projectId, w.user, '' + userId)
217. if (r.error != null) { return { error = r.error } }
218. return { members = r.members }
219. }
221. on server settingsAdd(projectId, ref, role, session) {
222. let w = writerOfSession(session)
223. if (w.error != null) { return { error = w.error } }
224. let f = userByRef('' + ref, null)
225. if (f.error != null) { return { error = f.error } }
226. let r = setMemberRole('' + projectId, w.user, f.user.id, '' + role)
227. if (r.error != null) { return { error = r.error } }
228. return { members = r.members }
229. }
231. on server settingsInvite(projectId, role, uses, days, email, session) {
232. let w = writerOfSession(session)
233. if (w.error != null) { return { error = w.error } }
234. let p = projectRecord('' + projectId)
235. if (p == null) { return { error = 'no such project' } }
236. if (!isAdminOf(p.id, w.user)) { return { error = 'only an admin of the project can invite' } }
237. if (!roles.includes('' + role)) { return { error = 'role must be one of: ' + roles.join(', ') } }
238. let n = toNumber('' + uses)
239. let d = toNumber('' + days)
240. if (n == null || n < 1 || n > 1000) { return { error = 'the number of people must be from 1 to 1000' } }
241. if (d == null || d < 1 || d > 90) { return { error = 'the days must be from 1 to 90' } }
242. return createInvite(p.id, '' + role, n, d, '' + email)
243. }