tickets

4.5 KB

1. // components/connect.hl — `/connect/:nonce` (ticket #21): another app (first: gitoria) asks to be connected to one
2. // project. The person — logged in through ident, with a display name — picks a project they are ADMIN of, or makes a
3. // new one, and confirms. Then the page links back to the app with a one-time code (connections.hl); the app's server
4. // swaps the code for a key that reaches that one project. Everybody else sees the login hint; a used or expired
5. // request says so. Everything is checked again by the store in the faces.
6. parent './main.hl'
7. import { requestOf, requestView, adminProjects, confirmRequest } from '../lib/connections.hl'
8. import { siteName } from '../project.hl'
9. import { userOfSession, writerOfSession, canWriteSession } from '../lib/users.hl'
11. nonce = null
12. session = null
13. pending = requestOf(nonce)
14. valid = pending != null
15. gone = pending == null
16. info = pending != null ? requestView(pending) : { app = '' label = '' hasLabel = false host = '' }
17. appName = info.app
18. appLabel = info.label
19. hasLabel = info.hasLabel
20. appHost = info.host
21. canWrite = valid && canWriteSession(session)
22. showForm = valid && canWriteSession(session)
23. mustLogIn = valid && !canWriteSession(session)
24. choices = adminProjects(userOfSession(session))
25. choice = choices.length > 0 ? choices[0].id : ''
26. makeNew = choices.length == 0
27. newTitle = ''
28. message = ''
29. done = false
30. doneUrl = ''
31. doneProject = ''
32. __title = siteName + ' | connect ' + (pending != null ? pending.app : 'an app')
34. View {
35. connectPage {
36. if (gone) { p { id = "gone" class = "empty" "This connection request is used up or expired. Start again from the app." } }
37. if (valid) {
38. h1 { id = "connecttitle" "Connect " appName " to a project" }
39. p { id = "connectwho" class = "hint"
40. strong { appName }
41. if (hasLabel) { " (" appLabel ")" }
42. " at "
43. strong { appHost }
44. " asks for a key to ONE of your projects. With it the app can open tickets, comment and change their state there — for the people who work in it, within their roles. You can disconnect it on the project's page at any time."
45. }
46. }
47. if (mustLogIn) { p { id = "loginhint" class = "hint" "Log in with ident (top right) and choose a display name to connect." } }
48. if (showForm) {
49. form { id = "connectform"
50. on submit(e) {
51. e.preventDefault()
52. emit confirm(e)
53. }
54. label { "Project"
55. select { id = "connectproject" name = "project" value = choice on change(e) { emit setChoice(e.target.value) }
56. for (c of choices) { option { value = c.id c.title } }
57. option { value = "" "A new project" }
58. }
59. }
60. if (makeNew) {
61. label { "Title of the new project"
62. input { id = "connecttitleinput" name = "title" required = "required" maxlength = "100" autocomplete = "off" value = newTitle on input(e) { emit setNewTitle(e.target.value) } }
63. }
64. }
65. button { id = "connectconfirm" type = "submit" "Connect" }
66. p { id = "connectmessage" class = "message" message }
67. }
68. }
69. if (done) {
70. p { id = "connected" class = "notice" "Connected to " strong { doneProject } ". " }
71. a { id = "connectcontinue" class = "button" href = doneUrl "Continue to " appName }
72. }
73. }
74. }
76. on setChoice(v) {
77. choice = v
78. makeNew = v == ''
79. }
80. on setNewTitle(v) { newTitle = v }
82. on confirm(e) {
83. if (makeNew && newTitle.trim() == '') { return null }
84. r = emit server connectConfirm(nonce, choice, newTitle)
85. if (r == null || r.error != null) {
86. message = r != null ? r.error : 'could not connect'
87. return null
88. }
89. message = ''
90. showForm = false
91. doneUrl = r.url
92. doneProject = r.project
93. done = true
94. }
96. on client signedIn(tag, info) {
97. r = emit server connectChoices()
98. if (r != null && r.projects != null) {
99. choices = r.projects
100. choice = r.projects.length > 0 ? r.projects[0].id : ''
101. makeNew = r.projects.length == 0
102. }
103. canWrite = valid && info.named
104. showForm = valid && info.named && !done
105. mustLogIn = valid && !info.named
106. }
107. on client signedOut(tag) {
108. canWrite = false
109. showForm = false
110. mustLogIn = valid
111. choices = []
112. }
114. on server connectChoices(session) {
115. u = userOfSession(session)
116. if (u == null) { return { error = 'log in first' } }
117. return { projects = adminProjects(u) }
118. }
120. on server connectConfirm(nonce, projectId, title, session) {
121. w = writerOfSession(session)
122. if (w.error != null) { return { error = w.error } }
123. if (hlTypeName(nonce) != 'String' || hlTypeName(projectId) != 'String' || hlTypeName(title) != 'String') { return { error = 'nonce, project and title must be text' } }
124. r = confirmRequest(nonce, w.user, projectId, title)
125. if (r.error != null) { return { error = r.error } }
126. return { url = r.url project = r.project slug = r.slug }
127. }