Commit 265c3f6951545f5768f03154d5c6890be9aa8771
display about messages
Matt McKegg committed on 2/17/2017, 12:43:16 PMParent: 7aa2225778216a166b0fbc9e191bffe8f218c242
Files changed
| plugs/message/html/render/about.js | added |
| styles/about-image.mcss | added |
| plugs/message/html/render/about.js | |||
|---|---|---|---|
| @@ -1,0 +1,61 @@ | |||
| 1 … | +var h = require('mutant/h') | ||
| 2 … | +var computed = require('mutant/computed') | ||
| 3 … | +var nest = require('depnest') | ||
| 4 … | +var extend = require('xtend') | ||
| 5 … | + | ||
| 6 … | +exports.needs = nest({ | ||
| 7 … | + 'message.html': { | ||
| 8 … | + decorate: 'reduce', | ||
| 9 … | + layout: 'first' | ||
| 10 … | + }, | ||
| 11 … | + 'keys.sync.id': 'first', | ||
| 12 … | + 'about.html.link': 'first', | ||
| 13 … | + 'about.obs.name': 'first', | ||
| 14 … | + 'blob.sync.url': 'first' | ||
| 15 … | + | ||
| 16 … | +}) | ||
| 17 … | + | ||
| 18 … | +exports.gives = nest('message.html.render') | ||
| 19 … | + | ||
| 20 … | +exports.create = function (api) { | ||
| 21 … | + return nest('message.html.render', function about (msg, opts) { | ||
| 22 … | + if (msg.value.content.type !== 'about') return | ||
| 23 … | + if (!msg.value.content.about) return | ||
| 24 … | + | ||
| 25 … | + var c = msg.value.content | ||
| 26 … | + var self = msg.value.author === c.about | ||
| 27 … | + var content = [] | ||
| 28 … | + | ||
| 29 … | + if (c.name) { | ||
| 30 … | + var target = api.about.html.link(c.about, `@${c.name}`) | ||
| 31 … | + content.push(computed([self, api.about.obs.name(c.about), c.name], (self, a, b) => { | ||
| 32 … | + if (self) { | ||
| 33 … | + return ['self identifies as ', target] | ||
| 34 … | + } else if (a === b) { | ||
| 35 … | + return ['identified ', api.about.html.link(c.about)] | ||
| 36 … | + } else { | ||
| 37 … | + return ['identifies ', api.about.html.link(c.about), ' as ', target] | ||
| 38 … | + } | ||
| 39 … | + })) | ||
| 40 … | + } | ||
| 41 … | + | ||
| 42 … | + if (c.image) { | ||
| 43 … | + if (!content.length) { | ||
| 44 … | + var imageAction = self ? 'self assigned a display image' : ['assigned a display image to ', api.about.html.link(c.about)] | ||
| 45 … | + content.push(imageAction) | ||
| 46 … | + } | ||
| 47 … | + | ||
| 48 … | + content.push(h('a AboutImage', { | ||
| 49 … | + href: c.about | ||
| 50 … | + }, [ | ||
| 51 … | + h('img', {src: api.blob.sync.url(c.image)}) | ||
| 52 … | + ])) | ||
| 53 … | + } | ||
| 54 … | + | ||
| 55 … | + var element = api.message.html.layout(msg, extend({ | ||
| 56 … | + content, layout: 'mini' | ||
| 57 … | + }, opts)) | ||
| 58 … | + | ||
| 59 … | + return api.message.html.decorate(element, { msg }) | ||
| 60 … | + }) | ||
| 61 … | +} | ||
Built with git-ssb-web