frontend/marko/page/logs/components/add-log-modal/component.js

const moment = require("moment")

const {logsApi} = require("../../../../../rpdata/api/Log")

module.exports = class {
  onCreate(input) {
    this.state = {
      error: null,
      loading: false,
      values: {
        date: "",
        channel: "",
        title: "",
        event: "",
        description: "",
        open: false,
      },
    }

    this.first = false
  }

  change(key, ev) {
    this.state.values[key] = ev.target.value
    this.state.values = Object.assign({}, this.state.values)
  }

  open() {
    this.state.loading = false
  }

  close() {
    this.first = false
    this.emit("close")
  }

  save() {
    if (this.state.loading) {
      return
    }

    const input = Object.assign({}, this.state.values)
    if (input.date == "") {
      this.state.error = "You need to specify a date (Did you mean "+moment().format("YYYY-MM-DD HH:mm:ss")+"?)"
      return
    }

    input.date = new Date(input.date)
    if (Number.isNaN(input.date)) {
      this.state.error = "Invalid date"
      return
    }

    // They're not the same space!
    if (input.channel.length < 2 || input.channel.includes(" ") || input.channel.includes(" ") || input.channel.charAt(0) !== "#") {
      this.state.error = "Invalid channel name"
      return
    }

    this.state.loading = true
    logsApi.add(input).then(log => {
      window.location = `/logs/${log.id}/`
    }).catch(errs => {
      console.warn("Failed to add:", errs)

      this.state.error = "Failed to add: " + errs[0].message
    }).then(() => {
      this.state.loading = false
    })
  }
}