matt/opnform-host-nginx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Nuxt Migration notifications (#265)

Browse Source 
* Nuxt Migration notifications

* @input to @update:model-value

* change field type fixes

* @update:model-value

* Enable form-block-logic-editor

* vue-confetti migration

* PR request changes

* useAlert in setup
This commit is contained in:
formsdev
2023-12-31 17:09:01 +05:30
committed by GitHub
parent b4365b5e30
commit 6fd2985ff5
38 changed files with 586 additions and 1390 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/components/open/forms/fields/FormFieldEdit.vue
View File

@@ -109,7 +109,7 @@ export default {
return this.field && this.field.type.startsWith('nf')
},
typeCanBeChanged () {
return ['text', 'email', 'phone', 'number', 'select', 'multi_select'].includes(this.field.type)
return ['text', 'email', 'phone_number', 'number', 'select', 'multi_select'].includes(this.field.type)
}
},

6
client/components/open/forms/fields/components/BlockOptions.vue
View File

@@ -86,14 +86,16 @@
</div>
<!-- Logic Block -->
<!-- <form-block-logic-editor class="py-2 px-4 border-b" :form="form" :field="field" />-->
<form-block-logic-editor class="py-2 px-4 border-b" :form="form" :field="field" />
</div>
</template>
<script>
import FormBlockLogicEditor from '../../components/form-logic-components/FormBlockLogicEditor.vue'
export default {
name: 'BlockOptions',
components: { },
components: {FormBlockLogicEditor},
props: {
field: {
type: Object,

4
client/components/open/forms/fields/components/ChangeFieldType.vue
View File

@@ -41,11 +41,11 @@ export default {
computed: {
changeTypeOptions () {
let newTypes = []
if (['text', 'email', 'phone', 'number'].includes(this.field.type)) {
if (['text', 'email', 'phone_number', 'number'].includes(this.field.type)) {
newTypes = [
{ name: 'Text Input', value: 'text' },
{ name: 'Email Input', value: 'email' },
{ name: 'Phone Input', value: 'phone' },
{ name: 'Phone Input', value: 'phone_number' },
{ name: 'Number Input', value: 'number' }
]
}

21
client/components/open/forms/fields/components/FieldOptions.vue
View File

@@ -82,7 +82,7 @@
/>
<v-checkbox v-model="field.is_scale" class="mt-4"
:name="field.id+'_is_scale'" @input="initScale"
:name="field.id+'_is_scale'" @update:model-value="initScale"
>
Scale
</v-checkbox>
@@ -337,7 +337,7 @@
{name:'Above input',value:'above_input'},
]"
:form="field" label="Field Help Position"
@input="onFieldHelpPositionChange"
@update:model-value="onFieldHelpPositionChange"
/>
<template v-if="['text','number','url','email'].includes(field.type)">
@@ -382,7 +382,7 @@
</div>
<!-- Logic Block -->
<!-- <form-block-logic-editor class="py-2 px-4 border-b" :form="form" :field="field" />-->
<form-block-logic-editor class="py-2 px-4 border-b" :form="form" :field="field" />
</div>
</template>
@@ -390,10 +390,11 @@
import timezones from '~/data/timezones.json'
import countryCodes from '~/data/country_codes.json'
import CountryFlag from 'vue-country-flag-next'
import FormBlockLogicEditor from '../../components/form-logic-components/FormBlockLogicEditor.vue'
export default {
name: 'FieldOptions',
components: { CountryFlag },
components: { CountryFlag, FormBlockLogicEditor },
props: {
field: {
type: Object,
@@ -533,23 +534,23 @@ export default {
},
initRating () {
if (this.field.is_rating) {
this.$set(this.field, 'is_scale', false)
this.field.is_scale = false
if (!this.field.rating_max_value) {
this.$set(this.field, 'rating_max_value', 5)
this.field.rating_max_value = 5
}
}
},
initScale () {
if (this.field.is_scale) {
this.$set(this.field, 'is_rating', false)
this.field.is_rating = false
if (!this.field.scale_min_value) {
this.$set(this.field, 'scale_min_value', 1)
this.field.scale_min_value = 1
}
if (!this.field.scale_max_value) {
this.$set(this.field, 'scale_max_value', 5)
this.field.scale_max_value = 5
}
if (!this.field.scale_step_value) {
this.$set(this.field, 'scale_step_value', 1)
this.field.scale_step_value = 1
}
}
},