ident

4.0 KB

1. // components/inbox.hl — `/inbox`: THE NOTIFICATIONS INBOX (piece 4 of 6, ticket ident#6;
2. // CONCEPT.md "Notifications": "The user reads them in ident's notifications inbox").
3. // Every notification of every identity of the signed-in account, newest first: identity,
4. // app, name, text, icon, action link, time; read / unread (a button per notification).
5. // Below: the apps the account's identities are registered in — each links to its per-app
6. // page (`/inbox/<connection id>`, components/appsettings.hl).
7. //
8. // Faces are named `inbox…` (a face is found by its EVENT NAME across all files).
9. parent './main.hl'
10. import { accountOfSession } from '../store.hl'
11. import { inboxRows, unreadCount, markRead, connectionRows } from '../notify.hl'
12. import { siteName } from '../project.hl'
14. session = null
15. me = accountOfSession(session)
16. signedIn = me != null
17. signedOut = me == null
18. meEmail = me != null ? me.email : ''
19. items = me != null ? inboxRows(me.id) : []
20. hasItems = items.length > 0
21. noItems = items.length == 0
22. unread = unreadCount(items)
23. unreadText = unread == 1 ? '1 unread' : unread + ' unread'
24. conns = me != null ? connectionRows(me.id) : []
25. hasConns = conns.length > 0
26. noConns = conns.length == 0
27. __title = siteName + ' | inbox'
29. message = ''
31. View {
32. identCard { class = "wide"
33. if (signedOut) {
34. h1 { "Inbox" }
35. p { id = "signinfirst" class = "lead" "Sign in to ident first: " a { href = "/" "sign in" } "." }
36. }
37. if (signedIn) {
38. accountBar {
39. userEmail { id = "meemail" meEmail }
40. unreadTotal { id = "unreadcount" unreadText }
41. }
42. section { id = "inboxsection"
43. h1 { "Inbox" }
44. if (noItems) { p { id = "noitems" class = "lead" "No notifications yet. Apps you signed in to with ident can send you some; they show up here." } }
45. ul { id = "inbox"
46. for (n of items) {
47. li { class = n.state
48. if (n.hasIcon) { img { class = "icon" src = n.icon alt = "" width = "40" height = "40" loading = "lazy" referrerpolicy = "no-referrer" } }
49. noteMain {
50. noteHead {
51. noteName { n.name }
52. if (n.urgent) { urgentBadge { "urgent" } }
53. if (n.unread) { unreadBadge { "new" } }
54. }
55. noteFrom { n.app " · " n.identity }
56. noteText { n.text }
57. noteFoot {
58. time { n.time }
59. if (n.hasLink) { a { class = "action" href = n.link target = "_blank" rel = "noopener noreferrer" "Open" } }
60. button { type = "button" class = "quiet small toggle" value = n.id n.toggleText on click(e) { emit toggle(e.target.value) } }
61. }
62. }
63. }
64. }
65. }
66. }
67. section { id = "connsection"
68. h2 { "Notification settings per app" }
69. if (noConns) { p { id = "noconns" class = "lead" "None of your identities is registered in an app yet." } }
70. ul { id = "conns"
71. for (c of conns) {
72. li {
73. a { class = "conn" href = c.href c.app }
74. connDetails { c.identity " · since " c.since }
75. }
76. }
77. }
78. }
79. }
80. p { id = "message" class = "message" message }
81. }
82. }
84. rowOf = (id) => {
85. for (n of items) { if ('' + n.id == '' + id) { return n } }
86. return null
87. }
89. setItems = (list) => {
90. items = list
91. hasItems = list.length > 0
92. noItems = list.length == 0
93. let u = 0
94. for (n of list) { if (n.unread) { u = u + 1 } }
95. unread = u
96. unreadText = u == 1 ? '1 unread' : u + ' unread'
97. return null
98. }
100. on toggle(id) {
101. message = ''
102. let row = rowOf(id)
103. if (row == null) { return null }
104. let r = emit server inboxMark('' + id, !row.read)
105. if (r == null) {
106. message = 'the server did not answer — try again'
107. return null
108. }
109. if (r.error != null) {
110. message = r.error
111. return null
112. }
113. setItems(r.items)
114. }
116. // ---- the faces ------------------------------------------------------------------------
117. // The LAST parameter is the session; accountOfSession only accepts the framework's own
118. // Session (hl:web never takes it from the peer, hybriel#16/#31).
119. on server inboxMark(id, read, session) {
120. let me = accountOfSession(session)
121. if (me == null) { return { error = 'you are not signed in' } }
122. let r = markRead(me.id, id, read)
123. if (r.error != null) { return r }
124. return { items = inboxRows(me.id) }
125. }