You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
2.2 KiB
37 lines
2.2 KiB
<div class="story-chapter">
|
|
<a class="anchor" id=input.chapter.id />
|
|
<h1 if(input.chapter.title && !input.hideTitle) class="title color-primary">${input.chapter.title}</h1>
|
|
<div class="metadata">
|
|
<div class="options color-menu">
|
|
<if-permitted user=input.user author=input.chapter.author permission="chapter.edit">
|
|
<a on-click("open", "edit") >Edit</a>
|
|
</if-permitted>
|
|
<if-permitted user=input.user author=input.chapter.author permission="chapter.move">
|
|
<a on-click("open", "move") >Move</a>
|
|
</if-permitted>
|
|
<if-permitted user=input.user author=input.chapter.author permission="chapter.remove">
|
|
<a on-click("open", "remove") >Remove</a>
|
|
</if-permitted>
|
|
</div>
|
|
<chapter-meta kind="date" utc=true value=input.chapter.fictionalDate />
|
|
<chapter-meta weak kind="date" value=input.chapter.createdDate />
|
|
<chapter-meta weak kind="author" value=input.chapter.author />
|
|
<chapter-meta weak kind="message" value=input.chapter.commentMode />
|
|
</div>
|
|
<markdown class="chapter-content color-text" source=input.chapter.source />
|
|
<div class=["comment-section", "type-" + (input.chapter.commentMode.toLowerCase() || "disabled")]>
|
|
<comment for(comment in input.chapter.comments) key=comment.id
|
|
comment=comment
|
|
locked=input.chapter.commentsLocked
|
|
mode=input.chapter.commentMode
|
|
user=input.user
|
|
/>
|
|
<if-permitted if(input.chapter.canComment) user=input.user author=input.chapter.author permission="chapter.edit">
|
|
<div class="add-comment color-menu" on-click("open", "addComment") >Add ${state.commentLabels[input.chapter.commentMode] || "Comment"}</div>
|
|
</if-permitted>
|
|
</div>
|
|
<edit-chapter-modal enabled=(state.modal === "edit") chapter=input.chapter on-close("close") on-edit("updateChapter") />
|
|
<create-comment-modal enabled=(state.modal === "addComment") chapter=input.chapter user=input.user on-close("close") on-add("addComment") />
|
|
<move-chapter-modal enabled=(state.modal === "move") chapter=input.chapter user=input.user on-close("close") on-move("moveChapter") />
|
|
<remove-chapter-modal enabled=(state.modal === "remove") chapter=input.chapter on-close("close") on-remove("removeChapter") />
|
|
</div>
|