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

import moment from "moment"

<div class="story-chapter">
  <a class="anchor" id=input.chapter.id />
  <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.remove">
        <a on-click("open", "remove") >Remove</a>
      </if-permitted>
    </div>
    <chapter-meta kind="title" value=input.chapter.title />
    <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 />
  </div>
  <markdown class="chapter-content color-text" source=input.chapter.source />

  <edit-chapter-modal enabled=(state.modal === "edit") chapter=input.chapter on-close("close") on-edit("updateChapter") />
  <remove-chapter-modal enabled=(state.modal === "remove") chapter=input.chapter on-close("close") on-remove("removeChapter") />
</div>