data, logs, logs-content, story, story-content: Added permission check in UI to hide disallowed actions.

marko/page/logs-content/components/logs-content-menu/index.marko

@@ -1,8 +1,9 @@
 <menu user=input.user>
-  <menu-header>Log</menu-header>
-  <menu-link dark key="_create" on-click("select", "post.add", null) icon="+">Add Post</menu-link>
-
-  <menu-gap />
+  <if-permitted user=input.user permission="post.add">
+    <menu-header>Log</menu-header>
+    <menu-link dark key="_create" on-click("select", "post.add", null) icon="+">Add Post</menu-link>
+    <menu-gap />
+  </if-permitted>
   <menu-header>Links</menu-header>
   <menu-link href=("/logs/?channels="+input.log.channel.name) icon="#">${input.log.channel.name}</menu-link>
   <menu-link if(input.log.channel.eventName) href=("/logs/?channels="+input.log.channel.eventName) icon="E">${input.log.channel.eventName}</menu-link>

marko/page/logs-content/components/page/index.marko

@@ -3,8 +3,12 @@
   <div class="logs-content">
     <div class="header">
       <h1 class="color-primary">${component.title}</h1>
-      <a on-click("open", "log.edit") class="color-menu">Edit</a>
-      <a on-click("open", "log.remove") class="color-menu">Remove</a>
+      <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>
@@ -17,6 +21,7 @@
           on-move("movePost", post)
           on-remove("removePost", post)
           on-edited("postEdited")
+          user=input.user
           post=post
           characters=state.log.characters
           last=(post.position === state.log.posts.length)

marko/page/logs-content/components/post/index.marko

@@ -1,10 +1,16 @@
 <div if(!state.removed) class=["post", component.kindClass("post-type")]>
   <div class="post-meta-row">
     <div class="options color-menu">
-      <a on-click("move", -1, true)>Up</a>
-      <a on-click("move", +1, true)>Down</a>
-      <a on-click("open", "edit") >Edit</a>
-      <a on-click("open", "remove")>Remove</a>
+      <if-permitted user=input.user permission="post.move">
+        <a on-click("move", -1, true)>Up</a>
+        <a on-click("move", +1, true)>Down</a>
+      </if-permitted>
+      <if-permitted user=input.user permission="post.edit">
+        <a on-click("open", "edit") >Edit</a>
+      </if-permitted>
+      <if-permitted user=input.user permission="post.remove">
+        <a on-click("open", "remove")>Remove</a>
+      </if-permitted>
     </div>
     <post-meta kind="timestamp" value=input.post.time />
     <post-meta kind="nick" value=input.post.nick />