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.

26 lines
1.2 KiB

  1. <modal class="modal color-text nolabel" key="modal" enabled=(input.enabled) closable on-close("close") on-open("open") >
  2. <h1>Add Comment</h1>
  3. <p key="error" class="color-error">${state.error}</p>
  4. <if(input.chapter.commentMode !== "Chat")>
  5. <label>Subject</label>
  6. <input key="subject" autofocus placeholder="" class="big" on-change("change", "subject") value=state.values.subject />
  7. </if>
  8. <label>Character ${state.characterId}</label>
  9. <select on-change("change", "characterId")>
  10. <option value="" selected=state.values.characterId=="">Anonymous</option>
  11. <option for(character in state.characters) value=character.id selected=(state.values.characterId==character.id)>${character.name}</option>
  12. </select>
  13. <label>Display Name</label>
  14. <input key="characterName" autofocus placeholder=state.placeholder on-change("change", "characterName") value=state.values.characterName />
  15. <label>IC Date</label>
  16. <input key="icdate" placeholder="(Optional)" on-change("change", "fictionalDate") value=state.values.fictionalDate />
  17. <label>Content</label>
  18. <textarea key="source" placeholder="" class="tall" on-change("change", "source") value=state.values.source />
  19. <button disabled=state.loading on-click("save")>Save</button>
  20. </modal>