Commit 98a2107f7a6f0dc6ea2ca1a3e86d1b830cfb74ff
add ability to publish avatar images
Ev Bogue committed on 6/30/2018, 2:08:10 PMParent: e123126e7f263e8ab6840196d1ed0666c79c1bcc
Files changed
| package-lock.json | changed |
| package.json | changed |
| views.js | changed |
| package-lock.json | ||
|---|---|---|
| The diff is too large to show. Use a local git client to view these changes. Old file size: 205304 bytes New file size: 205908 bytes |
| package.json | ||
|---|---|---|
| @@ -16,12 +16,14 @@ | ||
| 16 | 16 | }, |
| 17 | 17 | "author": "Ev Bogue <ev@evbogue.com>", |
| 18 | 18 | "license": "MIT", |
| 19 | 19 | "dependencies": { |
| 20 | + "dataurl-": "^0.1.0", | |
| 20 | 21 | "decent-ws": "1.0.4", |
| 21 | 22 | "deep-extend": "^0.6.0", |
| 22 | 23 | "emoji-server": "^1.0.0", |
| 23 | 24 | "human-time": "0.0.1", |
| 25 | + "hyperfile": "^2.0.0", | |
| 24 | 26 | "hyperloadmore": "^1.1.0", |
| 25 | 27 | "hyperscript": "^2.0.2", |
| 26 | 28 | "hyperscroll": "^1.0.0", |
| 27 | 29 | "muxrpcli": "^1.1.0", |
| views.js | ||
|---|---|---|
| @@ -1,8 +1,10 @@ | ||
| 1 | 1 | var pull = require('pull-stream') |
| 2 | 2 | var human = require('human-time') |
| 3 | 3 | var sbot = require('./scuttlebot') |
| 4 | 4 | var hyperscroll = require('hyperscroll') |
| 5 | +var hyperfile = require('hyperfile') | |
| 6 | +var dataurl = require('dataurl-') | |
| 5 | 7 | var More = require('pull-more') |
| 6 | 8 | var stream = require('hyperloadmore/stream') |
| 7 | 9 | var h = require('hyperscript') |
| 8 | 10 | var render = require('./render') |
| @@ -139,13 +141,14 @@ | ||
| 139 | 141 | screen.firstChild.insertBefore(profile, screen.firstChild.firstChild) |
| 140 | 142 | } else { |
| 141 | 143 | screen.firstChild.appendChild(profile) |
| 142 | 144 | } |
| 145 | + | |
| 143 | 146 | var name = avatar.name(src) |
| 144 | 147 | |
| 145 | 148 | var editname = h('span', |
| 146 | 149 | avatar.name(src), |
| 147 | - h('button.btn', 'Edit', { | |
| 150 | + h('button.btn', 'New name', { | |
| 148 | 151 | onclick: function () { |
| 149 | 152 | var nameput = h('input', {placeholder: name.textContent}) |
| 150 | 153 | var nameedit = |
| 151 | 154 | h('span', nameput, |
| @@ -171,12 +174,73 @@ | ||
| 171 | 174 | } |
| 172 | 175 | }) |
| 173 | 176 | ) |
| 174 | 177 | |
| 178 | + var editimage = h('span', | |
| 179 | + h('button.btn', 'New image', { | |
| 180 | + onclick: function () { | |
| 181 | + var upload = | |
| 182 | + h('span', | |
| 183 | + hyperfile.asDataURL(function (data) { | |
| 184 | + if(data) { | |
| 185 | + //img.src = data | |
| 186 | + var _data = dataurl.parse(data) | |
| 187 | + pull( | |
| 188 | + pull.once(_data.data), | |
| 189 | + sbot.addblob(function (err, hash) { | |
| 190 | + if(err) return alert(err.stack) | |
| 191 | + selected = { | |
| 192 | + link: hash, | |
| 193 | + size: _data.data.length, | |
| 194 | + type: _data.mimetype, | |
| 195 | + width: 512, | |
| 196 | + height: 512 | |
| 197 | + } | |
| 198 | + }) | |
| 199 | + ) | |
| 200 | + } | |
| 201 | + }), | |
| 202 | + h('button.btn', 'Preview image', { | |
| 203 | + onclick: function() { | |
| 204 | + if (selected) { | |
| 205 | + console.log(selected) | |
| 206 | + var oldImage = document.getElementById('profileImage') | |
| 207 | + var newImage = h('span.avatar--medium', h('img', {src: config.blobsUrl + selected.link})) | |
| 208 | + var publish = h('button.btn', 'Publish image', { | |
| 209 | + onclick: function () { | |
| 210 | + sbot.publish({ | |
| 211 | + type: 'about', | |
| 212 | + about: src, | |
| 213 | + image: selected | |
| 214 | + }, function (err, published) { | |
| 215 | + console.log(published) | |
| 216 | + }) | |
| 217 | + } | |
| 218 | + }) | |
| 219 | + upload.parentNode.replaceChild(publish, upload) | |
| 220 | + oldImage.parentNode.replaceChild(newImage, oldImage) | |
| 221 | + } | |
| 222 | + /*if(selected) { | |
| 223 | + api.message_confirm({ | |
| 224 | + type: 'about', | |
| 225 | + about: id, | |
| 226 | + image: selected | |
| 227 | + }) | |
| 228 | + } else { alert('select an image before hitting preview')}*/ | |
| 229 | + } | |
| 230 | + }) | |
| 231 | + ) | |
| 232 | + editimage.parentNode.replaceChild(upload, editimage) | |
| 233 | + } | |
| 234 | + }) | |
| 235 | + ) | |
| 236 | + | |
| 175 | 237 | var avatars = h('div.avatars', |
| 176 | 238 | h('a', {href: '#' + src}, |
| 177 | - h('span.avatar--medium', avatar.image(src)), | |
| 178 | - editname | |
| 239 | + h('span.avatar--medium#profileImage', avatar.image(src)), | |
| 240 | + editname, | |
| 241 | + h('br'), | |
| 242 | + editimage | |
| 179 | 243 | ) |
| 180 | 244 | ) |
| 181 | 245 | |
| 182 | 246 | pull( |
Built with git-ssb-web