Commit 82667629e00c7d73e813e77adc04302f468562dc
Nextify mentions stream, add public/private messaging to profile pages
Ev Bogue committed on 6/11/2018, 9:28:38 PMParent: 84ba00f843d2ade9e33ea85b6ece83da282514c0
Files changed
| views.js | changed |
| views.js | |||
|---|---|---|---|
| @@ -10,8 +10,9 @@ | |||
| 10 | 10 … | var Next = require('pull-next-query') | |
| 11 | 11 … | ||
| 12 | 12 … | var config = require('./config')() | |
| 13 | 13 … | ||
| 14 … | +var tools = require('./tools') | ||
| 14 | 15 … | var avatar = require('./avatar') | |
| 15 | 16 … | var id = require('./keys').id | |
| 16 | 17 … | ||
| 17 | 18 … | var fs = require('fs') | |
| @@ -27,61 +28,8 @@ | |||
| 27 | 28 … | ||
| 28 | 29 … | screen.appendChild(hyperscroll(content)) | |
| 29 | 30 … | } | |
| 30 | 31 … | ||
| 31 | -var edit = function() { | ||
| 32 | - var content = h('div.content') | ||
| 33 | - | ||
| 34 | - var screen = document.getElementById('screen') | ||
| 35 | - | ||
| 36 | - screen.appendChild(hyperscroll(content)) | ||
| 37 | - | ||
| 38 | - var nameInput = h('input', {placeholder: 'New name'}) | ||
| 39 | - | ||
| 40 | - var locInput = h('input', {placeholder: 'New location'}) | ||
| 41 | - | ||
| 42 | - var descInput = h('textarea', {placeholder: 'New description'}) | ||
| 43 | - | ||
| 44 | - var editor = h('div.message', | ||
| 45 | - h('h1', 'Edit profile'), | ||
| 46 | - nameInput, | ||
| 47 | - h('button.btn.btn-primary', 'Preview', {onclick: function () { | ||
| 48 | - if(nameInput.value) { | ||
| 49 | - api.message_confirm({ | ||
| 50 | - type: 'about', | ||
| 51 | - about: id, | ||
| 52 | - name: nameInput.value || undefined | ||
| 53 | - }) | ||
| 54 | - } | ||
| 55 | - }}), | ||
| 56 | - h('hr'), | ||
| 57 | - locInput, | ||
| 58 | - h('button.btn.btn-primary', 'Preview', {onclick: function () { | ||
| 59 | - if(locInput.value) { | ||
| 60 | - api.message_confirm({ | ||
| 61 | - type: 'loc', | ||
| 62 | - about: id, | ||
| 63 | - loc: locInput.value || undefined | ||
| 64 | - }) | ||
| 65 | - } | ||
| 66 | - }}), | ||
| 67 | - h('hr'), | ||
| 68 | - descInput, | ||
| 69 | - h('button.btn.btn-primary', 'Preview', {onclick: function (){ | ||
| 70 | - if(descInput.value) { | ||
| 71 | - api.message_confirm({ | ||
| 72 | - type: 'description', | ||
| 73 | - about: id, | ||
| 74 | - description: descInput.value || undefined | ||
| 75 | - }) | ||
| 76 | - } | ||
| 77 | - }}), | ||
| 78 | - h('hr') | ||
| 79 | - ) | ||
| 80 | - | ||
| 81 | - content.appendChild(editor) | ||
| 82 | -} | ||
| 83 | - | ||
| 84 | 32 … | var mentionsStream = function () { | |
| 85 | 33 … | var content = h('div.content') | |
| 86 | 34 … | ||
| 87 | 35 … | var screen = document.getElementById('screen') | |
| @@ -89,22 +37,34 @@ | |||
| 89 | 37 … | screen.appendChild(hyperscroll(content)) | |
| 90 | 38 … | ||
| 91 | 39 … | function createStream (opts) { | |
| 92 | 40 … | return pull( | |
| 93 | - sbot.backlinks({query: [{$filter: {dest: id}}], reverse: true}), | ||
| 41 … | + Next(sbot.backlinks, opts, ['value', 'timestamp']), | ||
| 94 | 42 … | pull.map(function (msg) { | |
| 95 | - //if (msg.value.private == true) | ||
| 96 | - // return 'ignoring private message' | ||
| 97 | - //else | ||
| 98 | 43 … | return render(msg) | |
| 99 | 44 … | }) | |
| 100 | 45 … | ) | |
| 101 | 46 … | } | |
| 102 | 47 … | ||
| 103 | 48 … | pull( | |
| 104 | - createStream({reverse: true, limit: 10}), | ||
| 49 … | + createStream({ | ||
| 50 … | + limit: 10, | ||
| 51 … | + reverse: true, | ||
| 52 … | + live: false, | ||
| 53 … | + query: [{$filter: {dest: id}}] | ||
| 54 … | + }), | ||
| 105 | 55 … | stream.bottom(content) | |
| 106 | 56 … | ) | |
| 57 … | + | ||
| 58 … | + pull( | ||
| 59 … | + createStream({ | ||
| 60 … | + limit: 10, | ||
| 61 … | + old: false, | ||
| 62 … | + live: true, | ||
| 63 … | + query: [{$filter: {dest: id}}] | ||
| 64 … | + }), | ||
| 65 … | + stream.top(content) | ||
| 66 … | + ) | ||
| 107 | 67 … | } | |
| 108 | 68 … | ||
| 109 | 69 … | var userStream = function (src) { | |
| 110 | 70 … | var content = h('div.content') | |
| @@ -137,47 +97,48 @@ | |||
| 137 | 97 … | } else { | |
| 138 | 98 … | screen.firstChild.appendChild(profile) | |
| 139 | 99 … | } | |
| 140 | 100 … | ||
| 101 … | + var name = avatar.name(src) | ||
| 102 … | + | ||
| 141 | 103 … | var avatars = h('div.avatars', | |
| 142 | 104 … | h('a', {href: '#' + src}, | |
| 143 | 105 … | h('span.avatar--medium', avatar.image(src)), | |
| 144 | - avatar.name(src) | ||
| 106 … | + name | ||
| 145 | 107 … | ) | |
| 146 | 108 … | ) | |
| 147 | 109 … | ||
| 148 | 110 … | var buttons = h('div.buttons') | |
| 149 | - | ||
| 150 | 111 … | ||
| 151 | 112 … | profile.firstChild.appendChild(avatars) | |
| 152 | 113 … | profile.firstChild.appendChild(buttons) | |
| 114 … | + buttons.appendChild(tools.mute(src)) | ||
| 153 | 115 … | ||
| 154 | - if (!localStorage[src]) | ||
| 155 | - var cache = {mute: false} | ||
| 156 | - else | ||
| 157 | - var cache = JSON.parse(localStorage[src]) | ||
| 116 … | + console.log(name) | ||
| 158 | 117 … | ||
| 159 | - console.log(cache) | ||
| 118 … | + var writeMessage = h('button.btn', 'Public message ' + name.textContent, { | ||
| 119 … | + onclick: function () { | ||
| 120 … | + opts = {} | ||
| 121 … | + opts.type = 'post' | ||
| 122 … | + opts.mentions = '[' + name.textContent + '](' + src + ')' | ||
| 123 … | + var composer = h('div#composer', h('div.message', compose(opts))) | ||
| 124 … | + profile.appendChild(composer) | ||
| 125 … | + } | ||
| 126 … | + }) | ||
| 127 … | + | ||
| 128 … | + var writePrivate = h('button.btn', 'Private message ' + name.textContent, { | ||
| 129 … | + onclick: function () { | ||
| 130 … | + opts = {} | ||
| 131 … | + opts.type = 'post' | ||
| 132 … | + opts.mentions = '[' + name.textContent + '](' + src + ')' | ||
| 133 … | + opts.recps = [src, id] | ||
| 134 … | + var composer = h('div#composer', h('div.message', compose(opts))) | ||
| 135 … | + profile.appendChild(composer) | ||
| 136 … | + } | ||
| 137 … | + }) | ||
| 160 | 138 … | ||
| 161 | - if (cache.mute == true) | ||
| 162 | - var mute = h('button.btn', 'Unmute', { | ||
| 163 | - onclick: function () { | ||
| 164 | - cache.mute = false | ||
| 165 | - localStorage[src] = JSON.stringify(cache) | ||
| 166 | - location.reload() | ||
| 167 | - } | ||
| 168 | - }) | ||
| 169 | - else | ||
| 170 | - var mute = h('button.btn', 'Mute', { | ||
| 171 | - onclick: function () { | ||
| 172 | - cache.mute = true | ||
| 173 | - localStorage[src] = JSON.stringify(cache) | ||
| 174 | - location.reload() | ||
| 175 | - } | ||
| 176 | - }) | ||
| 177 | - | ||
| 178 | - buttons.appendChild(mute) | ||
| 179 | - | ||
| 139 … | + buttons.appendChild(writeMessage) | ||
| 140 … | + buttons.appendChild(writePrivate) | ||
| 180 | 141 … | } | |
| 181 | 142 … | ||
| 182 | 143 … | var msgThread = function (src) { | |
| 183 | 144 … | ||
Built with git-ssb-web