story-content: Added tag add/remove modal

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

@@ -48,8 +48,6 @@ module.exports = class {
   }
 
   menuSelect(kind, id) {
-    console.log(kind, id)
-
     switch (kind) {
       case "add":
         this.open("chapter.add")
@@ -57,6 +55,11 @@ module.exports = class {
     }
   }
 
+  updateStoryTags(tags) {
+    this.state.story.tags = tags
+    this.refreshStory()
+  }
+
   refreshStory() {
     this.state.story = Object.assign({}, this.state.story)
   }

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

@@ -2,10 +2,10 @@
 <main>
   <div class="story-content">
     <h1 class="color-primary">${state.story.name}</h1>
-    <story-tags tags=state.story.tags />
+    <story-tags tags=state.story.tags on-select("open", "story.tags")/>
     <chapter for(chapter in state.story.chapters) key=chapter.id chapter=chapter on-edit("updateChapter", chapter.id) on-remove("removeChapter", chapter.id)/>
   </div>
 
   <create-chapter-modal storyId=state.story.id enabled=(state.modal === "chapter.add") chapter=input.chapter on-close("close") on-add("addChapter") />
-  
+  <edit-story-tags-modal enabled=(state.modal === "story.tags") story=state.story on-tags("updateStoryTags") on-close("close") />
 </main>