1extends layout
2
3include mixins/breadcrumb
4
5block content
6 +breadcrumb(breadcrumbData)
7 .card
8 .flex.flex-center
9 h2.aubergine.m-v-md #{title}
10
11 span.flex__grow
12 h3
13 small.gray in
14 | #{post.board.name}
15 hr
16
17 if locals.flashes
18 - const categories = Object.keys(locals.flashes)
19 each category in categories
20 each message in flashes[category]
21 .staticFlash(class=`staticFlash--${category}`).center.m-v-lg.p-h-md.p-v-sm
22 | #{message}
23
24 .m-t-md
25 form(action=`${'/p/' + post.id + '/new-reply'}` method='post' autocomplete='off')
26 .m-v-sm
27 textarea(
28 name='content'
29 required='' minlength='8' rows="15"
30 autofocus='' placeholder='Write away!'
31 value=`${(body && body.content) ? body.content : ''}`
32 ).input-border.p-sm.full-width.border-box.textarea-v.m-v-md
33 .m-v-md
34 input(type='submit' value='Submit').button.button-primary
35 a(href='javascript:history.back()').m-l-sm
36 input(type='button' value='Cancel').button.button-gray-inverted
37
38 hr
39 .m-t-sm
40 .m-t-md.p-l-sm
41 span.gray.bold In reply to:
42
43 .p-sm
44 h3.aubergine #{post.name}
45 p.no-margin
46 small.gray by
47 if (post.author.avatar)
48 img(src=`${post.author.avatar}` alt=`${post.author.username}'s avatar` class="avatar p-r-xs")
49 a(href=`/u/${post.author.username}`).underline--hover
50 span #{post.author.username}
51 small.gray on
52 span.font-small #{post.createdAtFormatted}
53
54 .p-sm.user-post!= post.renderedContent
55