diff --git a/app/javascript/template_builder/area.vue b/app/javascript/template_builder/area.vue index 61b1a200..f2390a73 100644 --- a/app/javascript/template_builder/area.vue +++ b/app/javascript/template_builder/area.vue @@ -70,7 +70,7 @@ @keydown.enter.prevent="onNameEnter" @focus="onNameFocus" @blur="onNameBlur" - >{{ optionIndexText }} {{ (defaultField ? (field.title || field.name) : field.name) || defaultName }} + >{{ optionIndexText }} {{ (defaultField ? (defaultField.title || field.title || field.name) : field.name) || defaultName }}
15 }, + defaultFieldsIndex () { + return this.defaultFields.reduce((acc, field) => { + acc[field.name] = field + + return acc + }, {}) + }, fieldIconsSorted () { if (this.fieldTypes.length) { return this.fieldTypes.reduce((acc, type) => { diff --git a/app/javascript/template_builder/page.vue b/app/javascript/template_builder/page.vue index bd5e22f9..bd9f20dc 100644 --- a/app/javascript/template_builder/page.vue +++ b/app/javascript/template_builder/page.vue @@ -25,7 +25,7 @@ :field="item.field" :editable="editable" :with-field-placeholder="withFieldPlaceholder" - :default-field="defaultFields.find((f) => f.name === item.field.name)" + :default-field="defaultFieldsIndex[item.field.name]" :default-submitters="defaultSubmitters" :max-page="totalPages - 1" @start-resize="resizeDirection = $event" @@ -142,6 +142,13 @@ export default { } }, computed: { + defaultFieldsIndex () { + return this.defaultFields.reduce((acc, field) => { + acc[field.name] = field + + return acc + }, {}) + }, defaultFieldType () { if (this.drawFieldType) { return this.drawFieldType