frontend/marko/page/story-content/components/chapter/index.marko

<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
      on-open("onOpenComment", comment)
    />
    <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") />
  <edit-comment-modal enabled=(state.modal === "editComment") chapter=input.chapter comment=state.selectedComment user=input.user on-close("close") on-edit("editComment") />
  <remove-comment-modal enabled=(state.modal === "removeComment") comment=state.selectedComment user=input.user on-close("close") on-remove("removeComment", state.selectedComment) />
  <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>