Commit 108d820b09fd85d159865f851eac43f82f21766f
refactor about to display name/ img/ description
mix irving authored on 12/20/2016, 5:28:20 AMMichael Williams committed on 12/23/2016, 7:27:15 AM
Parent: a5445e6bcd23a22f2da4671b84e81eedc42d81a6
Files changed
| modules_basic/about.js | changed |
| package.json | changed |
| h.js | added |
| modules_basic/about.js | |||
|---|---|---|---|
| @@ -1,15 +1,6 @@ | |||
| 1 … | +var h = require('../h') | ||
| 1 | 2 … | ||
| 2 | -var h = require('hyperscript') | ||
| 3 | - | ||
| 4 | -function idLink (id) { | ||
| 5 | - return h('a', {href:'#'+id}, id) | ||
| 6 | -} | ||
| 7 | - | ||
| 8 | -function asLink (ln) { | ||
| 9 | - return 'string' === typeof ln ? ln : ln.link | ||
| 10 | -} | ||
| 11 | - | ||
| 12 | 3 … | //var blob_url = require('../plugs').first(exports.blob_url = []) | |
| 13 | 4 … | ||
| 14 | 5 … | exports.needs = { | |
| 15 | 6 … | blob_url: 'first' | |
| @@ -17,32 +8,46 @@ | |||
| 17 | 8 … | ||
| 18 | 9 … | exports.gives = 'message_content' | |
| 19 | 10 … | ||
| 20 | 11 … | exports.create = function (api) { | |
| 21 | - | ||
| 22 | 12 … | return function (msg) { | |
| 23 | 13 … | if(msg.value.content.type !== 'about') return | |
| 24 | 14 … | ||
| 25 | - if(!msg.value.content.image && !msg.value.content.name) | ||
| 26 | - return | ||
| 27 | - | ||
| 28 | 15 … | var about = msg.value.content | |
| 29 | - var id = msg.value.content.about | ||
| 30 | - return h('p', | ||
| 31 | - about.about === msg.value.author | ||
| 32 | - ? h('span', 'self-identifies ') | ||
| 33 | - : h('span', 'identifies ', idLink(id)), | ||
| 34 | - ' as ', | ||
| 35 | - h('a', {href:"#"+about.about}, | ||
| 36 | - about.name || null, | ||
| 37 | - about.image | ||
| 38 | - ? h('img.avatar--fullsize', {src: api.blob_url(about.image)}) | ||
| 39 | - : null | ||
| 40 | - ) | ||
| 41 | - ) | ||
| 16 … | + var { about: aboutId, name, image, description } = about | ||
| 42 | 17 … | ||
| 18 … | + // if(!image && !name) return | ||
| 19 … | + | ||
| 20 … | + return h('.About', {}, [ | ||
| 21 … | + verb({ aboutId, authorId: msg.value.author }), | ||
| 22 … | + profile({ aboutId, name, image, description }) | ||
| 23 … | + ]) | ||
| 43 | 24 … | } | |
| 25 … | +} | ||
| 44 | 26 … | ||
| 27 … | + | ||
| 28 … | +function verb ({ aboutId, authorId }) { | ||
| 29 … | + return authorId === aboutId | ||
| 30 … | + ? h('span', 'self-identifies as') | ||
| 31 … | + : h('span', ['identifies ', idLink(aboutId), ' as ']) | ||
| 45 | 32 … | } | |
| 46 | 33 … | ||
| 34 … | +function profile ({ aboutId, name, image, description }) { | ||
| 35 … | + return h('div', [ | ||
| 36 … | + name | ||
| 37 … | + ? h('a', {href:'#'+aboutId}, name) | ||
| 38 … | + : null, | ||
| 39 … | + image | ||
| 40 … | + ? h('a', {href:'#'+aboutId}, h('img.avatar--fullsize', {src: api.blob_url(image)})) | ||
| 41 … | + : null, | ||
| 42 … | + description || null | ||
| 43 … | + ]) | ||
| 44 … | +} | ||
| 47 | 45 … | ||
| 46 … | +function idLink (id) { | ||
| 47 … | + return h('a', {href:'#'+id}, id) | ||
| 48 … | +} | ||
| 48 | 49 … | ||
| 50 … | +function asLink (ln) { | ||
| 51 … | + return typeof ln === 'string' ? ln : ln.link | ||
| 52 … | +} | ||
| 53 … | + | ||
| package.json | ||
|---|---|---|
| @@ -7,8 +7,9 @@ | ||
| 7 | 7 … | "type": "git", |
| 8 | 8 … | "url": "git://github.com/dominictarr/patchbay.git" |
| 9 | 9 … | }, |
| 10 | 10 … | "dependencies": { |
| 11 … | + "@mmckegg/mutant": "^3.10.1", | |
| 11 | 12 … | "cont": "^1.0.3", |
| 12 | 13 … | "dataurl-": "^0.1.0", |
| 13 | 14 … | "depject": "^3.0.0", |
| 14 | 15 … | "hjson": "^2.0.3", |
| @@ -22,8 +23,9 @@ | ||
| 22 | 23 … | "hypertabs": "^3.0.0", |
| 23 | 24 … | "is-visible": "^2.0.4", |
| 24 | 25 … | "kvgraph": "^0.1.0", |
| 25 | 26 … | "map-filter-reduce": "^3.0.1", |
| 27 … | + "micro-css": "^0.6.2", | |
| 26 | 28 … | "mime-types": "^2.1.11", |
| 27 | 29 … | "moment": "^2.13.0", |
| 28 | 30 … | "open-external": "^0.1.1", |
| 29 | 31 … | "peaks.js": "^0.4.7", |
Built with git-ssb-web