gitoria

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