fluentd-ui/app/javascript/packs/parser_multiline_form.js

'use strict'
const ParserMultilineForm = {
  template: "#vue-parser-multiline-form",
  props: [
    "pluginType"
  ],

  data: function() {
    return {
      formatFirstline: "",
      formats: ""
    }
  },

  watch: {
    "formatFirstLine": function(newValue, oldValue) {
      console.log(`watch formatFirstLine: ${newValue}`)
      this.$emit("change-formats", {
        "format_firstline": this.formatFirstline,
        "formats": this.formats
      })
    },
    "formats": function(newValue, oldValue) {
      console.log(`watch formats: ${newValue}`)
      this.$emit("change-formats", {
        "format_firstline": this.formatFirstline,
        "formats": this.formats
      })
    }
  },

  methods: {
    textareaId: function(pluginType) {
      return `setting_${pluginType}_0__formats`
    },
    textareaName: function(pluginType) {
      return `setting[${pluginType}[0]][formats]`
    }
  }
}

export { ParserMultilineForm as default }