tracker

1.6 KB

1. // components/home.hl — `/`: STEP 1, the empty homepage (tracker.worldapi.org#1).
2. // Signed out: a link to ident's login button flow (`/login`, project.hl). Signed in: the
3. // identity's public short id (ident hands nothing else to an app yet — properties handover
4. // is ident#11, on hold) and a sign-out button. Nothing else: no shows, no data (CONCEPT.md,
5. // tracker.worldapi.org#1 "Nothing else").
6. parent './main.hl'
8. session = null
9. me = session != null ? session.user : null
10. signedIn = me != null
11. signedOut = !signedIn
12. identity = signedIn ? me.identity : ''
13. __title = 'tracker' + (signedIn ? ' | ' + identity : ' | sign in')
15. View {
16. homeCard {
17. if (signedOut) {
18. h1 { "tracker" }
19. p { "Sign in to see your homepage." }
20. a { id = "signin" class = "button" href = "/login" "Sign in with ident" }
21. }
22. if (signedIn) {
23. accountBar {
24. userName { id = "identity" "Signed in as " identity }
25. button { id = "signout" type = "button" class = "quiet" "Sign out" on click(e) { emit doSignOut(e) } }
26. }
27. h1 { "tracker" }
28. p { id = "empty" "Nothing here yet." }
29. }
30. }
31. }
33. // the click emits a CLIENT handler, which calls the server face and then flips this
34. // page's own reactive members — a member's INITIAL value is a computed expression, but
35. // once mounted it is plain reactive state a handler can overwrite (ident's own doSignOut
36. // does the same: components/home.hl, `emit server signOut()` then `signedIn = false` …).
37. on doSignOut(e) {
38. emit server signOut()
39. signedIn = false
40. signedOut = true
41. identity = ''
42. }
44. on server signOut(session) {
45. if (session != null) { session.user = null }
46. return {}
47. }