tickets

5.3 KB

1. // components/you.hl — `/you` (ticket #7): the logged-in user's own page.
2. // * the display name, and the PER-APP IDENTITY ID ident gave tickets for this identity —
3. // shown ONLY here and only to its owner (an admin adds a person to a project by it). Ticket #20: the
4. // projects the user is a member of, with their role.
5. // * API TOKENS for machine clients (CONCEPT point 5): create (the token is shown ONCE — only
6. // its sha256 is stored), list, revoke. `Authorization: Bearer <token>` acts as this user.
7. // Logged out: a hint. A login in the shell (no reload) fills the page via the face `youData`.
8. parent './main.hl'
9. import { siteName } from '../project.hl'
10. import { youOf, userOfSession, createToken, revokeToken, tokenRows } from '../users.hl'
11. import { projectsOfUser } from '../store.hl'
13. session = null
14. you = youOf(session)
15. present = you != null
16. absent = you == null
17. youName = you != null ? you.name : ''
18. identity = you != null ? you.identity : ''
19. myProjects = projectsOfUser(userOfSession(session))
20. hasProjects = myProjects.length > 0
21. noProjects = myProjects.length == 0
22. tokens = you != null ? you.tokens : []
23. hasTokens = tokens.length > 0
24. noTokens = tokens.length == 0
25. newLabel = ''
26. newToken = ''
27. hasNewToken = false
28. tokenMessage = ''
29. __title = siteName + ' | you'
31. View {
32. youView {
33. h1 { "You" }
34. if (absent) { p { id = "youhint" class = "empty" "Log in with ident (top right) to see your account and your API tokens." } }
35. if (present) {
36. section { id = "account"
37. h2 { "Account" }
38. dl {
39. dt { "Display name" }
40. dd { id = "youname" youName }
41. dt { "Your ident id" }
42. dd { code { id = "youidentity" identity } }
43. }
44. p { class = "muted" "The id ident shows for the identity you logged in with. An admin of a project can add you with it." }
45. }
46. section { id = "myprojects"
47. h2 { "Your projects" }
48. if (noProjects) { p { id = "noprojects" class = "empty" "You are not a member of any project yet." } }
49. ul { id = "projectlist"
50. for (p of myProjects) { li { a { href = p.href p.title } " " span { class = "role" p.role } } }
51. }
52. }
53. section { id = "tokens"
54. h2 { "API tokens" }
55. p { class = "muted" "For machine clients (the architect, the scheduler): a token acts as you on every API write — send it as " code { "Authorization: Bearer <token>" } ". It is shown once." }
56. form { id = "tokenform"
57. on submit(e) {
58. e.preventDefault()
59. emit makeToken(e)
60. }
61. label { "Label (optional, e.g. what uses it)"
62. input { id = "tokenlabel" name = "label" maxlength = "60" autocomplete = "off" value = newLabel on input(e) { emit setLabel(e.target.value) } }
63. }
64. button { id = "tokencreate" type = "submit" "Create a token" }
65. }
66. if (hasNewToken) {
67. tokenShown { id = "newtokenbox"
68. p { "Your new token — copy it now, it is not shown again:" }
69. code { id = "newtoken" newToken }
70. button { id = "tokendone" type = "button" class = "quiet" "I copied it" on click(e) { emit hideToken(e) } }
71. }
72. }
73. p { id = "tokenmessage" class = "message" tokenMessage }
74. if (noTokens) { p { id = "notokens" class = "empty" "No tokens." } }
75. ul { id = "tokenlist"
76. for (t of tokens) {
77. li {
78. span { class = "label" t.label }
79. time { t.created }
80. button { type = "button" class = "quiet danger revoke" value = t.id "Revoke" on click(e) { emit revoke(e.target.value) } }
81. }
82. }
83. }
84. }
85. }
86. }
87. }
89. fill = (y) => {
90. you = y
91. present = y != null
92. absent = y == null
93. youName = y != null ? y.name : ''
94. identity = y != null ? y.identity : ''
95. showTokens(y != null ? y.tokens : [])
96. }
97. showTokens = (list) => {
98. tokens = list
99. hasTokens = list.length > 0
100. noTokens = list.length == 0
101. }
103. on setLabel(v) { newLabel = v }
105. on makeToken(e) {
106. let r = emit server tokenCreate(newLabel)
107. if (r == null || r.error != null) {
108. tokenMessage = r != null ? r.error : 'could not create the token'
109. return null
110. }
111. tokenMessage = ''
112. newLabel = ''
113. newToken = r.token
114. hasNewToken = true
115. showTokens(r.tokens)
116. }
118. on hideToken(e) {
119. newToken = ''
120. hasNewToken = false
121. }
123. on revoke(id) {
124. let r = emit server tokenRevoke(id)
125. if (r == null || r.error != null) {
126. tokenMessage = r != null ? r.error : 'could not revoke the token'
127. return null
128. }
129. tokenMessage = ''
130. showTokens(r.tokens)
131. }
133. // a login / name / logout in the shell, without a reload
134. on client signedIn(tag, info) {
135. let y = emit server youData()
136. fill(y)
137. let mine = emit server myProjectsData()
138. myProjects = mine != null && mine.projects != null ? mine.projects : []
139. hasProjects = myProjects.length > 0
140. noProjects = myProjects.length == 0
141. }
142. on client signedOut(tag) {
143. fill(null)
144. newToken = ''
145. hasNewToken = false
146. }
148. // ---- the faces (#31: only a real session) -------------------------------------------------
149. on server youData(session) { return youOf(session) }
151. on server myProjectsData(session) { return { projects = projectsOfUser(userOfSession(session)) } }
153. on server tokenCreate(label, session) {
154. let u = userOfSession(session)
155. if (u == null) { return { error = 'log in with ident first' } }
156. if (u.name == '') { return { error = 'choose a display name first' } }
157. return createToken(u.id, label)
158. }
160. on server tokenRevoke(id, session) {
161. let u = userOfSession(session)
162. if (u == null) { return { error = 'log in with ident first' } }
163. return revokeToken(u.id, id)
164. }