Tissevert/hablo
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add clickable image to comments and support for emojis

Browse source
This commit is contained in:
Tissevert 2019-03-03 12:16:08 +01:00
parent 2c6be28d76
commit 7138680c91
1 changed files with 22 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
share/js/metadata.js
View file

@ -53,16 +53,36 @@ function Metadata(modules) {
])];
}
function getContent(descendant) {
return descendant.content.replace(/:([^: ]+):/g, function(pattern, shortcode) {
var emoji = descendant.emojis.find(function(e) {return e.shortcode == shortcode;});
if(emoji) {
return [
'<img title=', shortcode, ' alt=', shortcode, ' src=', emoji.url, ' class="emoji"/>'
].join('"');
} else {
return pattern;
}
});
}
function render(comments) {
return comments.descendants.map(function(descendant) {
return modules.dom.make('li', {}, [
modules.dom.make('a', {href: descendant.account.url}, [
modules.dom.make('img', {
src: descendant.account.avatar,
alt: descendant.account.username + "'s profile picture"
})
]),
modules.dom.make('div', {
class: "metadata",
innerHTML: modules.template.render('metadata', {
author: author(descendant.account.url, descendant.account.username),
date: date(descendant.created_at)
})
}),
modules.dom.make('div', {innerHTML: descendant.content})
modules.dom.make('div', {innerHTML: getContent(descendant)})
]);
});
}
@ -103,6 +123,7 @@ function Metadata(modules) {
function get(key) {
return modules.dom.make('div', {
class: "metadata",
innerHTML: modules.template.render('metadata', {
author: author(key),
date: date(key),