Commit f32aaca1352e9cd82c3584608228beda59e2a946
update edit to work with @ev's css
Dominic Tarr committed on 7/24/2016, 2:51:46 AMParent: dfad07a874095b2ba27c2b055153cda877a79ded
Files changed
| modules/avatar-edit.js | changed |
| modules/avatar-edit.js | ||
|---|---|---|
| @@ -14,14 +14,15 @@ | ||
| 14 | 14 … | var confirm = plugs.first(exports.message_confirm = []) |
| 15 | 15 … | var sbot_blobs_add = plugs.first(exports.sbot_blobs_add = []) |
| 16 | 16 … | var blob_url = plugs.first(exports.blob_url = []) |
| 17 | 17 … | var sbot_links = plugs.first(exports.sbot_links = []) |
| 18 … | +var avatar_name = plugs.first(exports.avatar_name = []) | |
| 18 | 19 … | |
| 19 | 20 … | function crop (d, cb) { |
| 20 | 21 … | var data |
| 21 | 22 … | var canvas = hypercrop(h('img', {src: d})) |
| 22 | 23 … | |
| 23 | - return h('div.avatar_pic', | |
| 24 … | + return h('div.row.avatar_pic', | |
| 24 | 25 … | canvas, |
| 25 | 26 … | //canvas.selection, |
| 26 | 27 … | h('div.avatar_pic__controls', |
| 27 | 28 … | h('button', 'okay', {onclick: function () { |
| @@ -38,71 +39,73 @@ | ||
| 38 | 39 … | |
| 39 | 40 … | var img = h('img', {src: blob_url(default_avatar)}) |
| 40 | 41 … | var lb = hyperlightbox() |
| 41 | 42 … | var name_input = h('input', {placeholder: 'rename'}) |
| 42 | - var name = h('h2.avatar__name') | |
| 43 … | + var name = avatar_name(id) | |
| 43 | 44 … | var selected = null |
| 44 | 45 … | |
| 45 | 46 … | getAvatar({links: sbot_links}, self_id, id, function (err, avatar) { |
| 46 | 47 … | if (err) return console.error(err) |
| 47 | 48 … | //don't show user has already selected an avatar. |
| 48 | 49 … | if(selected) return |
| 49 | 50 … | if(ref.isBlob(avatar.image)) |
| 50 | 51 … | img.src = blob_url(avatar.image) |
| 51 | - name.textContent = avatar.name | |
| 52 | 52 … | }) |
| 53 | 53 … | |
| 54 | - | |
| 55 | - return h('div', | |
| 54 … | + return h('div.row.profile', | |
| 56 | 55 … | lb, |
| 57 | - name, | |
| 58 | 56 … | img, |
| 59 | - name_input, | |
| 60 | - hyperfile.asDataURL(function (data) { | |
| 61 | - var el = crop(data, function (err, data) { | |
| 62 | - if(data) { | |
| 63 | - img.src = data | |
| 64 | - selected = dataurl.parse(data) | |
| 65 | - } | |
| 66 | - lb.close() | |
| 67 | - }) | |
| 68 | - lb.show(el) | |
| 69 | - }), | |
| 70 | - h('button', 'update', {onclick: function () { | |
| 71 | - if(name_input.value) | |
| 72 | - name.textContent = name_input.value | |
| 57 … | + h('div.column.profile__info', | |
| 58 … | + h('strong', name), | |
| 59 … | + name_input, | |
| 73 | 60 … | |
| 74 | - if(selected) { | |
| 75 | - pull( | |
| 76 | - pull.once(selected.data), | |
| 77 | - sbot_blobs_add(function (err, hash) { | |
| 78 | - //TODO. Alerts are EVIL. | |
| 79 | - //I use them only in a moment of weakness. | |
| 80 | - if(err) return alert(err.stack) | |
| 81 | - confirm({ | |
| 82 | - type: 'about', | |
| 83 | - about: id, | |
| 84 | - name: name_input.value || undefined, | |
| 85 | - image: { | |
| 86 | - link: hash, | |
| 87 | - size: selected.data.length, | |
| 88 | - type: selected.mimetype, | |
| 89 | - width: 512, | |
| 90 | - height: 512 | |
| 91 | - } | |
| 61 … | + hyperfile.asDataURL(function (data) { | |
| 62 … | + var el = crop(data, function (err, data) { | |
| 63 … | + if(data) { | |
| 64 … | + img.src = data | |
| 65 … | + selected = dataurl.parse(data) | |
| 66 … | + } | |
| 67 … | + lb.close() | |
| 68 … | + }) | |
| 69 … | + lb.show(el) | |
| 70 … | + }), | |
| 71 … | + h('button', 'update', {onclick: function () { | |
| 72 … | + if(name_input.value) | |
| 73 … | + name.textContent = name_input.value | |
| 74 … | + | |
| 75 … | + if(selected) { | |
| 76 … | + pull( | |
| 77 … | + pull.once(selected.data), | |
| 78 … | + sbot_blobs_add(function (err, hash) { | |
| 79 … | + //TODO. Alerts are EVIL. | |
| 80 … | + //I use them only in a moment of weakness. | |
| 81 … | + if(err) return alert(err.stack) | |
| 82 … | + confirm({ | |
| 83 … | + type: 'about', | |
| 84 … | + about: id, | |
| 85 … | + name: name_input.value || undefined, | |
| 86 … | + image: { | |
| 87 … | + link: hash, | |
| 88 … | + size: selected.data.length, | |
| 89 … | + type: selected.mimetype, | |
| 90 … | + width: 512, | |
| 91 … | + height: 512 | |
| 92 … | + } | |
| 93 … | + }) | |
| 92 | 94 … | }) |
| 95 … | + ) | |
| 96 … | + } | |
| 97 … | + else if(input.value) //name only | |
| 98 … | + confirm({ | |
| 99 … | + type: 'about', | |
| 100 … | + about: id, | |
| 101 … | + name: name_input.value || undefined, | |
| 93 | 102 … | }) |
| 94 | - ) | |
| 95 | - } | |
| 96 | - else if(input.value) //name only | |
| 97 | - confirm({ | |
| 98 | - type: 'about', | |
| 99 | - about: id, | |
| 100 | - name: name_input.value || undefined, | |
| 101 | - }) | |
| 102 | - else | |
| 103 | - //another moment of weakness | |
| 104 | - alert('must select a name or image') | |
| 105 | - }}) | |
| 103 … | + else | |
| 104 … | + //another moment of weakness | |
| 105 … | + alert('must select a name or image') | |
| 106 … | + }}) | |
| 107 … | + ) | |
| 106 | 108 … | ) |
| 107 | 109 … | } |
| 108 | 110 … | |
| 111 … | + | |
Built with git-ssb-web