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.3 KiB

  1. <div if(!state.removed) class=["post", component.kindClass("post-type")]>
  2. <div class="post-meta-row">
  3. <div class="options color-menu">
  4. <a on-click("move", -1, true)>Up</a>
  5. <a on-click("move", +1, true)>Down</a>
  6. <a on-click("open", "edit") >Edit</a>
  7. <a on-click("open", "remove")>Remove</a>
  8. </div>
  9. <post-meta kind="timestamp" value=input.post.time />
  10. <post-meta kind="nick" value=input.post.nick />
  11. </div>
  12. <div if(input.post.kind.startsWith("annotation.")) class="post-body" >
  13. <annotation level=(input.post.kind.substring(11))>
  14. <markdown class="post-content" source=state.text />
  15. </annotation>
  16. </div>
  17. <div if(input.post.kind === "scene") class="post-body color-text">
  18. <markdown class="post-content post-scene" source=state.text />
  19. </div>
  20. <div if(input.post.kind === "action") class="post-body color-text">
  21. <markdown class="post-content post-action" source=(state.shortName + state.nameSuffix + " " + state.text) />
  22. </div>
  23. <div if(input.post.kind === "text") class="post-body color-text">
  24. <markdown class="post-content post-text" source=state.text />
  25. </div>
  26. <remove-post-modal enabled=(state.modal === "remove") post=input.post on-close("close") on-remove("remove") />
  27. <edit-post-modal enabled=(state.modal === "edit") post=input.post on-close("close") on-edited("edited") />
  28. </div>