log-contents: Added remove log form.

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

@@ -7,6 +7,7 @@ module.exports = class {
     this.state = {
       log: input.log,
       modal: null,
+      removed: false,
     }
   }
 
@@ -92,6 +93,10 @@ module.exports = class {
     this.state.log = Object.assign({}, this.state.log)    
   }
 
+  logRemoved() {
+    this.state.removed = true
+  }
+
   get title() {
     if (this.state.log.title) {
       return this.state.log.title

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

@@ -4,7 +4,14 @@
     <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>
     </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)
           key=post.id
           on-move("movePost", post)
@@ -18,4 +25,5 @@
 
   <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>