tickets

3.0 KB

1. // components/inbox.hl — `/inbox` (ticket #20): the tickets ASSIGNED TO YOU, in two lists: pending and
2. // review, across all projects. Personal: needs a login. Live: a ticket assigned to you, or moving into
3. // or out of those states, appears / disappears without a reload.
4. parent './main.hl'
5. import { inboxRows } from '../store.hl'
6. import { siteName } from '../project.hl'
7. import { userOfSession } from '../users.hl'
9. session = null
10. myId = userOfSession(session) != null ? userOfSession(session).id : ''
11. loggedIn = myId != ''
12. loggedOut = myId == ''
13. box = inboxRows(userOfSession(session))
14. pending = box.pending
15. review = box.review
16. noPending = pending.length == 0
17. noReview = review.length == 0
18. __title = siteName + ' | inbox'
20. View {
21. ticketBoard {
22. h1 { id = "heading" "Inbox" }
23. if (loggedOut) { p { id = "loginhint" class = "hint" "Log in with ident (top right) to see the tickets assigned to you." } }
24. if (loggedIn) {
25. section { id = "reviewbox"
26. h2 { "Review" }
27. if (noReview) { p { id = "reviewempty" class = "empty" "Nothing is waiting for your review." } }
28. ol { id = "review" class = "tickets"
29. for (row of review) {
30. li {
31. ticketState { class = row.stateSlug row.state }
32. a { class = "subject" href = row.href ticketRef { row.ref } row.subject }
33. ticketMeta {
34. a { href = row.projectHref row.projectTitle }
35. time { row.updated }
36. }
37. }
38. }
39. }
40. }
41. section { id = "pendingbox"
42. h2 { "Pending" }
43. if (noPending) { p { id = "pendingempty" class = "empty" "Nothing is pending for you." } }
44. ol { id = "pending" class = "tickets"
45. for (row of pending) {
46. li {
47. ticketState { class = row.stateSlug row.state }
48. a { class = "subject" href = row.href ticketRef { row.ref } row.subject }
49. ticketMeta {
50. a { href = row.projectHref row.projectTitle }
51. time { row.updated }
52. }
53. }
54. }
55. }
56. }
57. }
58. }
59. }
61. // a row goes to the top of its list if it is assigned to me and in that state, and out of both otherwise
62. place = (row) => {
63. let p = []
64. let r = []
65. if (row.assigneeId == myId && row.state == 'pending') { p.push(row) }
66. if (row.assigneeId == myId && row.state == 'review') { r.push(row) }
67. for (x of pending) { if (x.id != row.id) { p.push(x) } }
68. for (x of review) { if (x.id != row.id) { r.push(x) } }
69. pending = p
70. review = r
71. noPending = p.length == 0
72. noReview = r.length == 0
73. }
75. on client ticketCreated(row) { place(row) }
76. on client ticketEvent(ticketId, ev, row) { place(row) }
77. on client signedIn(tag, info) {
78. let b = emit server myInbox()
79. if (b != null && b.pending != null) {
80. pending = b.pending
81. review = b.review
82. noPending = b.pending.length == 0
83. noReview = b.review.length == 0
84. myId = b.me
85. loggedIn = true
86. loggedOut = false
87. }
88. }
89. on client signedOut(tag) {
90. myId = ''
91. loggedIn = false
92. loggedOut = true
93. }
95. on server myInbox(session) {
96. let u = userOfSession(session)
97. if (u == null) { return { error = 'log in first' } }
98. let b = inboxRows(u)
99. return { pending = b.pending review = b.review me = u.id }
100. }