git ssb

16+

Dominic / patchbay



Tree: 80b4d8ac8c084a4019c0623e0b0c409fc88c50ae

Files: 80b4d8ac8c084a4019c0623e0b0c409fc88c50ae / contact / html / relationships.js

4461 bytesRaw
1const nest = require('depnest')
2const { h, map, computed, when } = require('mutant')
3
4exports.gives = nest('contact.html.relationships')
5
6exports.needs = nest({
7 'about.html.image': 'first',
8 'about.obs.name': 'first',
9 'contact.async.follow': 'first',
10 'contact.async.unfollow': 'first',
11 'contact.async.block': 'first',
12 'contact.async.unblock': 'first',
13 'contact.obs.followers': 'first',
14 'contact.obs.following': 'first',
15 'contact.obs.blockers': 'first',
16 'contact.obs.blocking': 'first',
17 'keys.sync.id': 'first'
18})
19
20exports.create = function (api) {
21 return nest({
22 'contact.html.relationships': relationships
23 })
24
25 function relationships (id) {
26 var rawFollowing = api.contact.obs.following(id)
27 var rawFollowers = api.contact.obs.followers(id)
28
29 var friends = computed([rawFollowing, rawFollowers], (following, followers) => {
30 return [...following].filter(follow => followers.includes(follow))
31 })
32 var following = computed([rawFollowing, friends], (following, friends) => {
33 return [...following].filter(follow => !friends.includes(follow))
34 })
35 var followers = computed([rawFollowers, friends], (followers, friends) => {
36 return [...followers].filter(follower => !friends.includes(follower))
37 })
38
39 var myId = api.keys.sync.id()
40 var ImFollowing = api.contact.obs.following(myId)
41 var IFollowThem = computed([ImFollowing], ImFollowing => ImFollowing.includes(id))
42 var theyFollowMe = computed([rawFollowing], following => following.includes(myId))
43
44 var relationshipStatus = computed([IFollowThem, theyFollowMe], (IFollowThem, theyFollowMe) => {
45 return IFollowThem && theyFollowMe ? '- you are friends'
46 : IFollowThem ? '- you follow them'
47 : theyFollowMe ? '- they follow you'
48 : ''
49 })
50
51 function imageLink (id) {
52 return h('a',
53 { href: id, title: computed(api.about.obs.name(id), name => '@' + name) },
54 api.about.html.image(id)
55 )
56 }
57
58 const { unfollow, follow, block, unblock } = api.contact.async
59 const blockers = api.contact.obs.blockers(id)
60 const blocking = api.contact.obs.blocking(id)
61 const ImBlockingThem = computed(blockers, blockers => blockers.includes(myId))
62
63 return h('Relationships', [
64 h('header', 'Relationships'),
65 id !== myId
66 ? h('div.your-status', [
67 h('header', 'Your status'),
68 h('section -friendship', [
69 when(ImFollowing.sync,
70 when(IFollowThem,
71 h('button', { 'ev-click': () => unfollow(id) }, 'Unfollow'),
72 h('button', { 'ev-click': () => follow(id) }, 'Follow')
73 ),
74 h('button', { disabled: 'disabled' }, 'Loading...')
75 ),
76 when(ImFollowing.sync, h('div.relationship-status', relationshipStatus))
77 ]),
78 h('section -blocking', [
79 when(ImBlockingThem,
80 h('button', { 'ev-click': () => unblock(id, console.log) }, 'unblock'),
81 h('button', { 'ev-click': () => block(id, console.log) }, 'BLOCK')
82 ),
83 h('div.explainer', [
84 "Blocking tells everyone you don't want to communicate with a person.",
85 h('ul', [
86 h('li', 'You will no longer receive messages from this person'),
87 h('li', "This person won't get any new information about you (including this block)"),
88 h('li', "Your followers will see you have blocked this person - their apps need to know so that they don't pass your information on.")
89 ])
90 ])
91 ])
92 ])
93 : undefined,
94 computed(blockers, blockers => {
95 if (blockers.length === 0) return ''
96
97 return h('div.blockers', [
98 h('header', 'Blocked by'),
99 h('section', blockers.map(imageLink))
100 ])
101 }),
102 h('div.friends', [
103 h('header', 'Friends'),
104 h('section', map(friends, imageLink))
105 ]),
106 h('div.follows', [
107 h('header', 'Follows'),
108 h('section', map(following, imageLink))
109 ]),
110 h('div.followers', [
111 h('header', 'Followers'),
112 h('section', map(followers, imageLink))
113 ]),
114 computed(blocking, blocking => {
115 if (blocking.length === 0) return ''
116
117 return h('div.blocking', [
118 h('header', 'Blocking'),
119 h('section', blocking.map(imageLink))
120 ])
121 })
122 ])
123 }
124}
125

Built with git-ssb-web