story-content: Added add chapter

2018-09-20 20:04:02 +02:00
parent 396544e879
commit c40ac40ab5
9 changed files with 175 additions and 9 deletions
@@ -0,0 +1,82 @@
+const moment = require("moment")
+
+const {chapterApi} = require("../../../../../rpdata/api/Chapter")
+
+module.exports = class {
+  onCreate(input) {
+    this.state = {
+      error: null,
+      loading: false,
+      values: {
+        title: "",
+        source: "",
+        fictionalDate: "",
+      },
+    }
+
+    this.first = false
+  }
+
+  onInput(input) {
+    if (input.chapter && !this.first) {
+      let {fictionalDate, title, source} = input.chapter
+
+      if (fictionalDate != null) {
+        fictionalDate = moment.utc(fictionalDate).format("MMM D, YYYY")
+      }
+  
+      this.state.values = {fictionalDate, title, source}
+    }
+  }
+
+  change(key, ev) {
+    this.state.values[key] = ev.target.value
+  }
+
+  open() {
+    
+  }
+
+  close() {
+    this.first = false
+    this.emit("close")
+  }
+
+  save() {
+    const values = this.state.values
+
+    if (values.source.length < 1) {
+      this.state.error = "You cannot post an empty chapter."
+      return
+    }
+    
+    let fictionalDate = new Date(values.fictionalDate + " UTC")
+    if (values.fictionalDate != "") {
+      if (Number.isNaN(fictionalDate)) {
+        this.state.error = `Could not parse ${values.fictionalDate} as date!`
+        return
+      }
+    } else {
+      fictionalDate = null
+    }
+    
+    const input = {storyId: this.input.storyId, title: values.title, source: values.source, fictionalDate}
+
+    chapterApi.addChapter(input).then(chapter => {
+      this.emit("add", chapter)
+      this.emit("close")
+
+      this.state.values = {
+        title: "",
+        source: "",
+        fictionalDate: "",
+      }
+    }).catch(errs => {
+      console.warn("Failed to edit:", errs)
+
+      this.state.error = "Failed to edit: " + errs[0].message
+    }).then(() => {
+      this.state.loading = false
+    })
+  }
+}
@@ -0,0 +1,11 @@
+<modal class="modal color-text nolabel" key="modal" enabled=(input.enabled) closable on-close("close") on-open("open") >
+  <h1>Create Chapter</h1>
+
+  <p key="error" class="color-error">${state.error}</p>
+
+  <input key="title" placeholder="Title (Optional)" class="big" on-change("change", "title") value=state.values.title />
+  <input key="icdate" placeholder="IC Date (Optional)" on-change("change", "fictionalDate") value=state.values.fictionalDate />
+  <textarea key="source" placeholder="Content" class="tall" on-change("change", "source") value=state.values.source />
+
+  <button disabled=state.loading on-click("save")>Save</button>
+</modal>