2017-03-15 07:07:33 +13:00
|
|
|
module.exports = {
|
2018-02-01 12:40:49 +01:00
|
|
|
name: 'image',
|
2017-03-15 07:07:33 +13:00
|
|
|
type: 'dom',
|
2018-03-15 09:50:25 +00:00
|
|
|
render(opts) {
|
|
|
|
let payload = opts.payload;
|
|
|
|
let dom = opts.env.dom;
|
2018-03-14 18:21:30 +00:00
|
|
|
let figure = dom.createElement('figure');
|
|
|
|
|
|
|
|
let img = dom.createElement('img');
|
2017-03-24 23:03:33 +13:00
|
|
|
img.className = 'kg-card-image';
|
2018-03-14 18:21:30 +00:00
|
|
|
img.setAttribute('src', payload.src);
|
|
|
|
figure.appendChild(img);
|
|
|
|
|
|
|
|
if (payload.caption) {
|
|
|
|
let figcaption = dom.createElement('figcaption');
|
|
|
|
figcaption.appendChild(dom.createTextNode(payload.caption));
|
|
|
|
figure.appendChild(figcaption);
|
|
|
|
}
|
|
|
|
|
|
|
|
return figure;
|
2017-03-15 07:07:33 +13:00
|
|
|
}
|
|
|
|
};
|