logs-content: Added edit log form.

marko/page/logs-content/components/page/component.js

@@ -17,7 +17,7 @@ module.exports = class {
   close() {
     this.state.modal = null
   }
-  
+
   /**
    * Patch the posts
    * 
@@ -83,6 +83,10 @@ module.exports = class {
     this.patch([patch])
   }
 
+  logEdited(patch) {
+    this.state.log = Object.assign(Object.assign({}, this.state.log), patch)
+  }
+
   postAdded(post) {
     this.state.log.posts = this.state.log.posts.concat([post])
     this.state.log = Object.assign({}, this.state.log)    

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

@@ -1,7 +1,10 @@
 <logs-content-menu user=input.user log=state.log on-select("open") />
 <main>
   <div class="logs-content">
-    <h1 class="color-primary">${component.title}</h1>
+    <div class="header">
+      <h1 class="color-primary">${component.title}</h1>
+      <a on-click("open", "log.edit") class="color-menu">Edit</a>
+    </div>
     <post for(post in state.log.posts)
           key=post.id
           on-move("movePost", post)
@@ -13,5 +16,6 @@
     />
   </div>
 
-  <add-post-modal enabled=(state.modal === "add") logId=state.log.id on-close("close") on-added("postAdded") />
+  <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") />
 </main>

marko/page/logs-content/components/page/style.less

@@ -3,8 +3,27 @@ div.logs-content {
   max-width: 75ch;
   margin: auto;
 
-  h1 {
-    font-weight: 200;
+  div.header {
     text-align: center;
+    vertical-align: middle;
+    margin-bottom: 1em;
+
+    h1 {
+      display: block;
+      font-weight: 200;
+      text-align: center;
+      margin-bottom: 0;
+    }
+
+    a {
+      vertical-align: middle;
+      display: inline-block;
+      padding: 0.5em 0.5ch 0.5em 0.5ch;
+      opacity: 0.5;
+    }
+    a:hover {
+      cursor: pointer;
+      opacity: 1;
+    }
   }
 }