The frontend/UI server, written in JS using the MarkoJS library
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.

27 lines
1.5 KiB

  1. <modal class="modal color-text nolabel" key="modal" enabled=(input.enabled) closable on-close("close") on-open("open") >
  2. <h1>Edit Chapter</h1>
  3. <p key="error" class="color-error">${state.error}</p>
  4. <label>Title</label>
  5. <input key="title" autofocus placeholder="Title" class="big" on-change("change", "title") value=state.values.title />
  6. <label>IC Date</label>
  7. <input key="icdate" placeholder="IC Date" on-change("change", "fictionalDate") value=state.values.fictionalDate />
  8. <label>Content</label>
  9. <textarea key="source" placeholder="Content" class="tall" on-change("change", "source") value=state.values.source />
  10. <label>Comments</label>
  11. <select key="kind" class="big" placeholder="Kind" on-change("change", "commentMode") value=state.values.commentMode>
  12. <option value="Disabled" selected=(state.values.commentMode === "Disabled")>Disabled – Hide all comments</option>
  13. <option value="Article" selected=(state.values.commentMode === "Article")>Article – Looks like story chapters</option>
  14. <option value="Chat" selected=(state.values.commentMode === "Chat")>Chat – One-line chat messages</option>
  15. <option value="Message" selected=(state.values.commentMode === "Message")>Message – Extranet Mail</option>
  16. </select>
  17. <toggle value=state.values.commentsLocked on="Locked" off="Unlocked"
  18. onDesc="Logged-in users can post comments."
  19. offDesc="Nobody can post comments to this chapter."
  20. on-change("change", "commentsLocked") />
  21. <button disabled=state.loading on-click("save")>Save</button>
  22. </modal>