1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
function getHeader (post, mini) {
var head = h('span', [
h('a', {href: '#' + post.key}, [
h('p', {classList: 'right'}, [human(new Date(post.timestamp))]),
]),
h('p', [
h('a', {href: '#' + post.author}, [
getName(post.author)
]),
mini
])
])
return head
}
function render (msg, keys) {
var messageDiv = h('div', {id: msg.key})
var message = h('div', {classList: 'message'})
bog().then(logger => {
logger.forEach(function (nextPost) {
if (nextPost.reply == msg.key) {
var messageExists = (document.getElementById(nextPost.key) !== null);
if (!messageExists) {
messageDiv.appendChild(h('div', {classList: 'submessage'}, [render(nextPost, keys)]))
}
}
})
})
var renderer = new marked.Renderer();
renderer.link = function(href, title, text) {
if ((href[0] == '@') || (href[0] == '%')) {
href = '#' + href
}
var link = marked.Renderer.prototype.link.call(this, href, title, text);
return link
}
marked.setOptions({
renderer: renderer
})
if (msg.type == 'post') {
message.appendChild(getHeader(msg))
if (msg.reply) {
message.appendChild(h('span', [
're: ',
h('a', {href: '#' + msg.reply}, [msg.reply.substring(0, 10) + '...'])
]))
}
var gotName = getName(msg.author)
message.appendChild(h('div', {innerHTML: marked(msg.text)}))
message.appendChild(h('button', {
onclick: function () {
if (messageDiv.firstChild) {
messageDiv.insertBefore(h('div', {classList: 'submessage'}, [composer(keys, msg, gotName)]), messageDiv.childNodes[1])
} else {
messageDiv.appendChild(h('div', {classList: 'submessage'}, [composer(keys, msg, gotName)]))
}
}
}, ['Reply']))
} else if (msg.type == 'name') {
message.appendChild(getHeader(msg))
message.appendChild(h('span', ['identified ', h('a', {href: '#' + msg.named }, [msg.named.substring(0, 10) + '...']), ' as ' + msg.name]))
}
messageDiv.appendChild(message)
return messageDiv
}
|
