1extends layout
2
3include mixins/pagination
4include mixins/breadcrumb
5include mixins/opengraph
6
7block opengraph
8 +opengraph({content: post.content, title: post.name})
9
10block content
11 +breadcrumb(breadcrumbData)
12 .card
13 .flex.flex-center
14 h2.aubergine.m-v-md #{post.name}
15 span.flex__grow
16 if user
17 a(href=`${currentPath + '/new-reply'}`)
18 span.button.button-primary New reply
19 .flex.flex-center.m-b-sm
20 span
21 span.gray by
22 a(href=`/u/${post.author.username}`).underline--hover
23 if (post.author.avatar)
24 img(src=`${post.author.avatar}` alt=`${post.author.username}'s avatar` class="avatar p-r-xs")
25 |#{post.author.username}
26 |
27 span.gray.font-small on
28 span.font-small #{post.createdAtFormatted}
29 hr
30
31 .m-t-md.m-b-xl
32 .p-sm.user-post!= post.renderedContent
33 if (user && user.id == post.author.id)
34 .flex
35 span.gray.font-small Last edited: #{post.updatedAtFormatted}
36 span.flex__grow
37 a(href=`${currentPath + '/edit'}`).aubergine.underline--hover Edit
38
39 each reply, index in replies
40 .m-t-md.p-sm.background-aubergine
41 .flex.flex-center.border-bottom-sm.p-sm
42 span.dark-gray ##{index + 1 + skip}
43 span.flex__grow
44 span
45 a(href=`/u/${reply.replied_by.username}`).underline--hover
46 if (reply.replied_by.avatar)
47 img(src=`${reply.replied_by.avatar}` alt=`${reply.replied_by.username}'s avatar` class="avatar p-r-xs")
48 |#{reply.replied_by.username}
49 |
50 span.dark-gray.font-small on
51 span.font-small #{reply.createdAtFormatted}
52 .p-sm.ws-prewrap.user-content #{reply.content}
53
54 .m-t-md
55 +pagination(page, pages, count, 'replies')