Files: e4aaa311b7efe7bf2540be819c77348f258eb18d / app / page / addressBook.js
2577 bytesRaw
1 | const nest = require('depnest') |
2 | const { h, Value, computed, map } = require('mutant') |
3 | const pull = require('pull-stream') |
4 | |
5 | exports.gives = nest('app.page.addressBook') |
6 | |
7 | //declare consts to avoid magic-string errors |
8 | const FRIENDS = 'friends' |
9 | const FOLLOWING = 'following' |
10 | const FOLLOWERS = 'followers' |
11 | const SEARCH = 'search' |
12 | |
13 | exports.needs = nest({ |
14 | 'about.html.avatar': 'first', |
15 | 'about.async.suggest': 'first', |
16 | 'about.obs.name': 'first', |
17 | 'app.html.topNav': 'first', |
18 | // 'app.html.scroller': 'first', |
19 | 'app.html.sideNav': 'first', |
20 | 'app.html.topNav': 'first', |
21 | 'contact.html.follow': 'first', |
22 | 'contact.obs.relationships': 'first', |
23 | 'history.sync.push': 'first', |
24 | 'keys.sync.id': 'first', |
25 | 'translations.sync.strings': 'first', |
26 | }) |
27 | |
28 | exports.create = (api) => { |
29 | return nest('app.page.addressBook', function (location) { |
30 | // location here can expected to be: { page: 'addressBook'} |
31 | |
32 | const strings = api.translations.sync.strings() |
33 | const myKey = api.keys.sync.id() |
34 | const relationships = api.contact.obs.relationships(myKey) |
35 | |
36 | const SECTIONS = [FRIENDS, FOLLOWING, FOLLOWERS, SEARCH] |
37 | const section = location.section || FRIENDS |
38 | if (!SECTIONS.includes(section)) throw new Error('AddressBook location must include valid section, got:', location) |
39 | |
40 | const input = Value() |
41 | |
42 | const suggester = api.about.async.suggest() |
43 | const users = computed([relationships, input], (relationships, input) => { |
44 | if (section === SEARCH) |
45 | return suggester(input) |
46 | else { |
47 | const sectionRels = relationships[section] |
48 | if (!input) // show all e.g. friends |
49 | return sectionRels.map(id => { |
50 | return { id, title: api.about.obs.name(id) } |
51 | }) |
52 | else // show suggestions, and filter just the ones we want e.g. friends |
53 | return suggester(input).filter(user => sectionRels.includes(user.id)) |
54 | } |
55 | }) |
56 | |
57 | const goTo = (loc) => () => api.history.sync.push(loc) |
58 | |
59 | return h('Page -addressBook', [ |
60 | api.app.html.sideNav(location, relationships), |
61 | h('Scroller.content', [ |
62 | h('section.top', [ |
63 | api.app.html.topNav(location, input), |
64 | ]), |
65 | h('section.content', [ |
66 | h('div.results', map(users, user => { |
67 | return h('div.result', { 'ev-click': goTo({page: 'userShow', feed: user.id}) }, [ |
68 | api.about.html.avatar(user.id), |
69 | h('div.alias', user.title), |
70 | // h('pre.key', user.id), |
71 | api.contact.html.follow(user.id) |
72 | ]) |
73 | })), |
74 | ]) |
75 | ]) |
76 | ]) |
77 | }) |
78 | } |
79 | |
80 |
Built with git-ssb-web