You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
2.0 KiB
85 lines
2.0 KiB
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: "",
|
|
commentMode: "Article",
|
|
commentsLocked: false,
|
|
},
|
|
}
|
|
|
|
this.first = false
|
|
}
|
|
|
|
onInput(input) {
|
|
if (input.chapter && !this.first) {
|
|
let {fictionalDate, title, source, commentMode, commentsLocked} = input.chapter
|
|
|
|
if (fictionalDate != null) {
|
|
fictionalDate = moment.utc(fictionalDate).format("MMM D, YYYY")
|
|
} else {
|
|
fictionalDate = ""
|
|
}
|
|
|
|
this.state.values = {fictionalDate, title, source, commentMode, commentsLocked}
|
|
}
|
|
}
|
|
|
|
change(key, ev) {
|
|
this.state.values = Object.assign({}, this.state.values, {[key]: ev.target.value})
|
|
}
|
|
|
|
open() {
|
|
|
|
}
|
|
|
|
close() {
|
|
this.first = false
|
|
this.emit("close")
|
|
}
|
|
|
|
save() {
|
|
const values = this.state.values
|
|
|
|
let fictionalDate = new Date(values.fictionalDate + " UTC")
|
|
if (values.fictionalDate != "") {
|
|
if (Number.isNaN(fictionalDate.getTime())) {
|
|
this.state.error = `Could not parse ${values.fictionalDate} as date.`
|
|
if (values.fictionalDate.includes("th")) {
|
|
this.state.error += " Try to remove the 'th'."
|
|
}
|
|
|
|
return
|
|
}
|
|
} else {
|
|
fictionalDate = null
|
|
}
|
|
|
|
const input = {id: this.input.chapter.id, title: values.title, source: values.source, commentsLocked: values.commentsLocked, commentMode: values.commentMode}
|
|
|
|
if (fictionalDate != null) {
|
|
input.fictionalDate = fictionalDate
|
|
} else {
|
|
input.clearFictionalDate = true
|
|
}
|
|
|
|
chapterApi.editChapter(input).then(data => {
|
|
this.emit("edit", data)
|
|
this.emit("close")
|
|
}).catch(errs => {
|
|
console.warn("Failed to edit:", errs)
|
|
|
|
this.state.error = "Failed to edit: " + errs[0].message
|
|
}).then(() => {
|
|
this.state.loading = false
|
|
})
|
|
}
|
|
}
|