gitoria

5.1 KB

1. // components/tickets.hl — THE TICKETS of a repo (gitoria#10, gitoria#16): `/tickets` on <slug>.<domain>, its own
2. // route, rendered on the SERVER with its list: the repo comes from the request's host, the tickets from
3. // tickets.worldapi.org (tickets.hl — hl:fetch answers at once, so the list is in the first HTML and in every
4. // hl:web navigation). The repo must be connected to a tickets project first (gitoria#18, /settings). A named user
5. // opens a ticket AS THEMSELVES (the repo's key + their ident id, tickets.hl); a ticket opened here reaches every open
6. // tickets page of the repo (push `ticketOpened`).
7. parent './main.hl'
8. import { siteName } from '../project.hl'
9. import RepoHead from './repohead.hl'
10. import { repoAt, pageTitle } from '../repos.hl'
11. import { loadTickets, openTicket } from '../tickets.hl'
12. import { slugOfHost, infoOfSession, userOfSession } from '../users.hl'
14. host = null
15. session = null
16. slug = slugOfHost(host)
17. repo = repoAt(slug)
18. hasRepo = repo != null
19. me = infoOfSession(session)
20. canCreate = repo != null && repo.ticketsOn && me != null && me.named
21. needsLogin = repo != null && repo.ticketsOn && me == null
22. notConnected = repo != null && repo.ticketsOff
23. loaded = repo != null && repo.ticketsOn ? loadTickets(slug) : null
24. ticketsErrorShown = loaded != null && loaded.error != null
25. ticketsError = loaded != null && loaded.error != null ? loaded.error : ''
26. tickets = loaded != null && loaded.tickets != null ? loaded.tickets : []
27. ticketsTruncated = loaded != null && loaded.truncated == true
28. ticketsHref = loaded != null && loaded.url != null ? loaded.url : ''
29. ticketsShown = tickets.length > 0
30. ticketsNone = loaded != null && loaded.error == null && tickets.length == 0
31. ticketError = ''
32. ticketNotice = ''
33. hasTicketNotice = false
34. __title = pageTitle(siteName, slug, 'Tickets')
36. View {
37. repoPage {
38. RepoHead { }
39. if (hasRepo) {
40. repoTickets { id = "tickets"
41. if (notConnected) { p { id = "ticketsnotconnected" class = "empty" "This repository is not connected to a tickets project. The owner connects it under " a { id = "tosettings" href = "/settings" "Settings" } "." } }
42. if (ticketsErrorShown) { p { id = "ticketserror" class = "message" ticketsError } }
43. if (canCreate) {
44. details { id = "newticket"
45. summary { "New ticket" }
46. form { id = "newticketform"
47. on submit(e) {
48. e.preventDefault()
49. emit openIt(e)
50. }
51. label { "Subject"
52. input { id = "ticketsubject" name = "subject" required = "required" maxlength = "200" autocomplete = "off" }
53. }
54. label { "Text (Markdown, optional)"
55. textarea { id = "ticketsummary" name = "summary" rows = "5" }
56. }
57. button { id = "ticketsave" type = "submit" "Open ticket" }
58. p { id = "newticketerror" class = "message" ticketError }
59. }
60. }
61. }
62. if (needsLogin) { p { id = "ticketsloginhint" class = "muted" "Log in with ident (top right) to open a ticket." } }
63. if (hasTicketNotice) { p { id = "ticketnotice" class = "notice" ticketNotice } }
64. if (ticketsNone) { p { id = "noticketsyet" class = "empty" "No ticket yet in this project." } }
65. if (ticketsShown) {
66. ol { id = "ticketlist"
67. for (t of tickets) {
68. li {
69. a { class = "number" href = t.url "#" t.number }
70. a { class = "subject" href = t.url t.subject }
71. span { class = "state" t.state }
72. time { t.updated }
73. }
74. }
75. }
76. p { class = "muted" "Open a ticket to read and answer it in " a { id = "ticketsall" href = ticketsHref "tickets.worldapi.org" } "." }
77. if (ticketsTruncated) { p { id = "ticketstruncated" class = "muted" "Only the latest tickets are listed here." } }
78. }
79. }
80. }
81. }
82. }
84. on openIt(e) {
85. let f = e.target.elements
86. let r = emit server gitoriaOpenTicket(slug, f.subject.value, f.summary.value)
87. if (r == null || r.error != null) {
88. ticketError = r != null ? r.error : 'could not open the ticket'
89. return null
90. }
91. ticketError = ''
92. f.subject.value = ''
93. f.summary.value = ''
94. ticketNotice = 'Opened ticket #' + r.ticket.number + '.'
95. hasTicketNotice = true
96. addTicket(r.ticket)
97. }
99. addTicket = (row) => {
100. let next = [row]
101. for (x of tickets) { if (x.number != row.number) { next.push(x) } }
102. tickets = next
103. ticketsShown = true
104. ticketsNone = false
105. }
107. // a ticket opened here by anyone: every open tickets page of that repo follows
108. on client ticketOpened(slugOf, row) {
109. if (!hasRepo || slugOf != slug) { return null }
110. addTicket(row)
111. }
113. // this session's tabs follow a login / name / logout (the shell's faces push them)
114. on client gitoriaSignedIn(tag, info) {
115. canCreate = repo != null && repo.ticketsOn && info.named
116. needsLogin = false
117. }
118. on client gitoriaSignedOut(tag) {
119. canCreate = false
120. needsLogin = repo != null && repo.ticketsOn
121. }
123. on server gitoriaOpenTicket(slugOf, subject, summary, session) {
124. if (repoAt(slugOf) == null) { return { error = 'no such repository' } }
125. let u = userOfSession(session)
126. if (u == null) { return { error = 'log in with ident (top right) to open a ticket' } }
127. if (u.name == '') { return { error = 'choose a display name first (top of the page)' } }
128. let r = openTicket(slugOf, u.identity, subject, summary)
129. if (r.error != null) { return { error = r.error } }
130. emit client ticketOpened(slugOf, r.ticket)
131. return r
132. }