|
|
<logs-content-menu on-hightlights("highlightsChanged") user=input.user log=state.log on-select("open") /><main> <div class="logs-content"> <div class="header"> <h1 class="color-primary">${component.title}</h1> <if-permitted user=input.user permission="log.edit"> <a on-click("open", "log.edit") class="color-menu">Edit</a> </if-permitted> <if-permitted user=input.user permission="log.remove"> <a on-click("open", "log.remove") class="color-menu">Remove</a> </if-permitted> </div> <annotation if(state.removed) level="error"> <p> This log has been removed. Your browser has not refreshed the page yet, so you can still read it (or back it up) before leaving the page. </p> </annotation> <post for(post in state.log.posts | status-var=loop) key=post.id on-move("movePost", post) on-remove("removePost", post) on-edited("postEdited") user=input.user prev=(state.log.posts[loop.getIndex() - 1] || {}) post=post characters=state.log.characters highlights=state.highlights last=(post.position === state.log.posts.length) /> </div>
<add-post-modal enabled=(state.modal === "post.add") logId=state.log.id on-close("close") on-added("postAdded") /> <edit-log-modal enabled=(state.modal === "log.edit") log=state.log on-close("close") on-edited("logEdited") /> <remove-log-modal enabled=(state.modal === "log.remove") logId=state.log.id on-close("close") on-removed("logRemoved") /></main>
|
