| plugs/message/html/layout/mini.jsView |
|---|
| 1 | | -const h = require('mutant/h') |
| 1 | +const {h, computed} = require('mutant') |
| 2 | 2 | const nest = require('depnest') |
| 3 | +var ref = require('ssb-ref') |
| 3 | 4 | |
| 4 | 5 | exports.needs = nest({ |
| 5 | 6 | 'message.html': { |
| 7 | + action: 'map', |
| 6 | 8 | backlinks: 'first', |
| 7 | 9 | author: 'first', |
| 8 | 10 | meta: 'map', |
| 9 | 11 | timestamp: 'first' |
| 16 | 18 | exports.create = (api) => { |
| 17 | 19 | return nest('message.html.layout', mini) |
| 18 | 20 | |
| 19 | 21 | function mini (msg, opts) { |
| 22 | + if (opts.layout !== 'mini') return |
| 23 | + |
| 20 | 24 | var classList = [] |
| 21 | 25 | var additionalMeta = [] |
| 26 | + var footer = [] |
| 27 | + |
| 28 | + if (opts.showActions) { |
| 29 | + |
| 30 | + footer.push( |
| 31 | + computed(msg.key, (key) => { |
| 32 | + if (ref.isMsg(key)) { |
| 33 | + return h('footer', [ |
| 34 | + h('div.actions', [ |
| 35 | + api.message.html.action(msg) |
| 36 | + ]) |
| 37 | + ]) |
| 38 | + } |
| 39 | + }) |
| 40 | + ) |
| 41 | + } |
| 42 | + |
| 22 | 43 | if (opts.priority >= 2) { |
| 23 | 44 | classList.push('-new') |
| 24 | 45 | additionalMeta.push(h('span.flag -new', {title: 'New Message'})) |
| 25 | 46 | } |
| 26 | | - if (opts.layout !== 'mini') return |
| 27 | 47 | return h('Message -mini', {classList}, [ |
| 28 | 48 | h('header', [ |
| 29 | 49 | h('div.mini', [ |
| 30 | 50 | api.profile.html.person(msg.value.author), ' ', |
| 31 | 51 | opts.content |
| 32 | 52 | ]), |
| 33 | 53 | h('div.meta', {}, [ |
| 54 | + api.message.html.meta(msg), |
| 34 | 55 | api.message.html.timestamp(msg), |
| 35 | 56 | additionalMeta |
| 36 | 57 | ]) |
| 37 | | - ]) |
| 58 | + ]), |
| 59 | + footer |
| 38 | 60 | ]) |
| 39 | 61 | } |
| 40 | 62 | } |