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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
function getHeader (post, mini) {
var getRaw = h('button', {
onclick: function () {
var raw = h('pre', [h('code', [JSON.stringify(post)])])
var removeRaw = h('button', {
onclick: function () {
raw.parentNode.removeChild(raw)
removeRaw.parentNode.replaceChild(getRaw, removeRaw)
}
}, ['hide'])
getRaw.parentNode.replaceChild(removeRaw, getRaw)
head.appendChild(raw)
}
}, ['raw'])
var head = h('span', [
h('p', {classList: 'right'}, [
h('a', {href: '#' + post.key}, [
human(new Date(post.timestamp)),
]),
' ',
getRaw
]),
h('p', [
h('a', {href: '#' + post.author}, [
getName(post.author)
]),
mini
])
])
return head
}
function render (msg, keys, preview) {
var messageDiv = h('div', {id: msg.key})
var message = h('div', {classList: 'message'})
bog().then(log => {
log.reverse().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)}))
if (!preview) {
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
}
|
