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.
139 lines
3.7 KiB
139 lines
3.7 KiB
const moment = require("moment")
|
|
|
|
const {commentApi} = require("../../../../../rpdata/api/Comment")
|
|
const {charactersApi} = require("../../../../../rpdata/api/Character")
|
|
|
|
module.exports = class {
|
|
onCreate(input) {
|
|
this.state = {
|
|
error: null,
|
|
loading: false,
|
|
values: {
|
|
subject: "",
|
|
source: "",
|
|
characterName: "",
|
|
characterId: "",
|
|
fictionalDate: "",
|
|
},
|
|
characters: [],
|
|
opened: false,
|
|
placeholder: "(Required)",
|
|
}
|
|
}
|
|
|
|
onInput(input) {
|
|
if (input.comment) {
|
|
charactersApi.list({author: (input.user||{}).name}).then((characters) => {
|
|
this.state.characters = characters.sort((a,b) => a.name.localeCompare(b.name))
|
|
})
|
|
|
|
const comment = input.comment
|
|
|
|
let fictionalDate = new Date(comment.fictionalDate)
|
|
if (comment.fictionalDate && !Number.isNaN(fictionalDate.getTime()) && fictionalDate.getTime() !== 0) {
|
|
fictionalDate = moment.utc(fictionalDate).format("MMM D, YYYY")
|
|
} else {
|
|
fictionalDate = ""
|
|
}
|
|
|
|
this.state.values = {
|
|
subject: comment.subject,
|
|
characterId: comment.characterId,
|
|
characterName: comment.characterName,
|
|
fictionalDate: fictionalDate,
|
|
source: comment.source,
|
|
}
|
|
}
|
|
}
|
|
|
|
change(key, ev) {
|
|
this.state.values = Object.assign({}, this.state.values, {[key]: ev.target.value})
|
|
|
|
if (key === "characterId") {
|
|
if (ev.target.value !== "") {
|
|
const character = this.state.characters.find(c => c.id === this.state.values.characterId)
|
|
if (character != null) {
|
|
this.state.placeholder = character.name
|
|
} else {
|
|
this.state.placeholder = "(Required)"
|
|
}
|
|
} else {
|
|
this.state.placeholder = "(Required)"
|
|
}
|
|
}
|
|
}
|
|
|
|
close() {
|
|
this.emit("close")
|
|
}
|
|
|
|
save() {
|
|
const values = Object.assign({}, this.state.values)
|
|
let clearFictionalDate = false
|
|
|
|
if (values.source.length == 0) {
|
|
this.state.error = "The comment body is empty."
|
|
console.warn(values)
|
|
return
|
|
}
|
|
|
|
if (this.input.chapter.commentMode !== "Chat" && values.subject.trim().length == 0) {
|
|
this.state.error = "The subject is empty."
|
|
return
|
|
}
|
|
|
|
if (values.characterName.trim().length < 1) {
|
|
const character = this.state.characters.find(c => c.id === this.state.values.characterId)
|
|
if (character == null) {
|
|
this.state.error = "You need to give a display name for an anonymous character."
|
|
return
|
|
}
|
|
|
|
values.characterName = character.name
|
|
}
|
|
|
|
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
|
|
clearFictionalDate = true
|
|
}
|
|
|
|
const input = {
|
|
commentId: this.input.comment.id,
|
|
subject: values.subject,
|
|
source: values.source,
|
|
characterName: values.characterName,
|
|
characterId: values.characterId,
|
|
fictionalDate: fictionalDate,
|
|
clearFictionalDate: clearFictionalDate,
|
|
}
|
|
|
|
if (input.characterId == "") {
|
|
input.characterId = null
|
|
}
|
|
|
|
commentApi.editComment(input).then(comment => {
|
|
this.emit("edit", comment)
|
|
this.close()
|
|
|
|
this.state.values = {
|
|
subject: "",
|
|
source: "",
|
|
characterName: "",
|
|
characterId: "",
|
|
fictionalDate: "",
|
|
}
|
|
}).catch(errs => {
|
|
console.warn("Failed to add comemnt:", errs)
|
|
|
|
this.state.error = "Failed to add comemnt: " + (errs[0]||errs||{}).message || errs
|
|
}).then(() => {
|
|
this.state.loading = false
|
|
})
|
|
}
|
|
}
|