Sha256: ee9543d0f95267c1e00a5422abb785c25cb1f1393828349b6417966ba950252e

Contents?: true

Size: 784 Bytes

Versions: 4

Compression:

Stored size: 784 Bytes

Contents

<template>
  <div>
    <dynamic-input
      v-for="(setting, index) in settings"
      :key="[parentKey, setting.id].join()"
      :class="{ 'mt-4': index !== 0 }"
      :setting="setting"
      :content="content"
      :isFocused="focusedSetting === setting.id"
      @blur="$emit('blur')"
      @change="onChange"
    />
  </div>
</template>

<script>
import DynamicInput from './dynamic-input'

export default {
  name: 'DynamicForm',
  components: { DynamicInput },
  props: {
    parentKey: { type: String, default: '' },
    settings: { type: Array, default: () => [] },
    content: { type: Array, default: () => [] },
    focusedSetting: { type: String, default: undefined },
  },
  methods: {
    onChange(change) {
      this.$emit('change', change)
    },
  },
}
</script>

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
maglevcms-1.0.0 app/javascript/editor/components/dynamic-form/index.vue
maglevcms-1.0.0.rc3 app/javascript/editor/components/dynamic-form/index.vue
maglevcms-1.0.0.rc2 app/javascript/editor/components/dynamic-form/index.vue
maglevcms-1.0.0.rc1 app/javascript/editor/components/dynamic-form/index.vue