Contents

/* global _ */
"use strict";
import "lodash/lodash";

const GrepPattern = {
  template: "#vue-grep-pattern",
  props: [
    "containerType", // and/or
    "grepType", // regexp/exclude
    "index",  // the index of and/or
    "subIndex", // the index of regexp/exclude
  ],
  data: function() {
    return {
      key: null,
      pattern: null,
    }
  },

  filters: {
    humanize: function(value) {
      return _.capitalize(value.replace(/_/g, " "));
    }
  },

  methods: {
    add: function(event) {
      this.$emit("add-grep-pattern", this.grepType, this.subIndex);
    },
    remove: function(event) {
      this.$emit("remove-grep-pattern", this.grepType, this.subIndex);
    },
    inputId: function(name, index, subIndex) {
      return `setting_${this.containerType}_${index}_${this.grepType}_${subIndex}__${name}`;
    },

    inputName: function(name, index, subIndex) {
      return `setting[${this.containerType}[${index}]][${this.grepType}[${subIndex}]][${name}]`;
    }
  }
};

export { GrepPattern as default };

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
fluentd-ui-1.1.0	app/javascript/packs/grep_pattern.js