frontend/marko/page/story-content/components/edit-comment-modal/index.marko

<modal class="modal color-text nolabel" key="modal" enabled=(input.enabled) closable on-close("close") >
  <h1>Edit Comment</h1>

  <p key="error" class="color-error">${state.error}</p>

  <if(input.chapter.commentMode !== "Chat")>
    <label>Subject</label>
    <input key="subject" autofocus placeholder="" class="big" on-change("change", "subject") value=state.values.subject />
  </if>

  <label>Character ${state.characterId}</label>
  <select on-change("change", "characterId")>
    <option value="" selected=state.values.characterId=="">Anonymous</option>
    <option for(character in state.characters) value=character.id selected=(state.values.characterId==character.id)>${character.name}</option>
  </select>

  <label>Display Name</label>
  <input key="characterName" autofocus placeholder=state.placeholder on-change("change", "characterName") value=state.values.characterName />

  <label>IC Date</label>
  <input key="icdate" placeholder="(Optional)" on-change("change", "fictionalDate") value=state.values.fictionalDate />

  <label>Content</label>
  <textarea key="source" placeholder="" class="tall" on-change("change", "source") value=state.values.source />

  <button disabled=state.loading on-click("save")>Save</button>
</modal>