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

Fix composable issue

Browse Source
This commit is contained in:
Julien Nahum
2024-01-11 17:16:50 +01:00
parent 5a3978874a
commit aa0b9ae02c
6 changed files with 117 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
client/pages/forms/[slug]/show/share.vue
View File

@@ -2,25 +2,25 @@
<div class="mb-20">
<div class="mb-6 pb-6 border-b w-full flex flex-col sm:flex-row gap-2">
<regenerate-form-link class="sm:w-1/2 flex" :form="form" />
<regenerate-form-link class="sm:w-1/2 flex" :form="form"/>
<url-form-prefill class="sm:w-1/2" :form="form" :extra-query-param="shareUrlForQueryParams" />
<url-form-prefill class="sm:w-1/2" :form="form" :extra-query-param="shareUrlForQueryParams"/>
<embed-form-as-popup-modal class="sm:w-1/2 flex" :form="form" />
<embed-form-as-popup-modal class="sm:w-1/2 flex" :form="form"/>
</div>
<share-link class="mt-4" :form="form" :extra-query-param="shareUrlForQueryParams" />
<share-link class="mt-4" :form="form" :extra-query-param="shareUrlForQueryParams"/>
<embed-code class="mt-6" :form="form" :extra-query-param="shareUrlForQueryParams" />
<embed-code class="mt-6" :form="form" :extra-query-param="shareUrlForQueryParams"/>
<form-qr-code class="mt-6" :form="form" :extra-query-param="shareUrlForQueryParams" />
<form-qr-code class="mt-6" :form="form" :extra-query-param="shareUrlForQueryParams"/>
<advanced-form-url-settings :form="form" v-model="shareFormConfig" />
<advanced-form-url-settings :form="form" v-model="shareFormConfig"/>
</div>
</template>
<script>
<script setup>
import ShareLink from '../../../../components/pages/forms/show/ShareLink.vue'
import EmbedCode from '../../../../components/pages/forms/show/EmbedCode.vue'
import FormQrCode from '../../../../components/pages/forms/show/FormQrCode.vue'
@@ -29,47 +29,28 @@ import RegenerateFormLink from '../../../../components/pages/forms/show/Regenera
import AdvancedFormUrlSettings from '../../../../components/open/forms/components/AdvancedFormUrlSettings.vue'
import EmbedFormAsPopupModal from '../../../../components/pages/forms/show/EmbedFormAsPopupModal.vue'
export default {
components: {
ShareLink,
EmbedCode,
FormQrCode,
UrlFormPrefill,
RegenerateFormLink,
AdvancedFormUrlSettings,
EmbedFormAsPopupModal
},
const props = {form: {type: Object, required: true}}
props: {
form: {type: Object, required: true},
},
definePageMeta({
middleware: "auth"
})
useOpnSeoMeta({
title: (props.form) ? 'Share Form - ' + props.form.title : 'Share Form'
})
setup (props) {
definePageMeta({
middleware: "auth"
})
useOpnSeoMeta({
title: (props.form) ? 'Share Form - '+props.form.title : 'Share Form'
})
},
data: () => ({
shareFormConfig: {
hide_title: false,
auto_submit: false
const shareFormConfig = ref({
hide_title: false,
auto_submit: false
})
const shareUrlForQueryParams = computed(() => {
let queryStr = ''
for (const [key, value] of Object.entries(shareFormConfig.value)) {
if (value && value !== 'false' && value !== false) {
queryStr += '&' + encodeURIComponent(key) + "=" + encodeURIComponent(value)
}
}),
computed: {
shareUrlForQueryParams () {
let queryStr = ''
for (const [key, value] of Object.entries(this.shareFormConfig)) {
if(value && value !== 'false' && value !== false){
queryStr += '&' + encodeURIComponent(key) + "=" + encodeURIComponent(value)
}
}
return queryStr.slice(1)
}
},
}
}
return queryStr.slice(1)
})
</script>

36
client/pages/forms/[slug]/show/submissions.vue
View File

@@ -4,32 +4,18 @@
</div>
</template>
<script>
<script setup>
import FormSubmissions from '../../../../components/open/forms/components/FormSubmissions.vue'
export default {
components: {FormSubmissions},
props: {
form: {type: Object, required: true}
},
setup (props) {
definePageMeta({
middleware: "auth"
})
useOpnSeoMeta({
title: (props.form) ? 'Form Submissions - '+props.form.title : 'Form Submissions'
})
},
data: () => ({}),
mounted() {
},
computed: {
},
methods: {}
const props = {
form: {type: Object, required: true}
}
definePageMeta({
middleware: "auth"
})
useOpnSeoMeta({
title: (props.form) ? 'Form Submissions - ' + props.form.title : 'Form Submissions'
})
</script>